- 移動界面(Web/App)Photoshop UI設計十全大補
- 曾軍梅
- 1205字
- 2020-11-28 20:53:20
1.5 優秀App界面的要求
Version:CS4 CS5 CS6 CC
精湛的技巧和理解用戶與程序的關系是設計出一個有魅力的UI的前提。一個有效的用戶界面應該時刻關注著用戶目標的實現,這就要求包括視覺元素與功能操作在內的所有東西都必須完整一致。
1.高度統一
當用戶來到你的站點,他的腦子里會保持著自己的思維習慣,為了避免把用戶的思維方式打亂,我們的UI就需要和用戶保持一致。你不僅可以將按鈕放到不同頁面相似的位置,使用相契合的配色;還可以使用一致的語法和書寫習慣,讓頁面擁有一致的結構。例如,你的某個品目下的產品可以拖放到購物車,那么站點中所有產品都應該可以這樣操作。

▲微淘界面設計風格高度一致
2.容易操作
在設計UI之前,應當考慮自己的站點是否容易導航。一個優秀的UI,其用戶不僅能自由掌控自己的瀏覽行為,還要確保他們能從某個位置跳出或毫無障礙地退出。而這些在用戶離開前彈出窗口的行為,正是用來判斷UI易用性的標準。

▲友好的用戶界面
3.用戶群
只有對你的用戶群有所了解,才能設計有效的UI。因為不同的用戶階層對不同的設計元素有著不同的理解,比如16~20歲年齡段的人和35~55歲年齡段的人的喜好和習慣肯定有著很大的不同,所以UI設計必須要有針對性。

▲適合兒童的界面設計(簡單、活潑)

▲適合年輕人的界面設計(亮麗)

▲適合老年人的界面設計(規整)
4. Bug控制能力
我們應該盡可能地檢查程序中的錯誤和Bug,而Beta測試是消減錯誤的最好方法。為了達到更好的用戶體驗效果,最好減少那些彈出一個窗口告訴用戶發生了什么的設計。
5.內容重點
為了使用戶更好地理解你的內容,應該將重點放在重要的內容上面,在重要的位置為用戶展示最重要的內容。
6.簡單明了的設計
UI的功能可以很強大,但是設計一定要簡約,因為擁擠的界面,不管功能是多么強大,都會嚇跑用戶,而簡約的設計不僅能增強UI的易用性,還能讓用戶不必關心那些無關的信息,所以很多優秀的站點的設計都顯得十分簡約。

▲一些簡約設計的界面
7.導視系統
當使用了像Ajax和Flash一類的技術,在加載內容的時候,應提供視覺提示,讓用戶知道他目前在做什么。
8.操作提示
你的用戶是靠自己的研究還是看FAQ文檔學習來操作UI。一個優秀的UI,應當在UI現場提供類似于在JQuery的各個UI元素上顯示的簡單的操作提示。
9.圖文清晰
文本圖片的清晰和準確是確保內容的兩個重要因素。
10.色彩設計
UI的重要元素是色彩,不同的顏色代表著不同的心情。在使用色彩的時候,一定要和站點及主題相吻合;其次還應當考慮到色盲用戶的感受,如果你選定了某種配色,就應該在整個站點及主題統一使用這種配色,以保持色彩的統一性。

▲清爽的色彩搭配

▲厚重的色彩搭配

▲張揚時尚的色彩搭配
11.煩瑣的設計
最好的設計是用來體驗的,而不是用來看的。所以UI上不要放一些花哨的東西給用戶看,而是應該讓用戶去體驗。因為越是簡單的UI設計,用戶體驗越好。
12.清晰易懂
在你的UI中,總體結構應當清晰明了,各個元素應當放在適當的位置,彼此之間相互關聯,那些不相關的東西,可以把它們單獨放置。
- Java語言程序設計
- Rust實戰
- iOS 9 Game Development Essentials
- 少年輕松趣編程:用Scratch創作自己的小游戲
- C語言程序設計基礎與實驗指導
- Learning AndEngine
- SQL Server 2016數據庫應用與開發習題解答與上機指導
- Learning Hunk
- 區塊鏈技術進階與實戰(第2版)
- C#程序設計(項目教學版)
- 搞定J2EE:Struts+Spring+Hibernate整合詳解與典型案例
- Python開發基礎
- MySQL 8從零開始學(視頻教學版)
- FusionCharts Beginner’s Guide:The Official Guide for FusionCharts Suite
- Mastering Magento Theme Design