設計知識,怎么讓簡潔的界面也有細節(jié)?
正好,前段時間公司的內部培訓就講到這方面。我將內容整理一下。
之所以決定將這個問題作為公司內訓的原因,因為發(fā)現一些同事們的設計粗糙,缺乏細節(jié)。而所謂設計的細節(jié),又是一種很難用理性文字來表述清楚的東西。所以,我花了好幾天時間去觀察同事們做的東西,總結其中常犯的通病。本篇內容,我會盡量用最易懂的大白話來回答。外行人也能看得明白,就是我的目的。所以,希望下面的內容對你有幫助。
聲明:
1. 粗略回答此題,此答案目的在于授予漁之技,而非展示魚之貌,因此請閱讀重點。所以,也請各路語言潔癖咬文嚼字美學鑒賞黨慎入;
2. 本答案僅就一般規(guī)律進行總結,旨在傳授個人經驗于行業(yè)新人。如果你自認是行業(yè)老鳥或高手,請慎入。另外,請不要拿個例來進行反駁推翻。
讓我們先來定義一下,在設計中,普通觀看者,會把什么當作為細節(jié)。
圖一:
圖二:
在看完以上對比后,我先來問幾個問題。
第一個問題:
各位可以根據自己對于「細節(jié)」二字的理解,從以上兩張圖中,選擇出你認為更有「細節(jié)」的一圖。
第二個問題:
不管你選擇的是哪一個,請你說出你認為該圖有「細節(jié)」的緣由。 先不急著給「細節(jié)」二字下結論,讓我們再來看看另一組對比。而這次的對比,會復雜一些。
圖三:
圖四:
還是和之前一樣。請大家來回答我?guī)讉問題。
第一個問題:
各位依然根據自己對于「細節(jié)」二字的理解,來選擇出你們認為更有細節(jié)的是哪張圖?
第二個問題:
請把你在前圖中,總結出的對于「細節(jié)」的原因,套用到現在這兩張圖中來,看看你所定義的產生「細節(jié)」的原因,是否依然存在?
現在,我就來將大家看到前面幾張圖時的心理活動進行一個還原。
在這樣兩張對比中,大多數人會認為第二個「我」字更有細節(jié)。這里的細節(jié)感來自于畫面中的裝飾性元素(投影)。
一張圖,我們的視覺能夠在上面停留的點或者時間,相對來說越多越久,我們的心理感受便會認為這張圖越有細節(jié)。
就拿上面兩張圖來說,第一張圖,我們在看過之后,大約僅零點一秒不到的時間,就可以反應出,圖中只有一個漢字而已。而這時候,我們的視覺與大腦會立刻做出后面兩種反應中的一個。
第一種反應,我們會立刻在畫面中去尋找可以供我們觀看的第二個元素。如果找不到,那么我們就會立刻將注意力從畫面上轉移。
而第二種反應,是我們會立刻從畫面上轉移注意力,不再觀看了,因為沒有可以看的內容。
接下來,我還是通過圖例的方式,來讓大家感受一下裝飾性元素對于細節(jié)感的影響。
圖五:
上圖,是一個按鈕。
學習 · 提示
相關教程