萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 如何把握網站設計中的一些技巧

如何把握網站設計中的一些技巧

   1、色彩統一性

  一個網站的顏色搭配往往是一種主色和多種輔助色來完成的,這裡我們就需要保持網站主體色彩的一致性,一般人的視覺對色彩要比布局更加敏感,更容易形成記憶。如果主色用的過多,就會讓人感覺到一種五花八門的感覺,讓人不知道重點在哪,而且美觀上讓人眼花缭亂。

  2、結構一致性

  網站結構是網站風格統一的重要手段,這裡包括網站布局、文字排版、導航、圖片位置等等。這裡我們重點說的是網站標志性元素的一致,就是網站名稱、網站標志、公司介紹、聯系方式等,這是目前網站比較普遍采用的結構。我們的網站首先就是要讓浏覽者第一眼就能分辨出網站是做什麼,其次就是可以讓浏覽著可以繼續浏覽下去,所以網站的結構一定要一致和明了。

  3、導航的可用性

  一個網站最重要的部分就是整個網站的導航。沒有它,無論在哪個頁面中,用戶都會發生卡在這個頁面離不開的狀況。有了這明顯的實際方向,我們將討論一些建構網站導航時重要的點。首先,在網站的導航結構上,投入足夠的時間和很多規劃是非常重要的。雖然這是常識,但仍然有很多設計師想當然地設計網站導航。擺放位置、風格、所用技術、可用性和網頁易讀性,這些是你制作導航設計時需要考慮的。一個好的導航功能,只要網頁載入就出現,而不需要鼠標再向下滾動。這是為什麼頁面要保持干淨和簡單的重要作用,一個復雜且非常規的設計可能會讓用戶困惑。

  4、背景一致性

  網頁背景包括背景顏色和背景圖片,使用背景圖片並不是最好的選擇。第一,它會影響下載速度,第二,影響顯示效果。添加了背景圖片之後,會出現文字與圖片重疊,進而難以辨認文字,給浏覽帶來很大的不便。背景顏色也需要合理搭配,不能太花,這樣影響視覺,最終會導致浏覽者不在繼續浏覽你的網站。

  5、保持設計的干淨和簡單

  一個干淨、簡單的網頁設計最終會成為一個可用性高的網頁設計,因為它在與用戶的交互中不會使其產生混淆。當頁面上有太多的網站功能和組件時,將會分散網站用戶的注意力而失去原本浏覽網站的目的。此外,盡管它可能是一個超酷的新概念或界面設計模式,但你還是要確保對你的用戶而言該設計仍然是方便和直觀的。人們習慣於通用性的交互模式、網站功能、和網絡接口,如果你的設計的確很獨特,確保它不是太模糊和晦澀。 要有創意,但還要保持簡單。

  6、優化網站圖片

  學習如何通過選擇正確的格式,來優化網頁圖片,並確保文件大小在可行的范圍你是足夠小的,有利益網站打開的速度。網頁中的圖片在使用上要注意,特別是一些動畫,不要添加與網站內容無關的動畫。作為網站結構的組成部分,要保持圖片與內容的一致,形成連續性。

  7、網站代碼

  通過自己編寫的網頁代碼,能得到簡潔的代碼,這樣網站相對而言就會小很多,同時代碼要兼容各大主流浏覽器和W3C的驗證。代碼也是需要優化的,在設計網站時,一個好的網頁設計師應該永遠牢記基本的SEO概念。例如,網頁內容結構、用文字表示標題。此時,以前學習的如何合理編碼的能力就派上用場。認識正確、語義和基於標准的代碼後,你會很快認識到Div比表格布局好得多,不僅更為准確地展現內容,而且對搜索引擎排名也有幫助。

  網頁設計師們只有在設計和制作中多注意一些技巧,才有可能做出好的作品、好的網站。所以網頁設計師通常要扮演多種角色,並且要掌握如何構建一個有效實用的網站布局知識。

copyright © 萬盛學電腦網 all rights reserved