UI設計原則-優秀設計師必須知道(二)?

Tags: 原則, 設計師,

為大家介紹幾點UI設計原則,以便大家清晰UI設計思路。

工具/原料

PS

方法/步驟

區別對待一致性。如果螢幕元素各自的功能不同,那麼它們的外觀也理應不同。反之,如果功能相同或相近,那麼它們看起來就應該是一樣的。

正確示範|元素排版整齊且統一,功能清晰明瞭。

UI設計原則-優秀設計師必須知道(二)

強烈的視覺層次感。強烈的視覺層次感是通過介面上視覺元素提供的清晰瀏覽順序來實現的,也就是說,使用者每次都能按照同一個順序瀏覽同一些元素。弱化的視覺層次沒有給使用者提供如何瀏覽的線索,使用者會感到困惑和混亂。當一切都是粗體時,就沒有主次之分了。

正確示範|介面以使用者的閱讀習慣將層次拉開,從左到右,從上到下,元素之間互不干擾。

UI設計原則-優秀設計師必須知道(二)

恰當的組織UI能夠降低認知難度。正如John Maeda在他的書中所說,對螢幕元素的恰當組織能夠使頁面顯得簡潔,這能夠幫助使用者更容易並且更快地理解你的介面。

正確示範|將零散的元素進行組合,並以生活中常見的物品展示,使用者更易理解。

UI設計原則-優秀設計師必須知道(二)

顏色不是決定性因素。物體的顏色會隨著光線的變化而變化,顏色是一個變化的性質,不應該在介面上起決定性作用。它可以用於提醒,但是不應該是唯一的區分元素。

正確示範|通過鮮豔的色彩來提醒需要使用者關注的內容,但是tiah不太認同顏色不能作為唯一的區分的觀點,現在有很多天氣、記事、時鐘類APP極簡的設計,常常採用色彩進行區分也非常贊。

UI設計原則-優秀設計師必須知道(二)

漸進展示。在每個螢幕上只顯示必要的內容,如果使用者在做選擇,那麼給他們顯示足夠的資訊,然後在各自的頁面上展示詳情,避免在某個介面過度展示所有細節。

正確示範|零狀態結果本身對使用者體驗極其不好,更需要情感化或引導性的設計來降低使用者焦躁的情緒。

UI設計原則-優秀設計師必須知道(二)

零狀態的介面。第一次訪問介面是最重要的,但經常被設計者忽視。為了幫助使用者適應,應該提供啟動的方向和引導。

正確示範|零狀態結果本身對使用者體驗極其不好,更需要情感化或引導性的設計來降低使用者焦躁的情緒。

UI設計原則-優秀設計師必須知道(二)

優秀的設計是無形的。優秀的設計是沒有痕跡的,如果設計是成功的,那麼使用者可以只關注自己的目的,而不是介面,不依賴於介面。

正確示範|要想做到這點非常不易,tiah認為Yo做到了。

UI設計原則-優秀設計師必須知道(二)

介面是被人使用的。只有使用者使用你設計的介面時,才是成功的。如果一件衣服很漂亮,但是穿起來不舒服,那麼設計是失敗的。

錯誤示範|視覺效果非常好,但是使用者體驗上非常糟糕,當前狀態與主介面關聯太弱,弧形軌跡閱讀太累。

UI設計原則-優秀設計師必須知道(二)

相關問題答案