扁平設計與情感化設計的邊界或區別在哪裡？

01-15

覺得扁平設計比較理性

扁平設計和情感化設計這兩個提法完全是從不同的角度切入的。他們之間不對立也不毗鄰，何談邊界和區別？

扁平化設計（Flat Design）：Flat design是一種目前流行的視覺風格，但是絕不僅僅影響產品的視覺效果。在視覺語言上Flat Design的指向很明確：簡單。

使用最簡單的視覺元素：文字（字體）、顏色、圖片，不為修飾做修飾。
不在產品界面上建立過多層次的視覺深度，不通過視覺語言構建布局邏輯。因此採用扁平風格的產品更依賴於設計本身的清晰架構和屏幕元素的合理布局。（而這其實是不容易的。）
極致的扁平風格不會使用任何陰影、傾角斜面、突出或凹下的效果，也不會為之使用漸變。
Designmodo提出了一個「almost「 flat design（via Principles of Flat Design）的名字，更切合現在的流行趨勢。這種風格不會太極端，會在一個產品內克制地使用一種或兩種效果，例如會給按鈕元素加上輕微的漸變或陰影。

要深度的理解Flat Design，就要特別注意上面的第二點。扁平風格的最大優勢是它帶來的簡單、清晰之感，但這建立在優秀的UI設計基礎之上。如果軟體界面設計本身就過於複雜，邏輯混亂，流程繁瑣，一下子把界面上的元素全都『拍扁』只會帶來反效果。如果用戶進入一個軟體界面，一下子不知道自己在哪兒，這可謂是設計者極大的失敗。

這就是為什麼越來越多的移動端產品紛紛採用扁平風格。除去跟風iOS7 style以外，它們之所以能這樣做，是因為移動端產品本身就是為了在極小（相對於電腦）的屏幕上使用而設計的。移動端產品設計傾向於簡化屏幕元素，簡化用戶行為，以呈現清晰的產品架構和抓住用戶少的可憐的注意力。在這個基礎上使用Flat Design風格，還算是比較容易的。

題主覺得扁平設計比較理性，可能是看到一些扁平風格的產品不再去模仿現實生活中的物品，不再試圖通過形象來傳達信息。但其實扁平風格工於字體、色彩、圖片、動畫，這些元素對人的感性影響其實更為直白更為強烈。很難說扁平設計是「理性的」。

情感化設計（Emotional Design）：是從設計的立意和目的出發的設計思路，強調的是設計應讓產品引發使用者良性的情感反饋。Don A. Norman 著有《情感化設計》這本書，分析說產品在3個層面上對使用者產生影響：本能、行為、反思，而真正成功的產品，則是能夠在這三個層面上，誘發使用者積極的情感。「美觀的物品更好用」，「用著越愉悅的產品越好用」，一旦建立起使用者和產品之間積極的良性的情感互動，使用者也會變得更加富於創造性、更加積極、對錯誤有更高的忍耐度。

注意，設計師並不能設計情感，設計師只能設計情感的「上下文」，誘使用戶產生積極的情感。

在產品形式上採用可愛、快樂的視覺暗示：例如用卡通形象做產品形象的MailChimp，車燈設計的像笑容的甲殼蟲汽車；
給產品添加「人」的特質，塑造產品性格，贏得用戶的心。這方面的例子太多，可以將交互元素擬人化，可以在文字上奉承用戶，可以幽默……我還記得flickr在改版之前，每次登陸都會隨機用一種語言表達「你好，XXX」，下面有一行小字：「現在，你知道如何用XX語說你好了」。這種細節蘊含著微妙的溫馨，雖然並沒有實質的功能意義。

情感化設計重視用戶的情感反饋，但它並不和極簡的扁平設計相矛盾。話說回來，目前扁平風格的app如此流行，不就是大家都想披上乾淨、清晰、簡單的性格外衣，以期在用戶互動中佔據優勢么？