如何做網頁設計的10個小竅門

　　導語：網頁設計是根據企業希望向瀏覽者傳遞的信息，進行網站功能策劃，然后進行的頁面設計美化工作。作為企業對外宣傳物料的其中一種，精美的網頁設計，對于提升企業的互聯網品牌形象至關重要。下面我們來看看如何做網頁設計的10個小竅門，希望對大家有所幫助。

　　1.記住：你能掌控的時間是有限的

　　我僅僅用4秒鐘就能瀏覽完平常的頁面，因此，你沒有足夠的時間吸引用戶并讓他們繼續瀏覽你的網站。也就是說你應盡可能準確的描述你設計的網站是關于什么的。如果它需要讓瀏覽者花費更多的時間去弄明白此網站是關于什么的，他將放棄并離開。

　　2、記�。河脩羰锹宰x頁面

　　當你進入一個房間時，你不會具體的看每一樣東西的外表。首先你會注意屋子里面人或物的外形，你環視整個屋子，然后找令你敢興趣的東西。在第一次瀏覽網站的時候也會發生類似的事兒，瀏覽者或用戶首先是大體瀏覽一下。這就需要你引導用戶去你想要讓他們去的地方。它可能是個登陸按鈕、更多內容按鈕、或博客文章等等

　　3、網站的左上角是最明顯的位置

　　這是大家公認的事實。主要原因是大家都是用這種習慣方式來讀書讀文章的(從左上角的位置開始)，另外早期的網站和應用軟件也是基于此方法進行設計開發的。我們通常會把LOGO放在左上角，這樣是很好的。但是考慮一下加入一個或者兩個其他的元素在這個位置讓它看起來更明顯(注冊的鏈接、搜索的表單、標語等)。

　　4了解“F”結構

　　一些視覺跟蹤調查研究證明，用戶瀏覽網站的視覺路線類似于字母“F”型。最頂部的位置總是能被看到，中間區域僅有一半被看到，再往下只有左邊一部分能被看到。當你在設計的時候不知道將一個內容塊放到社么位置的時候，你可以去考慮一下這一因素。

　　5.了解用戶忽略什么

　　用戶都是對廣告視而不見的。他們習慣于忽略圖片廣告和文字廣告。避免設計的東西看上去像廣告，同時，用戶也會忽略大塊的文字區域。沒有人有時間(更確切的說是耐心!)去閱讀大片的文字，他們僅僅是了解頁面文章的大意。

　　6.文字和圖片

　　一個有趣的事實是。文字比那些絕妙的圖片更能夠獲得注意!如果你想向你的用戶傳達信息，我建議你使用大的標語文字來代替那些很炫的頭部圖片……

　　7.用設計元素來吸引注意

　　來吸引注意的好的元素是文字口號，行動綱領的按鈕(通常用亮色調)，分成1-2-3級，或者就是一個普通的列表……

　　如果你在寫一篇很長的文章，很重要的一件事情就是你要去找小標題。小標題比其他的內容容易獲得關注。使用恰當的標題，通過這簡單的步驟向用戶闡述這篇文章的主題。

　　8.文字格式

　　恰當的文字格式的編排更有意于閱讀。不要擔心使用過多的段落、加粗、斜體、引用、下劃線或者字母大小寫……它們都可以讓文字塊更有視覺沖擊力。當然，你也需要用格式化強調一些你認為很重要的文字或者句子，這些能夠引導你的讀者閱讀完全文。

　　9.使用簡潔圖片

　　我前面已經提及過用戶對廣告是視而不見的。當你在設計過程中使用到圖片時，要確保它們不要雜亂、令人討厭或不被理解。大部分人感覺看雜亂、色彩花哨的圖片是比較費勁兒的。圖片應該簡潔、易理解的。

　　你使用人的臉部圖片更容易引起用戶的注意，尤其當圖片人物的眼睛盯著用戶。當然你也可以用目光的方向來引導用戶關注某一個方向。

　　10.使用留白

　　使用留白可以給某些元素更多的可視空間，如果某元素與邊距或其它元素太近就容易被混淆，那就需要給它留點呼吸的空間。尤其在文字與文字內容之間。

　　平面設計的學習方法：

　　1、學習設計軟件

　　對于設計專業人士來說，軟件是每個初學者都不能跳過的東西。任何職業都離不開輔助工具的學習，所以任何設計從業者都離不開設計軟件的學習。

　　設計用得比較多的軟件，如PS、Ai、CDR……但是平面設計最需要學習的軟件只是其中的一部分。掌握了這些，在通往專業平面設計師的道路上就接近了一半。對平面設計感興趣的人可以自己下載軟件，嘗試自己的應用操作，看看自己對設計軟件的掌握程度如何。

　　2、學習平面知識

　　平面設計涵蓋了很多知識，種類繁多。從小字體圖標到大顏色組合，都是平面設計師要掌握的知識。

　　平面設計種類：商業環境藝術設計、商業展示設計、商業廣告設計、書籍裝幀設計、包裝結構與裝飾設計、服裝設計、工業產品設計、商業插畫、標志設計、企業CI設計、網頁設計等。對于不同的設計類別，需要學習不同的重點知識。

　　3、做出項目作品

　　實踐是檢驗真理的唯一標準。沒有實際經驗，理論學習就無法進一步升華。當知識積累到一定的程度后，需要通過實際項目來鍛煉自己的能力。

　　結合項目工作，既能運用所學知識，又能發現項目應用中存在的問題。通過實踐訓練，能夠結合項目深化和鞏固理論知識，這樣不僅學習和掌握了知識，而且還能有自己真正的大項目。

　　選用富有沖擊力的圖片元素

　　設計任何網站類型，恰到好處又吸引眼球的圖片總是非常重要的。雖然讀者通常只關注網站的內容，但吸引人的相關圖片也可以起到對內容補充的作用，同時也增添了美感。不過，在網頁中使用圖片元素時，不管它是靜態還是動態圖片，都要注意顏色的搭配。顏色使用過多容易造成視覺混亂，使用單一顏色往往會產生強烈的視覺沖擊。

　　小心使用頁面空白

　　毫無疑問，簡潔的網頁設計成功的先決條件之一就是做到整潔有序。設計師在網頁中熟練地添加flash動畫，視頻，3D圖形等多種元素的同時，不過應盡量避免過度使用這些元素。如今，大家都經常使用各種便攜式設備瀏覽網頁，因此也應該充分考慮到移動網絡用戶的需求。在網頁設計中，應該小心，準確地處理頁面的邊距和空白。但是，空白間距過多會讓網站失去吸引力。因此維持設計過程中的流動性非常重要，切勿過度使用。

　　開啟你的像素眼

　　任何與設計的相關工作，小細節都發揮大作用。網頁設計也不例外。想要成功設計出簡潔的網站，你需要“第三只眼”來監控這些小細節。網站的邊框，投影，高光和紋理等元素容易讓瀏覽者印象深刻，但設計師們往往卻忽略了這些小細節。在某些情況下，忽視動畫和圖片的優化問題會影響到網頁圖像質量。為了設計出最佳的網站圖片，可在Photoshop中啟用“對齊到像素”(Snap to Pixels)，對圖片進行適當的優化。網頁中內容排版錯亂時有發生，這會從視覺上降低內容的吸引力，影響讀者閱讀。

　　選用合適的字體

　　簡潔的網頁設計成功離不開排版，排版應該獲得和圖片同樣的重視。雖然可供選擇的字體很多，設計師要考慮的方面很多，比如說，目標客戶和客戶公司的性質。為網站頁眉和內容選用合適的字體是必不可少的，無襯線字體(sans serif)和有襯線(sans serif)字體通常會為設計帶來良好的效果。除此之外，你還可以結合其它字體，專為孩子和女性打造網站。

　　為你的網站選擇合適的配色方案

　　任何網站的設計都離不了合適的配色方案，這對創建一個整潔干凈的網站同樣適用。堅持使用淡色和非彩色的投影對成功設計一個簡潔網站大有裨益。淺色的投影可以幫助用戶把焦點轉向網站內容。標志使用黑色和較深的投影，網頁中的頁眉和導航元素使用淺色背景，這些都是不錯的案例，并沒有規定在簡潔網頁設計中不能使用大膽的顏色，但是這樣的顏色要小心，克制地使用。有時候，網站有必要使用深色背景色來吸引某些目標用戶。比起漸變色，有些網站更鐘愛純色。如果你的網站非得要使用紋理和漸變色，也不要用得太過火。

　　導航欄與可用性

　　你對網站設計滿意時，認為一切都趨于完美，這時，你可以通過實際試用來測試它的使用性。不妨站在局外人的角度，客觀地對網站作出評價。在網站發布之前，你可以詢問一下跟網站設計無關的人的看法。保持網站導航的直觀性，避免使用的導航元素讓初次訪問者和技術新手產生挫敗感。

　　關于外觀的禁忌

　　1 不要先決定網頁的外觀，然后強迫自己甚至是強迫別人去適應它。應該從網站的瀏覽者、網站要傳達的信息以及網站的發展目標考慮，設計出一個最適合的網頁架構。

　　2 不要每頁都采用不同的背景圖片，以免每次轉頁都要花時間去下載。采用相同的背景色及近似的按鈕都能增加網頁一致性，樹立統一的風格。這也是最基本的網站VI設計(視覺識別系統)。

　　3 不要把圖片的白色部分當作是透明的顏色，要知道別人的操作系統是并不一定會將底色設為白色的。解決的方法是把網頁的底色設為白色。而最好的方法是用圖片編輯工具為圖片設置好透明底色。

　　4 底色或背景須與文字顏色形成明顯對比，方便閱讀。若你的網頁里有較多文字，不妨在這方面下多點功夫，力求讓瀏覽者能舒適閱讀你的文章。

　　5 每頁的排版不要太疏或用太大的字，盡量避免看網頁的時候要作很大的卷動。

　　6 太長的一頁要使用內部鏈接，聰明的網頁設計者不會讓瀏覽者在看網頁時太多卷動。常見的內部鏈接例子如 FAQ、或名詞解釋。

　　7 在17寸顯示器尚未普及的時候，不要以 800x600 以上的像素設計網頁。因為這常常會導致設計上的判斷失誤。因此，無論你有再大的顯示器，能上再大的分辨率，將顯示器設置成 800x600的顯示模式是適當的。 -

　　8 不要于每頁插入太多的廣告牌。相信你也不會喜歡貼滿廣告的網頁。什么廣告交換、點錢Banner、彈出窗口，還有時下最流行卻又最討厭的浮動廣告，還是少放為妙。至少,當我看到的時候，是會第一時間按右上角的“X”的。

　　關于操守的禁忌

　　1 不要抄襲別人的創作。網絡上的所有資料都是公開的，但都有版權的，若想引用別人的作品，不妨先征得同意，一般作者都只要你注明出處，對于電腦方面的東西，大多數朋友都是熱情而慷慨的。更不要下載了別人的網站后，當作是自己的放在網上，這樣做的結果是使所有人都知道你是個剽竊者。

　　2 引用 Newsgroup、BBS、或其他非電子傳媒的文章，切記要注明原作者名稱及文章事源，若引用別有的網頁更要通知網主。尊重版權，避免官司，利人利已。

　　3 不要利用網頁散布謠言、中傷他人，網絡雖然難管理，但本著道德良心，都應潔身自愛。維持良好網絡環境，要靠大家努力，從我做起。

　　4 不要將別人的網頁變成你的框架中的一個窗口，這樣不僅為瀏覽者帶來不便，令人的網頁更丑陋，而且也侵犯了別人的版權，解決方法是采用鏈接中的 target 參數，如 target="_top" ，或是target="_blank" 從新窗口打開網頁等。若重視訪問者的感受請從每一細節做起。

　　5 不要將別人正在使用的搜索引擎、表單及計數器等放到自己的網頁中，這樣做會擾亂其正常運作、增加該服務器的負荷，除非該主人表示可以連到他的 cgi-bin 或 JavaClass。

　　網頁設計需要具備的專業技能：

　　網頁設計師的工作目標是通過使用更合理的顏色、字體、圖片、樣式進行頁面設計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網頁設計甚至會考慮到通過聲光、交互等來實現更好的試聽感受。

　　1，了解網頁的程序實現，作為網頁設計師，當然不必跟程序員一樣會書寫腳本代碼，但是必須要了解網頁的程序實現方式，因為現在互聯網90%以上的網站都是動態網頁，都是需要動態程序支持的，所以在做網頁設計的時候需要考慮頁面動態程序的實現;

　　2，DIV+CSS，這是一種網頁前臺排版布局的技術，利用這種技術可以更好的使搜索引擎爬行網頁，加速用戶打開頁面的速度;

　　3，.PHOTOSHOP，這是平面設計人員常用的工具，網頁設計其實也是平面設計的一種，但是因為網頁設計又要必須符合網頁制作的一些規范，所以又有別于平面設計了;

　　4，DREAMWEAVER，這是一款專業的網頁制作工具，用PHOTOSHOP設計出網頁平面，那只是一張平面圖，而在互聯網上瀏覽的一張張網頁都是使用html網頁格式語言進行格式化排版布局的，所以專業的網頁設計人員是要掌握網頁制作的知識的;

　　5，FLASH，我們經常在網頁上看到一些比較炫目的動畫效果，這些效果就是通過FLASH這個軟件實現，作為網頁設計師，不一定要能做出很酷很炫的效果，但是掌握這些動畫的基本原理，會一些小動畫的制作也是必要的。

　　網頁設計就業前景分析：

　　目前的網站設計師新手的薪資一般是在3000--4000元左右，隨著專業技能和工作經驗的積累，薪資也會隨之增長，一個有經驗的網站設計師，薪資可以達到5000--7000元，而如果有能力勝任更高的職位，比如說首席網站設計師，平均月薪是不會低于8000元以下的。而且在積累了豐富的經驗之后，還會有更高的發展方向，可以往程序開發或是架構設計師的方向發展，讓自己進入更高的職位，擁有更客觀的收入。

【如何做網頁設計的10個小竅門】相關文章：

關于如何做好網頁設計的十個小竅門03-04

如何做好自適應網頁的設計05-18

如何做高大上的半透明網頁設計05-11

網頁設計中多元素是如何做到統一01-17

如何做出用戶喜歡的網頁05-15

網頁設計案例分享:網頁專題設計技巧04-04

網頁設計的設計要素07-10

網頁設計的設計要點05-16

網頁設計師應聘網頁設計職位05-19