編者按：這個系列的教程到目前為止有5個章節，共125個實用技巧，每一個技巧都有案例對比，保證簡單易懂。今天@企業官網設計精選?翻譯了第一部分 —— 在網頁設計中如何引導用戶的注意力。學會一個就能受用無窮，更別說這一章整整有17個具體的方法了。

在界面中突出強調一個聚焦點

每個界面都應該有一個清晰的起點。用戶應該從哪里看起？要設計清楚。

△ UX策略1 - 在頁面標題部分添加視覺對比

通過視覺的層次引導用戶

通過界面引導控制用戶體驗。他們應該從哪里先看起，第二和第三步又看哪里？設計要建立層次結構。

△ UX策略2 - 避免在構圖中補漏留白

△ UX策略3 - 使用單列布局

△ UX策略4 - 重疊設計元素，強調連續性

使用格式塔原則進行布局設計

根據格式塔心理學，人會通過簡化感知克服混亂。所以我們將事物分組，將元素分類，我們看“整體”。

這些原則包括：相似，接近，閉合，連接，連續和圖形/背景。

△ UX策略5 - 按照接近性將相似功能或菜單項分組顯示

△ UX策略6 - 標題位置與對應章節內容更靠近

△ UX策略7 – 限制標題與章節內容在同一界限內

在不干擾用戶的前提下呈現界面變化

有一些界面變化會發生在用戶使用期間，這些變化要做到明顯但不干擾用戶。

△ UX策略8 - 用明顯的動畫呈現界面變化

△ UX策略9 - 將出錯的元素區分顯示出來，錯誤提醒信息放置在表單頂部

刪除或弱化不必要的信息

人的注意力是有限的。不必要的元素會消耗這些注意力。因此，保持用戶專注在重要信息和功能上。

△ UX策略10 - 彈出或模態窗口背景模糊處理

△ UX策略11 - 在所有圖像中最大限度地提高數據墨水比率（讓數據更凸顯）

△ UX策略12 – 去掉不必要的邊框

△ UX策略13 - 刪除冗余或不言自明的說明

△ UX策略14 - 隱藏不常用但必要的設置、功能和信息

提示首屏以下是否還有內容

現在大多數瀏覽器在頁面處于非活動狀態時隱藏滾動條，你需要“滾動提示”告知用戶首屏以下是否還有內容

△ UX策略15 – 通過首屏延伸頁面下方信息元素

△ UX策略16 - 添加陰影以指示深度

△ UX策略17 - 用文字或圖形表示有更多內容

未完待續...

「技多不壓身的設計師才有高薪資！」

1. 平面設計：《超贊！設計師完全自學指南》
2. 交互設計：《交互設計師修煉指南！教你從零開始成為優秀交互設計師》
3. UI設計：《超實用新手指南！零基礎如何自學UI設計？》
4. 前端開發：《天貓高手來教你！零基礎如何系統地學習前端開發？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
7. DPI指南：《基礎知識學起來！為設計師量身打造的DPI指南》
8. 交互設計自學路徑圖：《零基礎入門！給非科班生的自學路徑圖之交互設計篇》

原文地址：nickkolenda

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量112萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com