挑戰(zhàn)
我曾經(jīng)設(shè)計了一個移動APP的UI，里面集合各種有關(guān)UI設(shè)計作品的風格、主題，有各種高逼格的圖片，提供給特定的網(wǎng)站和APP供用戶學習，因為自己對作品要求很高，也因此鍛煉了我的視覺設(shè)計的能力。
我的設(shè)計過程：
有一點要說明的是：這個項目里面只關(guān)注UI設(shè)計，而不包含除此之外的其他UX設(shè)計。比如用戶研究、對比檢驗、用戶旅程地圖的繪制、信息架構(gòu)等等。
APP定位
痛點分析
用戶想要學一些新的東西的時候，往往找不到合適的課程，要么找不到合適的平臺。我設(shè)計的這個APP就誰為了解決這個問題的。
產(chǎn)品定位
通常一個APP的定位都是以文案的形式展示出來，要讓用戶在第一次接觸到產(chǎn)品的時候就知道是產(chǎn)品的作用。因此文案表達的內(nèi)容一定要清晰明了，最好用一些好記的、吸引人注意力的。
我用了一句話介紹BetterMe這個APP：yeah，幫你找到最好的課程和培訓班！
這款軟件是為了幫Toronto的用戶方便地找到適合他們的課程和培訓班。
用戶畫像
建立用戶畫像是很有必要的，根據(jù)用戶的特點，包括需求、目的、行為特征等等建立用戶畫像，用戶畫像包含的信息越詳細，對產(chǎn)品的設(shè)計越有幫助。
線框圖
在對用戶的行為和目標有了很好的了解之后，我就把一些APP里面需要的關(guān)鍵信息用線框圖畫出來。主要包含以下內(nèi)容：
1、課程列表（按照熱度、附近、即將上線等因素排列）
2、搜索（按照類型、價格、位置、比例等進行排列）
3、實時消息（試驗項目）
4、用戶資料（趣味性、購買的課程）
視覺語言
語言是由詞語組成的，而這些不同種類的詞語的組合可以傳達不同的信息。同理，視覺語言可以由顏色、空間、形狀、動作等元素組成。
為了更好地找到APP的定位，我和一部分用戶進行1V1的溝通，了解他們的需求和期望。
溝通過程中提到的問題有：
1、為什么使用這款APP？
2、什么風格能夠更好地滿足用戶需求？
3、你是怎么通過視覺語言完成情緒交流的？（顏色、空間、形狀、動作）
情緒板
作為一個設(shè)計師，需要不斷調(diào)整設(shè)計的過程使設(shè)計更高效。因此，不論是UX設(shè)計師、UI設(shè)計師還是前端開發(fā)都要使用并行模型替代瀑布模型。
以前我們是如何傳達視覺設(shè)計作品效果的呢？
情緒板在設(shè)計的過程中發(fā)揮了重要作用。情緒板通常由圖片、文字、主題組成，是除了頁面板式之外用來傳達設(shè)計者包含在其中的感情的媒介。
下圖是我創(chuàng)作的兩種不同類型的情緒板，對應不同的用戶組使用。左邊的風格安靜、干凈、小巧，對應的用戶分類為學習型和研究型的。右邊的是年輕活力型的，富于變化，傳達的是激情和積極的情緒。
然而，情緒板對大多數(shù)人來說都太抽象了，而且想要用情緒板表達和用有形的視覺設(shè)計元素一樣的效果，也是一個難點。
模塊化示意圖
模塊化是示意圖是有形的視覺設(shè)計元素的拼貼，比如色板、字體、按鍵風格等等，與情緒板相比，它用一種更具體的視覺語言和用戶溝通。在設(shè)計的早期階段，模塊化示意圖是獲取用戶反饋很有用的一種方式。
模塊化示意圖能給用戶形象化地展示每一個視覺設(shè)計元素組合在一起的效果。我在15個朋友中做了調(diào)查，讓他們選出最喜歡的風格，發(fā)現(xiàn)2/3的人更喜歡第一種風格。以下是他們的一些原話：
我喜歡第一種風格，因為我覺得這種風格視覺效果更好，我會花更多的時間把玩這款APP
我喜歡第一種簡約風，相比于圖片，我更喜歡圖標
第二種風格看起來更刺激，但是對于一個課程清單類的APP來說似乎有點過了。
UI&原型設(shè)計
如果一張照片能傳達1000字的信息，那么一個原型設(shè)計能夠表達1000場會議承載的信息——IDEO。
我先根據(jù)用戶的需求確定視覺風格，畫中等級的線框圖，并且迭代少許的設(shè)計元素，然后用InVision建立交互式設(shè)計原型，并作出成型的UI。
設(shè)計規(guī)范
設(shè)計規(guī)范是指一些列的設(shè)計標準，相當于一個索引，是為了迭代一致性和設(shè)計開發(fā)高效性。
關(guān)于設(shè)計規(guī)范，構(gòu)建?Style Guide?并不是一件簡單的事，尤其對于目前快節(jié)奏的行業(yè)氛圍，從前期就開始沉淀設(shè)計內(nèi)容會耗費很多的精力。
因此，往往很多公司和團隊都是到了一定的產(chǎn)品階段才開始注重?Style Guide?沉淀，這時的工作重心更偏業(yè)務和體驗優(yōu)化，迭代也更多遵循已有的樣式，規(guī)范的重要性才得以體現(xiàn)。
反思
本文用一個實例簡單說明我的UI設(shè)計思路，實際情況可能千變?nèi)f化，我想用一句話來結(jié)束這篇文章：
設(shè)計的風格在不斷變化。好的設(shè)計是一種語言，而不是風格。——Massimo Vignelli
