設計理念比美感更重要

設計理念比美感更重要。通過7大設計理念，來展示其重要性。

設計師的水平考核不僅要看作品，更要看設計理念。因為作品只是代表了軟件的實現能力，而設計理念則代表了作品的思維境界。

①流程至上：

▼

設計界面，需要優先思考界面的整個流程，讓用戶操作界面的時候，忽略視覺的美感，沉浸在界面的流程之中，忘記時間和空間，讓用戶進入深深的流狀態。

舉例：這一點在簡書web的界面設計上，體現的非常好。簡書做到了讓用戶沉浸在寫作氣氛中，在接近無視覺干擾狀態下，忘記時間的流失，思緒飛舞的書寫一篇文章。

②少就是多：

▼

設計界面的時候，爭取用最少的文字，最短的視覺軌跡，最少的點擊次數，最少的裝飾元素，最簡潔的界面風格，從而讓用戶花最少的時間，就可以看懂界面所傳達的意思。

舉例：這一點，在支付寶C掃B支付的產品上，體現得非常好。C端用戶掃碼B端商戶的靜態二維碼，進行付款的時候，直接跳轉到輸入金額的界面，然后按上指紋，即可完成支付。整個過程：用戶只需要3步：掃碼＋輸入金額＋按上指紋，就可以完成支付。配圖如下：

③內容為王：

▼

在整理界面信息的時候，需要先整理界面的信息架構圖：包括：信息的分類方式，信息的包含關系，信息的展示方式。在設計界面的時候，要注意視覺優先級：先引導用戶看文字，再引導用戶看icon和圖片，接著引導用戶看背景。

舉例：這一點，在京東金融app的界面設計上，就體現的非常好。京東金融app大部分都是文字，即使有配圖，也是給它疊上一層黑色，然后在上面寫上配圖的標題文字。

④適應設備屏幕尺寸

▼

為屏幕設計的界面，需要注意適應屏幕的尺寸。

舉例：PC端網頁的首頁第一屏的高度［小于］760px-140px＝620px，其中760px是最小pc屏幕的高度，140px是網頁菜單欄 地址欄 網頁底部信息欄的高度。考慮到windows電腦的鼠標滑輪的敏感度以及不同瀏覽器的兼容，網頁第一屏的高度建議小于600px。

⑤界面留白：

▼

界面適當留白，從而讓視覺有休息的空間，避免了視覺疲勞。界面留白還可以傳達出一種平靜和安寧的心理感受。

舉例：這一點在iphone手機殼背面的設計上，體現的非常好。整個手機殼背面，只有攝像頭，蘋果logo，iPhone字樣，兩行細小文字。留白空間，占了整個界面的80％以上。

⑥模仿現實中的場景：

▼

分析用戶在現實場景中的使用習慣，把用戶線下場景的使用習慣，遷移到需要設計的界面上。

舉例：這一點在手寫計算器app上，體現得非常好。用戶只需要在手寫計算器的屏幕上書寫：3＋?＝10。結果就會顯示?的位置被彩色的數字7代替。

⑦把生活經歷融入設計風格

▼

每個設計師的設計風格，都會處處透露出設計師的生活經歷。因此，設計師想提高設計水平，就要不斷豐富個人的生活經歷。

舉例：喬布斯接觸佛教之后，禪宗的修養，讓喬布斯擁有了簡潔的人生目標和禪宗的思想境界，后來的所有蘋果產品，也都體現出東方佛教的簡潔頓悟之美。

◉‿◉本文作者：張云錢。從Ui到UED到PM。坐標：上海。微信號：944352559