設計網(wǎng)站初一定要注意的幾點(diǎn)建議發(fā)布者：本站     時(shí)間：2021-02-15 10:02:39

1. 簡(jiǎn)潔

許多新創(chuàng )建的網(wǎng)站都會(huì )有大量圖片、選項，設計師們需要簡(jiǎn)化網(wǎng)站用戶(hù)界面，擺脫不必要的元素，只留下最佳內容?！吧偌词嵌啵╨ess is more）”絕對是金玉良言。同時(shí)，讓網(wǎng)站導航系統清晰易懂，這些時(shí)候，需要遵守大眾一致接受的“網(wǎng)絡(luò )世界慣例”。

設計師需要著(zhù)重考慮以下幾點(diǎn)：

視覺(jué)層次：保證明確的視覺(jué)層次，主標題一定要比副標題顯眼，重要按鈕iding要在尺寸和顏色上更加引人注意。

對比：慎重對待網(wǎng)頁(yè)顏色對比度的選擇，在網(wǎng)頁(yè)設計時(shí)，顏色的挑選不僅能夠創(chuàng )造絕佳的視覺(jué)效果，還能夠讓用戶(hù)輕易搞清狀況。

流程：避免繁復多余的步驟，例如注冊階段對用戶(hù)個(gè)人信息的收集，簡(jiǎn)化注冊、購買(mǎi)或邀請好友等步驟的流程。

Mapbox： Mapbox網(wǎng)站加載界面結構簡(jiǎn)單，傳遞短小精悍的信息，需要用戶(hù)動(dòng)手的地方十分明確。


2. 減少顏色

顏 色的運用在建造讓人記憶深刻的成功品牌方面至關(guān)重要，但很多設計師會(huì )遭遇網(wǎng)站初期顏色太多的困擾。在這方面，做得比較好的是可口可樂(lè )，星巴克，臉書(shū)，推特 等等，大眾只要想到這幾個(gè)品牌，就立馬能夠想到他們的代表色。設計師的目標是使用一到兩個(gè)顏色，配合以中性色調和不同圖形，設計出美觀(guān)網(wǎng)頁(yè)。

Canopy： 初創(chuàng )網(wǎng)頁(yè)色調運用典范，只強調一種顏色。

3. 只使用兩種字體

對于網(wǎng)站來(lái)說(shuō)，字體的交流溝通最重要的工具。經(jīng)驗不足的設計師最容易犯的錯誤就是使用太多不同字體，讓網(wǎng)頁(yè)看上去一團糟。在選擇字體時(shí)，設計師最好使用不超過(guò)兩種字體。

Froot： Froot網(wǎng)站在主標題、附屬文字、按鈕和主導航處只使用了一種字體。


4. 提升可讀性

網(wǎng)頁(yè)設計中，95%都是字體。文字是用戶(hù)閱讀、了解、吸收信息的事物，需注意以下幾點(diǎn)：

對比：確保文字比背景或其他部分顏色更深。

行距：行距控制在1.5到1.75之間，保證行與行之間的“呼吸”順暢，格局清晰。

層次：將字體系統化分類(lèi)，通過(guò)搶眼的標題、副標題和特殊符號等讓用戶(hù)輕松地瀏覽信息。

Slack：Slack字體做得很好，文字可讀性很強，層次感和該突出強調的地方都很到位。

5. 移動(dòng)端優(yōu)先

根據相關(guān)統計，2014年，使用移動(dòng)端的人數就超過(guò)了使用桌面工具的人數，響應式網(wǎng)站是全新標準。設計師要優(yōu)先考慮移動(dòng)端，包括在移動(dòng)端上展示最重要的信息，確保用戶(hù)能夠在簡(jiǎn)單的界面下進(jìn)行操作，注意要將動(dòng)作按鈕制作得盡可能明確顯眼。

對于桌面版本的頁(yè)面設計，要考慮強化整體體驗，增加引人入勝的圖片，增加留白空間和可信度。設計師們在充滿(mǎn)創(chuàng )造力的要意識到，桌面版本的頁(yè)面發(fā)揮空間更大。

Squarespace：Squarespace的手機版加載界面設計美觀(guān)，有所有必須的主要元素，包括主標題，副標題和動(dòng)作按鈕。


6. 進(jìn)行A/B測試

精實(shí)創(chuàng )業(yè)的所有工作就是搭建、測試、測量以及迭代。永遠不要將自己舒服在加載頁(yè)面或儀表板界面的某一個(gè)版本中，設計兩到三個(gè)版本并將它們交給實(shí)際用戶(hù)測試。找到其中設計優(yōu)良的，對其中的部分進(jìn)行重復以提高轉換速率。

需要測試的主要元素：

主信息文字
動(dòng)作按鈕
表單
圖像

設計師們還可以使用Unbounce, Google Analytics, Optimizely, KISSmetrics等工具進(jìn)行A/B測試。

Unbounce：設計師可以利用Unbounce對i幀及的設計進(jìn)行測試，衡量效果。

7. 使用美觀(guān)圖像

一張好的圖片能抵得上一千個(gè)字，所以，預期鉆研文字不如使用到位的圖像吸引用戶(hù)注意力。設計師們常見(jiàn)的誤區之一就是選用的圖片你必須與整體設計理念相符合才可以。首先，設計師們要確保了解自己的目標群體，創(chuàng )建一個(gè)設計師工作板，專(zhuān)門(mén)收集能夠與觀(guān)眾有情緒交流的素材圖片。

Square：Square網(wǎng)站利用正在出售的部分產(chǎn)品組成簡(jiǎn)潔的圖片界面，整個(gè)圖片營(yíng)造出好客的氛圍，傳遞積極情緒。

8. 創(chuàng )建明確的行動(dòng)指令

大多數網(wǎng)站初期是以精實(shí)方法論為基礎，轉換是一個(gè)尤其重要的因素，優(yōu)化以實(shí)現較高轉換率是設計師的目標之一。檢查行動(dòng)指令文字，要確保行動(dòng)指令的說(shuō)明文字傳遞出準確的信息。避免俚語(yǔ)，俚語(yǔ)看起來(lái)可能更接地氣也更酷，但卻會(huì )讓文字更加難懂。

Pixate：指令文字字體很大，用色大膽，自然吸引用戶(hù)注意。指令文字獨特，以物質(zhì)獎勵作為指令完成后的獎勵。


9. 考慮終端用戶(hù)

花時(shí)間了解終端用戶(hù)，定義目標人群，構建典型用戶(hù)資料或用戶(hù)性格。為你的終端用戶(hù)設計，專(zhuān)注為消費者帶來(lái)價(jià)值。時(shí)刻記住，你是為消費者做設計，而不是為你自己。

利益大于特色。簡(jiǎn)單編程能夠向消費者描述清晰的利益，體現網(wǎng)站價(jià)值，而不僅僅展示網(wǎng)站特色，也不是單方面一味傳遞你的公司有多好。