網頁設計原則理念以及實戰經驗技巧

來源:互聯網
上載者:User

  什麼是好的網頁設計,網頁設計原則理念

  (1)內容和功能決定表現形式和介面設計

  常常有人憑藉電話的幾句交流或者QQ上的幾句聊天,甚至是一張句話的小紙條,就開始做一個網站設計。我決的這都是敷衍了事的通用設計,很不專業不成熟的設計。做一個良好的網頁設計,你需要瞭解客戶的東西很多,比如:

  1、建站目的(是主推產品還是平品牌,是主要注重SEO還是使用者互動等)

  2、網站類型

  3、欄目規劃及每個欄目的表現形式及功能要求

  4、主色調、客戶性別喜好、連絡方式、舊版網址、偏好網址

  5、根據行業和客戶要求,那些要著重表現

  6、是否分期建設、考慮後期的相容性、是否要開發其他語言版本

  7、客戶是否有強烈的建站慾望

  8、你是否能在精神意識上控制住客戶

  9、面對你未接觸的技術知識,你有底嗎?

  等等…

  當你把這些內容都瞭解清除了時候,你的大腦中就已經給這個網站有個全面而形象的定位了,這時才是有的放矢去做介面設計的時候了。

  (2)介面弱化

  一個好的介面設計它的介面是弱化的,它突出的是功能,著重體現的是網站業提供給使用者是主要什麼。這就涉及到瀏覽順序、功能分區等等。

  要讓訪客在0.5秒內就能把握網站的行業性質,1秒內就知道該從哪個地方開始使用這個網站,能點一次的,絕不點第二次。當然上面說的是大多數功能性網站,對於宣傳展示性網站,諸如加特效的或Flash網站,可能就不得不花哨一些,但不能太過分。網站不是動畫片,在效率越來越高,社會心理越來越浮躁的中國,人們的耐心越來越小,心理承受能力越來越低。效果可以體現意境,點到為止。

  (3)模組化和可修改性強

  模組化不僅可以提高重用性,也能統一網站風格,還可以降低程式開發的強度。這裡就設計一些尺寸、模數、寬容度、命名規範等等知識了,不再冗述。

  無論是架構還是模組或圖片,都要考慮可修改性強。舉個簡單的例子,logo、按鈕等,很多人喜歡製作圖片,N個按鈕就是N張圖片。如果只做3-5類按鈕的背景圖片,然後用在網頁代碼裡打上文字,那麼修改起來就簡單了,讓程式員自己改字就可以了。然而網頁顯示的字型是帶有鋸齒的,一般即能清晰又保證美觀的字型字型大小有幾類:

  宋體12px 宋體12px粗體宋體14px 宋體14px粗體黑體20px verdana 9px Arial Black 12px+

  (4)創意是可恥的,分析能力遠比創意來的重要

  設計界動輒就大談什麼“創意”,我要說的是,還沒有搞清目的意義和內容,還沒在技術製作上臻於完善的基礎上,用創藝和特效來迷惑客戶和訪客是可恥的。一個網也設計者的分析能力遠比創藝來的重要。

  網頁設計的實戰經驗技巧

  (一)網頁配色基本概念

  (1)白紙黑字是永遠的主題,誰都說不出不好來。

  (2)網頁最常用流行色

  蘭色——藍天白雲,沉靜整潔的顏色。

  綠色——綠白相間,雅緻而有生氣。

  橙色——活潑熱烈,標準商業色調。

  暗紅——寧重、嚴肅、高貴,需要配黑和灰來壓制刺激的紅色。

  (3)顏色的忌諱

  忌髒——背景與文字內容對比不強烈,灰暗的背景令人沮喪!

  忌純——豔麗的純色對人的刺激太強烈抗議,缺乏內涵。

  忌跳——再好看的顏色,也不能脫離整體。脫離群眾是自取其辱!

  忌花——要有一種主色貫穿其中,主色並不時面積最大的顏色,而是最重要,最能揭示和反映主題的顏色,就象領導者一樣,雖然在人數上居少數,但起決定作用。

  忌粉——顏色淺固然顯的乾淨,但如果對比過弱,整得蒼白無力了,就象病夫一樣無可救藥。

  藍色忌純,綠色忌黃,紅色忌豔。

  (4)幾種固定搭配

  藍白橙——藍為主調。白底,藍標題列,橙色按鈕或ICON做點綴。

  綠白蘭——綠為主調。白底,綠標題列,蘭色或橙色按鈕或ICON做點綴。

  橙白紅——橙為主調。白底,橙標題列,暗紅或桔紅色按鈕或ICON做點綴。

  暗紅黑——暗紅主調。黑或灰底,暗紅標題列,文字內容背景為淺灰色。

  (二)網頁設計理念

  (1)內容決定形式

  先把內容充實上,再分區塊,再定色調,再處理細節。

  (2)先整體,後局部,最後迴歸到整體。

  全域考慮,把能填上的都填上,佔位置。然後定基調,分模組設計。最後調整不滿意的幾個局部細節。

  (3)功能決定設計方向

  看網站的用途,決定設計思路。商業性的就要突出贏利目的;政府型的就要突出形象和權威性的文章;教育性的,就要突出師資和課程。

  來源:讀者投稿,原文連結。




相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。