網絡公司給您10條超實用(yòng)設計建議(yì)-行業新聞-秦皇島百圖網絡科技有限公司

如今，初始階段的(de)各類網站如雨(yǔ)後春筍般在全世界範圍内湧現，各類人(rén)群自由表達和(hé)實現創意的(de)空間也(yě)越來(lái)越大(dà)，但是，這(zhè)類創業階段的(de)網站面臨最大(dà)的(de)挑戰包括設計創始者稀缺，設計師經驗不足等問題，卻還(hái)想一舉成名。一名多(duō)次目睹創業公司行爲的(de)國外設計師Tomas Laurinavicius根據自己所見所聞提供了(le)十條建議(yì)，供網站創業者和(hé)希望參與創業活動的(de)設計師們參考。Tomas認爲他(tā)給出的(de)這(zhè)十條建議(yì)能夠幫助設計師們改善自己的(de)設計，爲未來(lái)創業的(de)網站轉型爲更強大(dà)的(de)品牌，吸引更多(duō)人(rén)，實現更大(dà)目标提供幫助。

1. 簡潔

許多(duō)新創建的(de)網站都會有大(dà)量圖片、選項，設計師們需要簡化(huà)網站用(yòng)戶界面，擺脫不必要的(de)元素，隻留下(xià)最佳内容。“少即是多(duō)(less is more)”絕對(duì)是金玉良言。同時(shí)，讓網站導航系統清晰易懂(dǒng)，這(zhè)些時(shí)候，需要遵守大(dà)衆一緻接受的(de)“網絡世界慣例”。
        設計師需要著(zhe)重考慮以下(xià)幾點：
        視覺層次：保證明(míng)确的(de)視覺層次，主标題一定要比副标題顯眼，重要按鈕iding要在尺寸和(hé)顔色上更加引人(rén)注意。
        對(duì)比：慎重對(duì)待網頁顔色對(duì)比度的(de)選擇，在網頁設計時(shí)，顔色的(de)挑選不僅能夠創造絕佳的(de)視覺效果，還(hái)能夠讓用(yòng)戶輕易搞清狀況。
        流程：避免繁複多(duō)餘的(de)步驟，例如注冊階段對(duì)用(yòng)戶個(gè)人(rén)信息的(de)收集，簡化(huà)注冊、購(gòu)買或邀請好友等步驟的(de)流程。

2. 減少顔色

顔色的(de)運用(yòng)在建造讓人(rén)記憶深刻的(de)成功品牌方面至關重要，但很多(duō)設計師會遭遇網站初期顔色太多(duō)的(de)困擾。在這(zhè)方面，做(zuò)得(de)比較好的(de)是可(kě)口可(kě)樂(yuè)，星巴克，臉書(shū)，推特等等，大(dà)衆隻要想到這(zhè)幾個(gè)品牌，就立馬能夠想到他(tā)們的(de)代表色。設計師的(de)目标是使用(yòng)一到兩個(gè)顔色，配合以中性色調和(hé)不同圖形，設計出美(měi)觀網頁。

3. 隻使用(yòng)兩種字體

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

4. 提升可(kě)讀性

        網頁設計中，95%都是字體。文字是用(yòng)戶閱讀、了(le)解、吸收信息的(de)事物(wù)，需注意以下(xià)幾點：
        對(duì)比：确保文字比背景或其他(tā)部分(fēn)顔色更深。
        行距：行距控制在1.5到1.75之間，保證行與行之間的(de)“呼吸”順暢，格局清晰。
        層次：将字體系統化(huà)分(fēn)類，通(tōng)過搶眼的(de)标題、副标題和(hé)特殊符号等讓用(yòng)戶輕松地浏覽信息。

5. 移動端優先

根據相關統計，2014年，使用(yòng)移動端的(de)人(rén)數就超過了(le)使用(yòng)桌面工具的(de)人(rén)數，響應式網站是全新标準。設計師要優先考慮移動端，包括在移動端上展示最重要的(de)信息，确保用(yòng)戶能夠在簡單的(de)界面下(xià)進行操作，注意要将動作按鈕制作得(de)盡可(kě)能明(míng)确顯眼。
對(duì)于桌面版本的(de)頁面設計，要考慮強化(huà)整體體驗，增加引人(rén)入勝的(de)圖片，增加留白空間和(hé)可(kě)信度。設計師們在充滿創造力的(de)要意識到，桌面版本的(de)頁面發揮空間更大(dà)。

6. 進行A/B測試

        精實創業的(de)所有工作就是搭建、測試、測量以及叠代。永遠(yuǎn)不要将自己舒服在加載頁面或儀表闆界面的(de)某一個(gè)版本中，設計兩到三個(gè)版本并将它們交給實際用(yòng)戶測試。找到其中設計優良的(de)，對(duì)其中的(de)部分(fēn)進行重複以提高(gāo)轉換速率。
        需要測試的(de)主要元素：主信息文字、動作按鈕、表單、圖像
        設計師們還(hái)可(kě)以使用(yòng)Unbounce, Google Analytics, Optimizely, KISSmetrics等工具進行A/B測試。

7. 使用(yòng)美(měi)觀圖像

一張好的(de)圖片能抵得(de)上一千個(gè)字，所以，預期鑽研文字不如使用(yòng)到位的(de)圖像吸引用(yòng)戶注意力。設計師們常見的(de)誤區(qū)之一就是選用(yòng)的(de)圖片你必須與整體設計理(lǐ)念相符合才可(kě)以。首先，設計師們要确保了(le)解自己的(de)目标群體，創建一個(gè)設計師工作闆，專門收集能夠與觀衆有情緒交流的(de)素材圖片。

8. 創建明(míng)确的(de)行動指令

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

9. 考慮終端用(yòng)戶

        花時(shí)間了(le)解終端用(yòng)戶，定義目标人(rén)群，構建典型用(yòng)戶資料或用(yòng)戶性格。爲你的(de)終端用(yòng)戶設計，專注爲消費者帶來(lái)價值。時(shí)刻記住，你是爲消費者做(zuò)設計，而不是爲你自己。
        利益大(dà)于特色。簡單編程能夠向消費者描述清晰的(de)利益，體現網站價值，而不僅僅展示網站特色，也(yě)不是單方面一味傳遞你的(de)公司有多(duō)好。
        人(rén)們不會爲你所作的(de)買單，而是爲你做(zuò)這(zhè)件事的(de)原因買單。