7大UI設計法則助你創造更美視覺體驗

平面設計、界面設計本應該是一個化繁為簡,解決問題的工具,但是我們經常通過設計把問題變得更加複雜,為了設計而設計。所以整理了7條設計規則,幫助ui設計師做出更好的設計。

#1 極簡主義,儘可能的留白

設計師喜歡留白,但是客戶想填滿。。。

7大UI設計法則助你創造更美視覺體驗

留白是構成一個好的視覺佈局重要元素,但也是最容易被忽視使用的元素。通常情況下,留白意味著浪費屏幕空間。但實際上,留白對於設計更加簡化的佈局非常有用,因為這樣可以讓用戶專注他們看的內容。

來看一個留白使用得不錯的例子:

7大UI設計法則助你創造更美視覺體驗

#2 微交互設計

推動用戶參與網站/網絡應用/移動應用的方法有很多,但是經常被忽視的一點就是“微交互”。

微交互的基本原則是:行動-反應。在真實物理環境中,每個動作都會有相應的反應。所以這個也適用於設計,這樣的小交互設計能讓界面看起來更加有生機和活力。

來看一下哪些地方需要用到微交互:

1,打開/關閉

2,調整設置偏好

3,上傳和下載

4,通知

5,社交媒體分享

6,下拉菜單和隱藏菜單

7,突出顯示CTA號召性用語

7大UI設計法則助你創造更美視覺體驗

修改文本的色彩代碼,文本的顏色跟著改變。

7大UI設計法則助你創造更美視覺體驗

收到新郵件時,郵件計數器會微妙地增加。

#3 不知道怎麼選擇顏色時,請使用安靜的顏色

我記得我製作的第一個UI設計方案是黑色系,從那以後,我對黑暗色調就有來一種偏好。我的大多數設計都是暗色調的。黑色能夠為設計賦予了一種其它顏色無法替代的優雅。

有些設計方案,在開始設計之前就必須確定設計的配色方案,這裡有一個訣竅,那就是使用柔和的顏色。

7大UI設計法則助你創造更美視覺體驗

柔和的顏色指南

安靜的顏色讓設計師在不違背極簡主義的原則下,在頁面內創建出深度。用戶可以很容易地在深度較淺的藍色之上使用柔和的藍色,讓頁面有層次感,而不需要只使用陰影的層次結構效果。

#4 光是來自頂端

陰影為用戶查找界面元素提供了寶貴的線索。

設計師們最常犯的錯誤就是忘記了光線是從頂端照下來的。照亮了頂部,並在下面有投影,物體的頂部較亮,底部較暗。

我們的屏幕是平面的,但是我們投入很了精力去讓所有的內容都能以3D的效果呈現出來。即使在平面設計、界面設計,我們也一直嘗試著不破壞扁平設計的原則下融入3D的元素:

7大UI設計法則助你創造更美視覺體驗

#5 為每個頁面添加一個聚焦點

突出重點是吸引用戶注意特定設計元素的不錯策略。這可能涉及到內容、圖像、鏈接、按鈕等方面。在大多數的設計領域,比如建築設計、景觀設計、時尚設計等,都會使用這個策略,突出重點都是非常有效的。

平面設計師和攝影師廣泛使用 “三分原則”來創造藝術和設計上的重點內容。

7大UI設計法則助你創造更美視覺體驗

在上圖中,突出重點是通過顏色來實現的。

#6 讓用戶感覺到他們自己很聰明

設計不應該是複雜的。當用戶能夠預測某個事物的設計行為時,他們會感到很開心,因為這讓他們認識到自己很聰明。

用戶喜歡能讓他們感到自己聰明的產品和服務。他們花費的寶貴注意力,時間和金錢越值得,他們就會覺得自己更聰明。用戶在與您的產品互動時感覺越聰明,他們就越會喜歡上您的產品。

下面圖片的小例子。相比左邊的鹽和胡椒瓶,用戶更喜歡右邊的。因為用戶更容易區分哪個是鹽,哪個是胡椒粉。

7大UI設計法則助你創造更美視覺體驗

界面設計時,如果漢堡包圖標是用來表示來自左側的菜單,則不要用它來表示配置文件的詳細信息。

#7 保持一致

一致性的設計是直觀的設計。

7大UI設計法則助你創造更美視覺體驗

當設計是一致時,人們可以毫無壓力的將原有認識遷移到新的環境中,並快速學習新的事物。這樣,他們可以專注於執行任務,而不是花大量的時間去學習新的UI界面的。


分享到:


相關文章: