互聯網時代,每個企業都需要一個網站來展示宣傳自己的品牌,一個網站的好壞直接影響到網站的轉化,怎么來判斷和衡量一個網站的好壞?*關鍵的一個方面就是頁面的設計效果,客戶判斷一個網站是否好,也是看網站的設計是否高端,布局是否合理,顏色和文字、圖像等是否搭配得當,主題是否突出,頁面是否美觀這幾個方面。既然客戶關心的點是這些,那我們就從這幾方面下功夫,設計出客戶滿意的網站,同時也是自己的一份好的作品。
網站設計中需要了解的幾大要素:
網頁的設計尺寸、常用的字體、字體間距舒適范圍、字體顏色設計技巧
一、網頁的設計尺寸:根據電腦屏幕分辨率的寬度來定
比較老點的筆記本屏幕分辨率是:1366*768px
比較流行的臺式機顯示分辨率是1920*1080px
一般我們設計網頁的時候,使用1920px寬度的畫布來設計,網站的內容寬度控制在1200px以內;
如果網站中,導航、中間部分內容采用全屏效果,或是寬度超過1200px,則內頁也有與首頁寬度保持一致。
頂部導航的高度一般為60-100px;
Banner圖的高度一般為:420-580px;
產品圖片的比例為:4:3 3:4
團隊介紹中有人物圖片,不要使用黑白色;
要注意圖片與圖片,圖片與標題、簡介等方面的間距
二、中文建議使用微軟雅黑字體,英文則建議使用arial 字體。圖片上的字體要使用可以免費商用的字體,不要使用漢儀、方正等容易侵權的字體。
常用的字體大小號有以下幾種:
1、12px是用于網頁的*小字體,適用于突出性的日期,版權等注釋性內容。
2、14px則適用于非突出性的普通正文內容。
3、16px或18px適用于突出性的標題內容。
4、網站的字體大小并沒有硬性規定具體的字號,根據實際情況可以酌情考慮,但是要有限適用偶數字號。
5、字體規格也不需要太多,*好適用三種混搭。如果需要更多
6、層次的區別,可以改變字體顏色或加粗來體現。
三、字體間距舒適范圍
相鄰兩個文字的間距,其實不需要太過介意,除了特殊的需求之外,都可以使用默認數值的間距。
1、行間距,推薦以字體大小的1.5-2倍作為參考;
2、段間距,推薦以字體大小的2-2.5倍作為參考。
3、當選用14px字體時,行間距:21-28px; 段間距:8px-35px
四 、字體顏色設計技巧
1、主文字的顏色,建議使用公司品牌的VI顏色,可提高公司網站與公司VI之間的關聯,增加可辨識性和記憶性。
2、正文字體顏色,保險起見,選用易讀性的深灰色,建議選用#333到#666之前的顏色。
3、輔助性的,注釋類的文字,則可以選用#999999之類的比較淺的顏色。
如果,你對顏色駕馭能力比較強,你也可以選擇偏公司VI顏色的深色,作為正文字體顏色或者輔助性文字的顏色。
了解了網站設計中關于尺寸、字體、字間距的標準常識外,一個網站設計的成功與否,很大程度上決定于設計師的網站的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,只有在制作網頁之前把這些方面都考慮到了,才能胸有成竹,設計出來的網頁才能有個性、有特色,具有吸引力。
網站的設計風格要做到簡單明了并風格一致,既可以突出企業的品牌,也可以傳遞品牌信息,提高用戶的好感度和信任度,而好的網站設計可以避免頁面信息凌亂,提高用戶體驗感。頁面的設計要大方得當,布局要合理,盡量滿足不同的用戶需求和舒適度。網站的色彩調配要合理,要有沖擊力,好的色彩搭配可以提供網站的吸引力。
如何才能規劃一個好的網站,首先就要對客戶的公司情況有所了解,他們是屬于哪個行業,有什么樣的市場地位,愿景是什么,他們公司的品牌特色,競爭力,優勢,產品信息等,通過這些信息的大概了解,然后再跟負責人溝通下,他們的具體欄目、都要展示哪些內容,提供相關的資料等,做到知己知彼,才能設計出客戶滿意的網站。
網站設計要綜合美學、心理學、大數據等,從多個方面進行對比分析,可以多多參考競品網站是怎么做的,為什么別人要這樣設計,越是效果好的網站,越能讓我們捕捉到不同的東西,我們可以選擇幾個行業不錯的網站,來進行參考設計。
一個好的網站設計,一定是簡約的,高端的,具體視覺沖擊力的,讓人看起來舒服的。
網站設計中一定要注意:細節!!!!
細節決定成敗!