讓你的設計容易理解

一、UI設計的核心價值是什么?

傳達信息(這個信息不是指簡單的文字信息而是包含了情感,界面邏輯 ,產品構架 ,品牌形象等所以綜合的視覺信息這些信息可以讓你不用閱讀枯燥的文字或者命令通過本能的感知就能操作復雜的計算機系統(tǒng)。其實很多時候一般大眾并不會對美觀有太高的鑒賞能力,反而是產品有沒有用才是他們最關心的地方,所以如果產品設計得讓人無法理解的話,那么用戶用不上產品就自然失去了價值。

所以UI設計最核心最基礎的價值就是傳達產品與用戶之間溝通的信息

二、我們在設計的時候一般會出現(xiàn)一些什么樣的問題呢?

?邏輯、時間、呈現(xiàn)、控件、表達

A 邏輯問題:這個是影響最大又最容易犯的問題 - 所以我們要用大部分時間來了解這方面的相關:

知識點其中一點就是關于格式塔在界面中應用的技巧。

B 什么是格式塔呢?

經驗和視覺對感知影響的規(guī)律,我們平時說的格式塔是指格式塔心理學,它是1912年由幾位德國心理學家創(chuàng)立的一套心理學理論。它主要總結了人們的經驗和視覺對感知影響的規(guī)律,而這些規(guī)律又普遍存在我們一般的設計當中,所以格式塔是我們UI設計師必須熟悉的一套心理學。

知識,研究格式塔的心理學家們認為人們在觀看事物的時候眼睛和大腦并不是在一開始就會去注視到眼前圖形的每一個組成部分而是會將看到的所有內容組合起來把它想象成一個更容易理解的整體來進行處理除此之外。

?這些心理學家還認為在一個界面內眼睛的能力,只能接受少數(shù)幾個不太關聯(lián)的視覺單位這些能力的強弱,取決于這些視覺單位的差異與相似的程度。如果一個界面中包含了太多互不相關的單位,眼睛和大腦就會試圖把這些復雜的結構給簡化,把各個單位加以組合使之成為一個視覺上易于處理的整體。如果辦不到這一點的話,整體形象繼續(xù)呈現(xiàn)為無序或者混亂的狀態(tài),從而無法被正確地認知簡單地來說就是看不懂,或者無法接受當這種情況出現(xiàn)的時候人們就會覺得界面不太友好。

三、怎么樣的視覺表達才能使人們更容易理解和接受?

答:格式塔的創(chuàng)始人提出五項基本法則:

簡單 、相似、接近、閉合、連續(xù)

簡單:就是指人的大腦習慣盡量把看到的事物簡化最終變成容易理解的狀態(tài)這樣無論對理解還是記憶都會有好處

相似:我們的眼睛很容易注意到那些外表相似的物體而且不管它們的位置是不是相鄰 總是把它們聯(lián)系起來 大小 顏色 形狀

接近:人們習慣把接近的元素看成一個整體

閉合:閉合法則講的是人們在觀察熟悉的視覺形象時會把不完整的局部形象當作一個整體的形象來感知這種在知覺上的結束稱之為閉合如果局部形象過于陌生或者簡略的話就很可能產生不了整體閉合的聯(lián)想所以閉合一定是依據觀察者的經驗來設計的如果設計師只考慮到自己的經驗就很容易在這里出錯了(多用于字體上 圖標設計中)

四、閉合分類

1. 形狀閉合(用于字體 圖標設計中):因為可以通過特殊的缺口,即為圖標增加個性的效果,同時又不影響本身要傳達的信息,所以形狀閉合是一個非常實用的技巧。

2. 負型閉合(是指畫面中的復型 也就是留白的地方 如果能形成用戶熟悉的地方,那這塊留白的形狀也會被當作是一個有效的信息來感知,但有時候這個做法并不是太直觀需要用戶去領悟理解領悟通了,又覺得很有意思)SO多用于LOGO 海報 廣告等藝術設計當中

3. 經驗閉合 (是指我們日常的UI界面,因為不斷進化迫使人們不斷地累積到新的認知習慣,從而讓我們可以用更簡潔的樣式也能讓用戶明白這個圖形代表的是什么控件)連續(xù)法則? (人的視覺有隨著一個方向延續(xù)的習慣會把這些元素聯(lián)系在一起 使它們看起來有有一種方向感)

? A. 邏輯問題:視覺元素的邏輯關系(一般來說界面中所有的信息都存在一定的邏輯關系)、從屬關系、平行關系、遞進關系

? B. 時間問題::

? ? ? ?(1) 關注時間對信息的影響

? ? ? ? (2) 如果有時間限制的話,一定要考慮到用戶是否有機會能讀完,短時記憶5-9個單元

? ? ? ? (3) 短時記憶正常人只能記住5-9個互不相關的信息單元,我們對信息的長度實際上是非常敏感的

? ? ? ? (4) 所以用戶去閱讀廣告或文章標題的時候,最好不要讓這個標題太長,控制到7個字以內的標題最容

? ? ? ? (5) 易被閱讀?

? ?C. 呈現(xiàn)問題:

? ? ? ?(1)就是我們設計的界面是不是能讓用戶看得清楚,比如需要注意不要有類似的配色出現(xiàn)要注意色彩之間相互干擾的影響,同時也要留意文字的對比度夠不夠明顯,會不會影響閱讀。強調背景還是背景一定要盡量保持低調,不能和前景互搶眼球 ,文字內容一定能看到清楚

????D. 控件問題

? ? ? ? (2)控件是指界面中用來操作控制的原件這些控件包括;輸入框 按鈕 文字鏈 單選復選框 彈窗等等??丶褂玫谜徽_會直接影響到用戶的理解

????E. 表達問題

? ? ? ? (1)四個寫作的技巧:倒三角(如果我們要傳達一套復雜的信息需要先把目的或者總結明確出來,這樣對用戶的理解非常有幫助先把總結放到前面的方法,就叫做倒三角意思是把大的放在上面,然后越講越細);

? ? ? ? (2)無序列表(以序列的方式排列出來這樣閱讀肯定會高效的多用序的方式來排列內容的方法就叫無序列表)

? ? ? ? (3)有序列表(就是給這個列表加上了數(shù)字序號大體的作用和無序列表基本上是一樣的,不同的地方在于有序列表還多了一個順序和統(tǒng)計的屬性,如果文章內容不是強調平行關系的話,用有序列表會更方便記憶)

? ? ? ? ? ? ? ;文不如表,表不如圖

五、總結

1. 我們在設計的時候一般會出現(xiàn)的問題呢?

? ?邏輯、 時間 、呈現(xiàn) 、控件 、表達?

2. 邏輯問題--中涉及的格式塔-經驗和視覺對感知影響的規(guī)律

從整體去理解

3. 格式塔的創(chuàng)始人提出五項基本法則?

簡單、相似、 接近、閉合(形狀閉合 負型閉合 經驗閉合)、 連續(xù)

4. 表達問題--四個寫作的技巧:

倒三角 、無序列表、 有序列表、文不如表、 表不如圖


座右銘:今天多一份努力,明天多幾分歡笑!

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,147評論 25 708
  • 用兩張圖告訴你,為什么你的 App 會卡頓? - Android - 掘金 Cover 有什么料? 從這篇文章中你...
    hw1212閱讀 14,039評論 2 59
  • 交互計算機系統(tǒng)可以說是一門計算機和認知學的交叉工程學科,基于科學的技術方法創(chuàng)造滿足指定需求的交互系統(tǒng)。工程學在設計...
    挖泥巴閱讀 6,936評論 0 52
  • 1、通過CocoaPods安裝項目名稱項目信息 AFNetworking網絡請求組件 FMDB本地數(shù)據庫組件 SD...
    陽明AI閱讀 16,211評論 3 119
  • 甜甜蜜蜜,點點滴滴, 一天一天經歷, 一夜一夜過去。 到頭來都只是自己, 剩下的都只是回憶。 在有限的時光里, 誰...
    心_苑閱讀 223評論 0 1

友情鏈接更多精彩內容