- Photoshop智能手機UI設計
- 葉經文 王志成
- 775字
- 2020-08-28 14:25:46
設計思路:如何設計出更加友好的UI
下面我們就來看幾個友好的UI設計。
1.友好UI設計的幾大特點
(1)簡約而不簡單。看上去非常簡潔,其實往往都是非常講究的。細節豐富,架構清晰,主題突出,層次分明,最大限度地呈現有效信息,良好地引導用戶。
(2)用色大膽奔放。好的作品肯定是將顏色完美地融合到UI里。讓用戶享受服務的同時,也能感受到一絲美感。
(3)圖形運用。高水平的插畫與UI完美地融合。小到圖標,大到模塊乃至整個頁面,處處流露出設計功底。
2.完美的柵格
下面這幾個UI非常整潔,層次感較強,張弛有度,頁面整體非常棒,搭調的配色,完美的比例讓人頓覺眼前一亮,即使看不懂外文也會被它深深地吸引,設計上有非常多值得我們參考和學習的地方。柵格的安排控制得非常合理,幾乎所有的瀏覽器下都能顯示到兩行的柵格內容。版式非常靈活和自然,無論是哪種屏幕分辨率下,設計師都進行了自然的重組和排序,而且對于內容也沒有絲毫的影響,不必考慮太多對于響應式實現的過多準備,實際效果非常好。



3.配色柔和,圖文清晰
配色是一門藝術,一般采用的是高級灰,所謂高級灰就是有“色相”和“純度”的藍灰色,相對于歐美配色的濃重來說,中文的UI應該比較柔和唯美,符合東方人的審美,背景宜采用淺灰和白色層疊,將黑色的標題文字和彩色的圖片映襯得非常清晰,沒有拖泥帶水,整個軟件的線框和背景都要保持一致。文字標題全是圖片,更加強調視覺體驗。



4.細膩的細節
手機UI應該著重細節的處理,因為本身尺寸就很小。下面這些UI的細節處理讓人佩服,每一個圖片的處理,文字的擺放都恰到好處,仿佛頁面整體維護都是一位高級設計師在負責,而非“編輯”。仔細一看,頁面中所有的圖片廣告視覺語言都是統一的,比如文字和圖片的位置都是一致的,同板塊圖片的底色高度統一,給人一種嚴謹的整潔感。畫面細膩養眼,圖標精致典雅,沒有勉強的拼湊,沒有過分的修飾,讓人百看不厭。


