面試時，如何闡釋設計思路？

衆所周知，做爲設計師，面試的時候，面試官可能會讓你拿出本身以爲比較滿意的做品來說講設計思路，若是你沒準備好，再加上一緊張，很容易致使思路混亂，最後連本身都不知道在說什麼！

怎麼解決這個問題呢？

答案其實很簡單：那就是理清思路，作好充足的準備。

若是你暫時尚未思路，不妨先看看個人。

正好最近在作一款界面的重設計，目前作了兩個頁面及一組圖標，如今就假設面試官讓我說說這兩個頁面，我會怎麼闡述呢？

個人闡述思路大綱以下：

1.我對這款產品有必定的瞭解
2.我是一個對流行趨勢敏感的人
3.我是這樣展示本身設計能力的
4.我對用戶體驗也有一些改進

固然咱們須要看着頁面來說解，先來看一下改版先後的界面樣式。

因爲信息安全問題，我將底部的信息主架構進行了隱藏和改變，你們主要看整個設計思路的闡述，不要糾結細節。

原版界面：

優化後界面：

下面闡述開始：

1. 我對產品有必定的瞭解

在作任何設計以前，你都須要對這個產品有必定的瞭解，這是一個大前提。

我會告訴面試官，這是一個什麼樣子的產品，他的背景是什麼，他的調性是什麼，品牌理念是什麼，最後得出個人整體視覺風格是怎樣的。

好比拿這兩個頁面來講，這是一款企業內部員工的即時通信工具，產品定義是「方便員工高效溝通的即時通信工具」。

而做爲白領的你，其實你是有一點小追求、小逼格的，因此簡單來講，咱們的品牌調性及視覺風格就是簡潔高效、時尚、有逼格。

2. 我是一個對流行趨勢敏感的人

這裏開始就要談視覺了，首先你要和麪試官強調，你是一個緊跟流行趨勢的設計師，對於IM頁面的改版，你尋找了不少國內外優秀的競品，對它們進行分享與總結，如Facebook的Messenger、國際版QQ、Snapchat等等，截圖以下：

最後通過你的總結，得出對於本次設計有幫助的流行趨勢有：

無線化分隔

簡化「對話氣泡」樣式

聊天界面底部，直接將高頻操做展現出來 …..

有了這些參考作爲基礎，再結合本身產品的品牌調性，你就能夠具體去執行了。

3. 我是這樣展示本身設計能力的

這裏就是最重要的部分了，除了參考國內外的流行趨勢之外，你是如何展示本身獨特的創意與視覺表現力呢？

你們都知道，界面設計主要包括圖標、配色和排版樣式，你能夠從這三個方面來闡述你的視覺表現力。

3.1 圖標

圖標採用了斷點、雙色的視覺風格，雖然圖標風格有所參考，可是對於輸入框部分使用這樣風格的圖標，也算是個人一次大膽嘗試，算是本次設計的一個亮點，以下圖：

至於這套圖標如何製做的，還有它是如何與品牌產生聯繫的？若是講起來可能又是2000字。

不過偷偷的告訴你，我管這套圖標的製做方法叫作「品牌基因法」，若是你想知道這套方法就在下方留言吧，人數多的話，下期就分享出來。

3.2 關於配色

頭部導航欄的顏色，原版的深色過於壓抑，不符合總體輕鬆愉悅的產品定位和視覺風格。因此我決定將深藍色變成白色，使整個頁面看起來更加簡潔、清爽。

繼續看上圖，對話氣泡採用漸變藍色，使顏色更加通透，同時雙方氣泡顏色對比更增強烈，增長視覺上的耐看度，而且使用戶更易區分哪些信息是本身發的，哪些是對方發的。

3.3 排版樣式

在板式上本次重設計我有一個重要原則：簡潔、輕量

體如今「無線化分割」、對話氣泡框去掉小尖角、聊天時隱藏本身的頭像等等。如圖：

4. 我對用戶體驗也有一些改進

這裏是個加分項，做爲一名視覺設計師，若是你除了思考視覺上的問題之外，再能想一想體驗方面的改進，那就證實你不止是一個「美工」，而是一個有思想的設計師。

在這兩個頁面裏，主要對用戶體驗的改進就是「聊天界面底部，將高頻操做提取出來，節省用戶時間，也符合目前業內聊天輸入框的交互流行趨勢。

固然若是你要闡述的頁面不少，你還能夠說更多關於體驗的問題。

小結

以上四點就是我目前闡述設計思路的方法。這裏值得一提的是，上面所講的內容也只能算是及格，若是你想更高級一點，那就須要把每個創意點挖掘透徹。

每作一個東西，多問本身爲何，不斷地細化，直到「問不出爲何」爲止，由於那時你已經走到了問題的本質。

好了，以上就是我本次分享的內容了，最後提醒你們，有空多畫畫思惟腦圖，理清本身的思路，隨時保持「多問爲何」的心態，堅持久了，你必定會有質的飛越，和菜心一塊兒加油唄！