網頁是網站最重要的一部分，想要建設出一個出色的網站，那就要先設計出特色的網頁。那么網頁平面設計怎么做呢？今天就讓faceui來給大家詳解一下網頁平面設計教程以及注意事項，如果你對這方面感興趣的話，不妨進來文章了解一下吧。

　　網頁平面設計教程

　　1.網頁平面設計，要明白網頁的基本構造，我們常見的網頁有什么形式，例如企業的官網，新聞類的信息流網站，購物的網站，他們的樣式等都是不同的，設計時也不會相同。

　　2.但網頁設計的大小卻是一定的，或是有一個范圍，不管是是類型的都一樣的，寬度不會超過1920像素，這是一個固定的范圍，要顯示的范圍會比這個數值更小。

　　網頁平面設計（圖片來自網絡）

　　3.網頁設計還是使用位圖軟件比較多，如PS，根據網頁類型新建畫布，然后做一些參考線即可開始著手設計了，不同的類型有不同的設計方法和技巧。

　　4.購物型網頁，展示商品，廣告等也比較多，板塊分類比較多，例如某寶，某東，都是如此，已經形成了一定的規范，可以直接模仿即可，這樣不會改變人們的購物習慣，人們知道什么功能在哪里。

　　5.企業網站類型，不同的企業會有不同的樣式，但都大同小異，也有一定的規范化，頁面的開頭基本都是一樣的，比較固定，樣式上也沒什么大的變化，大型的圖片，然后就是各自需要的板塊，基本都會有一些介紹，產品介紹等。

　　6.新聞類的信息流網站，這樣的網站圖像不多，可以說比較少，大面積都是文字，用文字來說明新聞，但會有一些插圖等，雖然都是文字，可以利用文字的大小，粗細，深淺等來區分重點與普通，也能讓人一目了然。

　　7.在設計時還要掌握一些基本的設計理念，大小對比，顏色搭配，合理布局等，這些都是整體或是局部的運用，是設計的綜合體現，很是影響設計的效果，設計出的網頁不僅要瀏覽舒適，還要方便快捷的看到瀏覽者想看的，或是想表達的。

　　網頁平面設計需要注意事項

　　一、自適應網頁平面設計

　　用戶可以通過筆記本電腦、平板電腦、手機、智能手表和其他電子產品訪問網站。為了給用戶提供更好的服務，回聲網站(也稱為自適應網站)可以為用戶提供類似的、相對常見的體驗，無論他們通過何種設備訪問網站。響應式網頁平面設計的使用意味著您的網站可以容納廣泛的網絡客戶。您制作的服務頁面和優惠信息更容易呈現給所有用戶，轉化率自然會大大提高。

　　二、導航設計

　　當用戶訪問網站時，如果網站上的信息量很大，那么引導用戶找到想要訪問的內容就非常重要。設計師需要將導航放在頁面頂部的顯眼位置，這樣用戶就可以通過導航快速找到想要訪問的頁面。

　　此外，網站導航還應具備以下特點：

　　1、簡單(每個網站都應該有一個簡單明了的結構)；

　　2、清晰(導航選項對用戶來說應該是不言而喻的)；

　　3、通用(導航應該在所有頁面上通用)；

　　網頁平面設計（圖片來自網絡）

　　三、顏色匹配

　　無論是看得見的有形圖形設計，還是我們瀏覽的一些網頁設計。顏色總是很重要的一點。畢竟，瀏覽網頁時，首先看到的是網頁的顏色，而不是網頁設計的圖案和圖片。網頁平面設計的色彩也有一定的規律，可以分為三種顏色。

　　1、使用一種顏色，即先指定一種顏色，通過調整透明度和飽和度，使頁面看起來顏色非常均勻，會有層次感。

　　2、對于兩種顏色，您可以選擇一種顏色，然后比較它們以選擇另一種顏色。

　　3、選擇一種讓你感覺舒服的顏色。這種顏色可以是淺藍色，土黃色或其他顏色，給你一個舒適的視覺。

　　四、考慮用戶習慣

　　在網頁平面設計過程中，不能忽視用戶的習慣，因為網站本身就是以用戶為導向的，或者是針對某一類用戶。一般來說，這些用戶都有自己的習慣。在整個建設過程中，要合理調查用戶習慣，注意調查內容。

　　網頁平面設計怎么做？以上就是faceui給大家解答了相關的問題，看完上面的內容之后，相信各位朋友都清楚的了解到了網頁平面設計該如何做，想要設計出獨特的網頁，最關鍵的就是不要忽略了用戶使用網頁的習慣。