天津平面設計培訓視覺設計培訓精品設計培訓課程推薦

網頁的設計原則和網頁設計技巧

本文章摘自天津平面設計培訓全程實例教學小班精講十多年教學經驗的天津博奧教育官網m.psnx.com.cn

 

網頁設計是一個很關鍵的部分，網頁設計的好壞直接影響整體的網站效果。網頁設計環(huán)節(jié)是整個成功的開端，結合自己的親身體驗，總結如下和大家分享交流：一、什么是好的網頁設計，網頁設計原則理念（1）內容和功能決定表現形式和界面設計：常常有人憑借電話的幾句交流或者qq上的幾句聊天，甚至是一張句話的小紙條，就開始做一個網站設計。站長認為這都是敷衍了事的通用設計，很不專業(yè)不成熟的設計。做一個良好的網頁設計，你需要了解客戶的東西很多，比如1、建站目的（是主推產品還是品牌，是主要注重seo還是用戶交互等）

2、網站類型

3、欄目規(guī)劃及每個欄目的表現形式及功能要求；

4、主色調、客戶性別喜好、聯系方式、舊版網址、偏好網址；

5、根據行業(yè)和客戶要求，哪些是著重表現；

6、是否分期建設、考慮后期的兼容性、是否要開發(fā)其他語言版本；

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

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

9、面對你未接觸的技術知識，你有底嗎？等等...當把上述的內容都弄明白了的時候，你的大腦中就已經給這個網站有了全面而形象的定位了，這時才是有的放矢去做界面設計的時候了。

（2）界面是弱化的，突出的是功能：一個好的界面設計它的界面是弱化的，它突出的是功能，著重體現的是網站業(yè)提供給使用者是主要什么。這就涉及到瀏覽順序、功能分區(qū)等等，要讓訪客在0.5秒內就能把握網站的行業(yè)性質，1秒內就知道該從哪個地方開始使用這個網站，能點一次的，絕不點第二次。當然上面說的是大多數功能性網站，對于宣傳展示性網站，諸如加特效的或flash網站，可能就不得不花哨一些，但不能太過分。網站不是動畫片，在效率越來越高，社會心理越來越浮躁的中國，人們的耐心越來越小，心理承受能力越來越低。效果可以體現意境，點到為止。

（3）模塊化和可修改性強：模塊化不僅可以提高重用性，也能統(tǒng)一網站風格，還可以降低程序開發(fā)的強度。這里就設計一些尺寸、模數、寬容度、命名規(guī)范等等知識了，不再冗述。無論是架構還是模塊或圖片，都要考慮可修改性強。舉個簡單的例子，logo、按鈕等，很多人喜歡制作圖片，n個按鈕就是n張圖片。如果只做3-5類按鈕的背景圖片，然后用在網頁代碼里打上文字，那么修改起來就簡單了，讓程序員自己改字就可以了。然而網頁顯示的字體是帶有鋸齒的，一般即能清晰又保證美觀的字體字號有幾類；宋體12px |宋體12px粗體|宋體14px |宋體14px粗體|黑體20px|verdana 9px|arial black 12px+|；

（4）創(chuàng)意是可恥的，分析能力遠比創(chuàng)意來的重要：設計界動輒就大談什么“創(chuàng)意”，需要指出的是，還沒有搞清目的意義和內容，還沒在技術制作上臻于完善的基礎上，用創(chuàng)藝和特效來迷惑客戶和訪客是可恥的。一個網站設計者的分析能力遠比創(chuàng)藝來的重要。

二、網頁設計的實戰(zhàn)經驗技巧：

（一）網頁配色基本概念：1.白紙黑字是永遠的主題，誰都說不出不好來；2.網頁最常用流行色，蘭色—藍天白云，沉靜整潔的顏色；綠色—綠白相間，雅致而有生氣；橙色—活潑熱烈，標準商業(yè)色調；暗紅—寧重、嚴肅、高貴，需要配黑和灰來壓制刺激的紅色，3.顏色的幾種固定搭配：藍白橙—藍為主調。白底，藍標題欄，橙色按鈕或icon做點綴；綠白蘭—綠為主調。白底，綠標題欄，蘭色或橙色按鈕或icon做點綴；橙白紅—橙為主調。白底，橙標題欄，暗紅或桔紅色按鈕或icon做點綴；暗紅黑—暗紅主調。黑或灰底，暗紅標題欄，文字內容背景為淺灰色。4.顏色的忌諱：忌臟—背景與文字內容對比不強烈，灰暗的背景令人沮喪；忌純—艷麗的純色對人的刺激太強烈抗議，缺乏內涵；忌跳—再好看的顏色，也不能脫離整體。脫離群眾是自取其辱；忌花—要有一種主色貫穿其中，主色并不時面積最大的顏色，而是最重要，最能揭示和反映主題的顏色，就象領導者一樣，雖然在人數上居少數，但起決定作用；忌粉—顏色淺固然顯的干凈，但如果對比過弱，整得蒼白無力了，就象病夫一樣無可救藥；藍色忌純，綠色忌黃，紅色忌艷

（二）網頁設計理念：1.內容決定形式先把內容充實上，再分區(qū)塊，再定色調，再處理細節(jié)；2.先整體，后局部，最后回歸到整體，全局考慮，把能填上的都填上，占位置。然后定基調，分模塊設計。最后調整不滿意的幾個局部細節(jié)；3.功能決定設計方向，看網站的用途，決定設計思路。商業(yè)性的就要突出贏利目的；政府型的就要突出形象和權威性的文章；教育性的，就要突出師資和課程。

 

 

下一篇：平面設計師必備軟件技巧coreldraw中鎖定暫不修改的對象

 

 

熱文：平面設計師必備軟件技巧coreldraw巧用快捷鍵進行縮放操作

 

 

 

天津平面設計相關培訓：天津市天津平面設計培訓、天津市天津平面設計培訓就業(yè)班、天津UI設計培訓、天津PS培訓、天津C4D培訓、天津AI培訓、天津犀牛Rhino培訓、 天津Solidworks培訓、SolidWorks培訓全科班、天津素描培訓、天津CAD培訓、天津室內設計培訓、天津建筑Rhino參數化設計培訓、天津辦公軟件培訓、天津各所大學到天津博奧教育的乘車路線