眾所周知,作為設計師,面試的時候,面試官可能會讓你拿出自己覺得比較滿意的作品來講講設計思路,如果你沒準備好,再加上一緊張,很容易導致思路混亂,最後連自己都不知道在說什麼!
怎麼解決這個問題呢?
答案其實很簡單:那就是理清思路,做好充足的準備。
如果你暫時還沒有思路,不妨先看看我的。
正好最近在做一款介面的重設計,目前做了兩個頁面及一組圖示,現在就假設面試官讓我說說這兩個頁面,我會怎麼闡述呢?
我的闡述思路大綱如下:
1.我對這款產品有一定的瞭解
2.我是一個對流行趨勢敏感的人
3.我是這樣展現自己設計能力的
4.我對使用者體驗也有一些改進
當然我們需要看著頁面來講解,先來看一下改版前後的介面樣式。
由於資訊保安問題,我將底部的資訊主架構進行了隱藏和改變,大家主要看整個設計思路的闡述,不要糾結細節。
原版介面:
優化後介面:
下面闡述開始:
1. 我對產品有一定的瞭解
在做任何設計之前,你都需要對這個產品有一定的瞭解,這是一個大前提。
我會告訴面試官,這是一個什麼樣子的產品,他的背景是什麼,他的調性是什麼,品牌理念是什麼,最後得出我的總體視覺風格是怎樣的。
比如拿這兩個頁面來說,這是一款企業內部員工的即時通訊工具,產品定義是“方便員工高效溝通的即時通訊工具”。
而作為白領的你,其實你是有一點小追求、小逼格的,所以簡單來說,我們的品牌調性及視覺風格就是簡潔高效、時尚、有逼格。
2. 我是一個對流行趨勢敏感的人
這裡開始就要談視覺了,首先你要和麵試官強調,你是一個緊跟流行趨勢的設計師,對於IM頁面的改版,你尋找了很多國內外優秀的競品,對它們進行分享與總結,如Facebook的Messenger、國際版QQ、Snapchat等等,截圖如下:
最後經過你的總結,得出對於本次設計有幫助的流行趨勢有:
無線化分隔
簡化“對話氣泡”樣式
聊天介面底部,直接將高頻操作展示出來 …..
有了這些參考做為基礎,再結合自己產品的品牌調性,你就可以具體去執行了。
3. 我是這樣展現自己設計能力的
這裡就是最重要的部分了,除了參考國內外的流行趨勢以外,你是如何展現自己獨特的創意與視覺表現力呢?
大家都知道,介面設計主要包括圖示、配色和排版樣式,你可以從這三個方面來闡述你的視覺表現力。
3.1 圖示
圖示採用了斷點、雙色的視覺風格,雖然圖示風格有所參考,但是對於輸入框部分使用這樣風格的圖示,也算是我的一次大膽嘗試,算是本次設計的一個亮點,如下圖:
至於這套圖示如何製作的,還有它是如何與品牌產生聯絡的?如果講起來可能又是2000字。
不過偷偷的告訴你,我管這套圖示的製作方法叫做“品牌基因法”,如果你想知道這套方法就在下方留言吧,人數多的話,下期就分享出來。
3.2 關於配色
頭部導航欄的顏色,原版的深色過於壓抑,不符合整體輕鬆愉悅的產品定位和視覺風格。所以我決定將深藍色變成白色,使整個頁面看起來更加簡潔、清爽。
繼續看上圖,對話氣泡採用漸變藍色,使顏色更加通透,同時雙方氣泡顏色對比更加強烈,增加視覺上的耐看度,並且使使用者更易區分哪些資訊是自己發的,哪些是對方發的。
3.3 排版樣式
在板式上本次重設計我有一個重要原則:簡潔、輕量
體現在“無線化分割”、對話氣泡框去掉小尖角、聊天時隱藏自己的頭像等等。如圖:
4. 我對使用者體驗也有一些改進
這裡是個加分項,作為一名視覺設計師,如果你除了思考視覺上的問題以外,再能想想體驗方面的改進,那就證明你不止是一個“美工”,而是一個有思想的設計師。
在這兩個頁面裡,主要對使用者體驗的改進就是“聊天介面底部,將高頻操作提取出來,節省使用者時間,也符合目前業內聊天輸入框的互動流行趨勢。
當然如果你要闡述的頁面很多,你還可以說更多關於體驗的問題。
小結
以上四點就是我目前闡述設計思路的方法。這裡值得一提的是,上面所講的內容也只能算是及格,如果你想更高階一點,那就需要把每一個創意點挖掘透徹。
每做一個東西,多問自己為什麼,不斷地細化,直到“問不出為什麼”為止,因為那時你已經走到了問題的本質。
好了,以上就是我本次分享的內容了,最後提醒大家,有空多畫畫思維腦圖,理清自己的思路,隨時保持“多問為什麼”的心態,堅持久了,你一定會有質的飛越,和菜心一起加油唄!