什麼樣的 App 界面的視覺設計才算是優秀的？

12-08

或者說什麼樣才算優秀的視覺設計師？

優秀的APP界面視覺設計首先是能夠非常明確的傳達這個APP的主旨的，說白了就是這個APP是用來幹什麼的。產品必須是一個優雅的整體，產品的設計必須是由內而外的統一、協調，像萬萬沒想到里的孔女神一般只存在於電影或者遊戲當中。所以，色彩、圖案、形態、布局等的選擇必須與APP的功能、情感相呼應，務必做到一脈相承，零時間傳達APP的概念。

其次優秀的APP界面視覺設計是有特點的、吸引人的，特別是在第一眼的時候。當然這必須先滿足上面那一點，而不是單純的為了搏眼球、搏出位。整個設計過程會是一場微妙的博弈與平衡，以達到一種魅力的素雅的耐看的境界。

而優秀的視覺設計師是能夠體諒用戶的。每做一個決定的時候，都是從用戶的角度出發，而不是總是陷入無限的自我的陶醉或者情懷當中。

其次優秀的視覺設計師是熟悉精通多種風格的。用戶是多樣的，需求是多種的，流行是會隨著時間變化的，APP的視覺有什麼理由不做出必要的改變呢

最後優秀的視覺設計師是有自己的理念的。這種理念不會是狹隘的扁平化或者擬物化，這些只是表象的手段。這種理念應當是基於它是如何有益於用戶的，又或者給用戶帶來什麼樣的好處，獲得了什麼樣的啟發，或許是生理上的，或許是情感上的。

我評估一套視覺UI設計的標準有以下幾個方面：

是否清晰的展現了信息層級：對於APP的UI設計在層級方面，需要遵循的原則，1）盡量用更少的視覺層級來展示信息，因為在移動場景中，用戶的注意時長更短，需要在最短的時間引導用戶關注到核心信息以完成主操作，如果層級過多，會使效率更低。 2）當不可避免的要採用多個層級，那麼使用儘可能少的設計手法做層級區分。例如，區分信息A和信息B，可以用顏色或大小或亮度或動靜等等手法來區分，但是在這些手法中盡量選擇一種，不要兩種疊加，這樣可以使界面展現更為優雅。關於這方面的詳細內容，可以參考我的一個小結減少視覺層級，向優雅邁進一小步，其中有一些案例來說明。
是否採用了一致的設計語言：這一點很好理解，在整個APP中採用一致的配色方案、材質、元素、厚度，但這裡需要注意的是，設計語言包括但不僅限於這些內容，還需要在相同的使用場景中，相同性質的控制項，提供一致的交互和樣式呈現。這樣做的意義是盡量降低用戶的學習成本，儘快從新手過渡到中等熟練階段。
是否在細節上給予驚喜：這一點，我個人認為是最難的，也是體現設計師創新力和水平的部分，做的出色，可以讓用戶產生強烈的印象和好感。一個直觀的翻頁動畫，一個有趣的載入狀態、甚至一段讓人忍俊不禁的文案，都能夠讓一個APP從"good"提升到「great"。

廣義的來說，我覺得一個好的app在視覺上要符合品牌與產品的精神，同時也提供給用戶易懂且舒服的操作體驗。

簡單說些實現方面的細節，我認為 UI 的整體設計要富有統一性(Consistency)，層次性(Visual Hierarchy)，組織性(Organisation)。以上這幾點，必須反映在 UI 的網格佈局，字體規劃，色彩計畫，元件設計，以及圖片的選用。

組織性是為了讓用戶能夠快速的學會一個 app 中的元件分佈邏輯，達到容易上手的目的。統一性是為了呈現 app 的個性與形象，增強用戶對 UI 的印象與熟悉度。層次性是利用視覺上的技術巧妙地佈局螢幕上的資訊以及元件，讓用戶能夠一眼就得知最重要的資訊，不需要浪費時間去讀完所有的東西後再自行過濾資訊。

我通俗一點說，設計師能力看腦眼手。
一個優秀的視覺設計師：

首先是手上的功夫，
畫icon就鮮明可識別，不搞虛邊；畫界面就按照設計標準，不瞎想亂來；信息層級明晰易讀，配色布局功底紮實，扁平化畫的來，擬物也能搞定；每個元件有幾個狀態，每個狀態有什麼要點，不讓人操心；切圖輸出不含糊，安卓怎麼來，iOS怎麼來，響應式設計怎麼來，這都是最基本的基本功。

其次是眼裡的水平，
什麼樣的產品搭什麼樣的風格，什麼樣的時機跟什麼樣的趨勢；能做到有自己的設計語言；能知道什麼效果夠吸引用戶；設計稿主次分明重點突出，細節統一觀感協調。這是眼裡的功夫，來自於對設計的廣泛的涉獵和思考總結。

最後是腦力的上限，
我設計的目的與傳達的內容是什麼？在怎樣的場景下被用戶使用，又會引發出用戶怎樣的情緒？面對用戶的情緒，我是引導激發還是體諒安撫？怎麼用視覺上的設計平衡整個交互的過程？當然，還有很多很多，我也還沒做到，不敢妄言。

手眼是設計師能否出活所依賴的功夫，腦力是設計師最終能達到的上限和高度。循序漸進，但不可固步自封。

=============
下面是廣告時間^_^：

如果你是手上功夫好的視覺設計師，請認真考慮下我們的團隊，與多數沉悶的視覺設計崗位不同，我們並不計劃把你打磨成一顆好用的螺絲釘，我們希望和你一起成長。

這是一則招聘帖：「MakeHave 每刻風物」設計師需求計劃與職業生涯（附價值觀輸出:) - MasterPa"s Dev Center - 知乎專欄

什麼樣的 App 界面的視覺設計才算是優秀的？
與
什麼樣才算優秀的視覺設計師？
完全是兩個問題好嘛(╯‵□′)╯︵┻━┻

先回答一下什麼樣的App界面的視覺設計才算優秀的
並反對回答中那些鑽進設計這兩個字眼中的答案，這個問題最重要的一點反而要跳出設計本身來看。

首先，作為一個App的設計師，最重要的一點是做出來的界面設計能夠為公司產生價值。
作為一個設計師而非藝術家，區別就在於本質上我們的底線及最重要的是產品的設計能夠產生價值，這才是我們作為視覺設計師的立足之本。

見過太多設計師自己的作品或者概念稿做的很優秀，很有設計感，但是一到實際項目中就蒙逼了。然後抱怨說實際工作中，自己的產品經理多傻逼，和自己合作的交互多傻逼，老闆多傻逼，導致自己無法發揮。實際情況會限制設計，這是肯定的，每個人都會被限制，視覺設計這個工種本身就是帶著鐐銬跳舞。但是反觀許多從設計角度講設計的很爛的產品，被一些設計師鄙夷的設計，無一不是在這些限制中被設計出來，但是這些設計為產品產生了實實在在的價值。這些設計比那些自鳴得意的概念稿到底哪個更有意義不言而喻。

從這個角度講，正確準確把握設計需求，產生設計價值，不斷打磨的設計才能稱得上是優秀的設計，即使可能看起來由於實際情況會使設計的產出並不符合自己的審美要求。

然後（由於問的是視覺設計，所以這裡我不談交互的影響），第二重要的是完整自洽的設計語言貫穿其中。

優秀的視覺設計應該是邏輯明確，連貫統一，可傳承的。設計師通過把握界面中不同的元素，將符合產品氣質的視覺風格表現出來，換句話說就是有符合產品的獨立的設計語言來支撐。能夠拆解，有依據，有規範。

最後，才是大家最常談的美感與細節。

放在最後寫並不是美與細節不重要，對於設計師來說非常重要，他們共同決定了這個設計師是否是夠格的。然而這點其實並沒有什麼好贅言的，審美需要長期觀察優秀的作品，不斷練習提升，說白了就是多練；細節的把握說白了也就是多練，不斷修改自己的作品，對比，對齊，視覺平衡，留白等等..

說句題外話，好多設計師改上十幾次就不耐煩不想改了，但是說實在的設計的提升是永無止境的，永遠可以做的更好，工作中有的時候一個版本中的一個界面甚至可以做上上百稿，要不是時間問題可能會繼續打磨改進，不斷去努力提升，一定會有所突破。

那些達不到基本審美和細節要求的作品就不多說了，說多了都是浪費時間。

下面回答下在我看來什麼樣才算優秀的設計師。

其實這個從不同角度看，答案都會所不同。

作為一個設計師，最基本的是能夠做出優秀的設計（可參考以上的三點），同時還需要掌握一些工作中的經驗與技巧，比如溝通，比如視覺還原，比如管理。

但標準也不是死的，我也見過一些曾經的優秀設計師走上管理崗位後設計能力相對停滯不前了，但是他能帶出來優秀的設計師，能夠準確快速的理解產品的需求，在我看來他們仍然是優秀的設計師。

不同的人對優秀設計師的評判各不相同，但有一點是一定的，熱愛設計這份工作，有點雞湯的感覺，但是在我見過的設計師裡面，能做好的大多都相對比較熱愛這個行業，業餘時間也會在設計上投入很多，總想著不斷提升自己。而那些半吊子混日子的大多想著怎麼賺錢，怎麼舒服的混日子，沒見過一個設計能做好的。

以上。

對ARK來說，視覺設計不只是停留在概念具體執行的環節，在項目初期視覺設計師就是團隊的一份子，一起參與研究，一起觀察用戶，一起貢獻創意概念。

我們要求視覺設計師們必須學會擅長聆聽、理解和表達。聆聽用戶的想法，理解所發掘出來的價值。貢獻你的想法，給產品的每一個環節注入那些感性和性感的設計，並最終傳達給消費者。

高！大！上！科技感！炫酷！…………………………

用戶體驗好
界面清晰明了
顏色搭配舒適
交互功能強大

配色，情感，細節，整體，主次。不多說了，上圖。

一個人第一次打開就會使用基本功能，不用嚮導。

簡單地說，讓用戶覺得舒服。
具體來講：
1 減少用戶學習成本。一個app還要配上大量文字說明，誰還有耐心用。
2 良好的交互。讓用戶舒服只是一個感覺，但是這個感覺可以被量化，有一些具體的指標，比如整體色調，每個按鍵之間的大小比例，位置關係，整體操作邏輯的一致性等等等。
3 有自己特色。這個就是設計師或者設計團隊的特點所在。有了自己的風格，才會有認知度，才會在自己的路上走的更遠。才會在同類競品中脫穎而出~~

暫時想到的

app的界面視覺必須是在功能和交互之上的，現在數以萬計的app中，真正界面視覺和功能完美結合的還是少數，不同類型的app要展示的內容也各不相同，所以設計必須牢牢的抓住與功能完美結合的點，那麼一定會有打動人的設計作品。

乾淨，清透，當然沒問題

我屎終堅持6簡原則（自己瞎起的）。

界面簡約：
不要把界面做的比內容都吸引注意力

操作簡單：
我直腸通大腦，所以請別讓我有思考的時間

動效簡短：
0.5秒就能載入完成的內容，特效足足動了1分鐘

提示簡要：
提示文字寫那麼長，你咋不去干文案運營

流程簡易：
我就想去支付，特么跳轉了10個頁面

功能簡明：
用了半天，請問這個app是約炮的嗎

界面清楚明白，功能邏輯統一有條理。

界面清潔、凸顯核心、擬物化、操作簡單、讓人第一次看到有喜歡感。

APP的分類分為很多種有社交類遊戲類相機類等等視覺設計應根據APP本身的類別做不同的設計比如你把遊戲類的視覺設計應用到讀書類APP中這樣必然是不可取的

一看即懂，如何操作的界面，極簡主義

界面要人性化，簡約而不失華麗，要符合相應的系統的規範設計

UI設計是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。從字面上看是用戶與界面兩個組成部分，但實際上還包括用戶與界面之間的交互關係。界面設計不是單純的平面設計，他需要定位使用者、使用環境、使用方式並且為最終用戶而設計。檢驗一個界面的標準即不是某個項目開發組領導的意見也不是項目成員投票的結果，而是最終用戶的感受。所以界面設計要和用戶研究緊密結合，是一個不斷為最終用戶設計滿意視覺效果的過程。

學習UI設計除了要學習一些基本的操作軟體，如PS AI AE AXURE 以外呢，還要學習比如配色，排版，字體設計，三大構成，消費心理學，溝通學，以及思維導圖，原型圖，還有交互邏輯，規範，切圖，了解程序，用戶體驗，還有營銷課程方面的內容。一個合格的UI設計師，不應只是一個會使用工具的技術師，還應該是一個從整體項目綜合考慮的工程設計師。