當前位置:首頁>ps入門教程>ps基礎教程>設計知識>教程內容

設計知識,怎么讓簡潔的界面也有細節(jié)?

來源:zhihu 作者:-eno-one- 學習:5840人次

正好,前段時間公司的內部培訓就講到這方面。我將內容整理一下。

之所以決定將這個問題作為公司內訓的原因,因為發(fā)現一些同事們的設計粗糙,缺乏細節(jié)。而所謂設計的細節(jié),又是一種很難用理性文字來表述清楚的東西。所以,我花了好幾天時間去觀察同事們做的東西,總結其中常犯的通病。本篇內容,我會盡量用最易懂的大白話來回答。外行人也能看得明白,就是我的目的。所以,希望下面的內容對你有幫助。

聲明:

1. 粗略回答此題,此答案目的在于授予漁之技,而非展示魚之貌,因此請閱讀重點。所以,也請各路語言潔癖咬文嚼字美學鑒賞黨慎入;

2. 本答案僅就一般規(guī)律進行總結,旨在傳授個人經驗于行業(yè)新人。如果你自認是行業(yè)老鳥或高手,請慎入。另外,請不要拿個例來進行反駁推翻。

讓我們先來定義一下,在設計中,普通觀看者,會把什么當作為細節(jié)。

圖一:

設計知識,怎么讓簡潔的界面也有細節(jié)?

圖二:

設計知識,怎么讓簡潔的界面也有細節(jié)?

在看完以上對比后,我先來問幾個問題。

第一個問題:

各位可以根據自己對于「細節(jié)」二字的理解,從以上兩張圖中,選擇出你認為更有「細節(jié)」的一圖。

第二個問題:

不管你選擇的是哪一個,請你說出你認為該圖有「細節(jié)」的緣由。 先不急著給「細節(jié)」二字下結論,讓我們再來看看另一組對比。而這次的對比,會復雜一些。

圖三:

設計知識,怎么讓簡潔的界面也有細節(jié)?

圖四:

設計知識,怎么讓簡潔的界面也有細節(jié)?

還是和之前一樣。請大家來回答我?guī)讉問題。

第一個問題:

各位依然根據自己對于「細節(jié)」二字的理解,來選擇出你們認為更有細節(jié)的是哪張圖?

第二個問題:

請把你在前圖中,總結出的對于「細節(jié)」的原因,套用到現在這兩張圖中來,看看你所定義的產生「細節(jié)」的原因,是否依然存在?

現在,我就來將大家看到前面幾張圖時的心理活動進行一個還原。

設計知識,怎么讓簡潔的界面也有細節(jié)?

在這樣兩張對比中,大多數人會認為第二個「我」字更有細節(jié)。這里的細節(jié)感來自于畫面中的裝飾性元素(投影)。

一張圖,我們的視覺能夠在上面停留的點或者時間,相對來說越多越久,我們的心理感受便會認為這張圖越有細節(jié)。

就拿上面兩張圖來說,第一張圖,我們在看過之后,大約僅零點一秒不到的時間,就可以反應出,圖中只有一個漢字而已。而這時候,我們的視覺與大腦會立刻做出后面兩種反應中的一個。

第一種反應,我們會立刻在畫面中去尋找可以供我們觀看的第二個元素。如果找不到,那么我們就會立刻將注意力從畫面上轉移。

而第二種反應,是我們會立刻從畫面上轉移注意力,不再觀看了,因為沒有可以看的內容。

接下來,我還是通過圖例的方式,來讓大家感受一下裝飾性元素對于細節(jié)感的影響。

圖五:

設計知識,怎么讓簡潔的界面也有細節(jié)?

上圖,是一個按鈕。

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側二維碼!
  • 關注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關注大神微博加入>>

網友求助,請回答!