這幾天有一些同學(xué)問(wèn)我關(guān)于面試的問(wèn)題抚官，其實(shí)我對(duì)于整個(gè)面試的過(guò)程還沒(méi)怎么總結(jié)過(guò)扬跋，但是對(duì)于如何闡述自己的設(shè)計(jì)思路倒是有一套方法，今天分享給大家凌节。
眾所周知钦听，作為設(shè)計(jì)師洒试，面試的時(shí)候，面試官可能會(huì)讓你拿出自己覺(jué)得比較滿意的作品來(lái)講講設(shè)計(jì)思路朴上，如果你沒(méi)準(zhǔn)備好垒棋，再加上一緊張，很容易導(dǎo)致思路混亂痪宰，最后連自己都不知道在說(shuō)什么叼架！
怎么解決這個(gè)問(wèn)題呢？
答案其實(shí)很簡(jiǎn)單：那就是理清思路衣撬，做好充足的準(zhǔn)備乖订。如果你暫時(shí)還沒(méi)有思路，不妨先看看我的具练。
正好本周在做一款界面的重設(shè)計(jì)乍构，目前做了兩個(gè)頁(yè)面及一組圖標(biāo)，現(xiàn)在就假設(shè)面試官讓我說(shuō)說(shuō)這兩個(gè)頁(yè)面扛点，我會(huì)怎么闡述呢哥遮？
我的闡述思路大綱如下：
1.我對(duì)這款產(chǎn)品有一定的了解
2.我是一個(gè)對(duì)流行趨勢(shì)敏感的人
3.我是這樣展現(xiàn)自己設(shè)計(jì)能力的
4.我對(duì)用戶體驗(yàn)也有一些改進(jìn)
當(dāng)然我們需要看著頁(yè)面來(lái)講解，先來(lái)看一下改版前后的界面樣式陵究。（由于信息安全問(wèn)題眠饮，我將底部的信息主架構(gòu)進(jìn)行了隱藏和改變，大家主要看整個(gè)設(shè)計(jì)思路的闡述畔乙，不要糾結(jié)細(xì)節(jié)）
原版界面：
優(yōu)化后界面：
下面闡述開(kāi)始：
1.我對(duì)產(chǎn)品有一定的了解
在做任何設(shè)計(jì)之前君仆，你都需要對(duì)這個(gè)產(chǎn)品有一定的了解，這是一個(gè)大前提牲距。
我會(huì)告訴面試官返咱，這是一個(gè)什么樣子的產(chǎn)品，他的背景是什么牍鞠，他的調(diào)性是什么咖摹，品牌理念是什么，最后得出我的總體視覺(jué)風(fēng)格是怎樣的难述。
比如拿這兩個(gè)頁(yè)面來(lái)說(shuō)萤晴，這是一款針對(duì)白領(lǐng)的即時(shí)通訊工具，產(chǎn)品定義是“給白領(lǐng)使用的高效便捷的即時(shí)通訊工具”胁后。
而作為白領(lǐng)的你店读，其實(shí)你是有一點(diǎn)小追求、小逼格的攀芯，所以簡(jiǎn)單來(lái)說(shuō)屯断，我們的品牌調(diào)性及視覺(jué)風(fēng)格就是簡(jiǎn)潔高效、時(shí)尚、有逼格殖演。
2.我是一個(gè)對(duì)流行趨勢(shì)敏感的人
這里開(kāi)始就要談視覺(jué)了氧秘，首先你要和面試官?gòu)?qiáng)調(diào)，你是一個(gè)緊跟流行趨勢(shì)的設(shè)計(jì)師趴久，對(duì)于IM頁(yè)面的改版丸相，你尋找了很多國(guó)內(nèi)外優(yōu)秀的競(jìng)品，對(duì)它們進(jìn)行分享與總結(jié)彼棍，如Facebook的Messenger灭忠、國(guó)際版QQ、Snapchat等等滥酥，截圖如下：
最后經(jīng)過(guò)你的總結(jié)更舞，得出對(duì)于本次設(shè)計(jì)有幫助的流行趨勢(shì)有：
<1>.無(wú)線化分隔
<2>.簡(jiǎn)化“對(duì)話氣泡”樣式
<3>.聊天界面底部畦幢，直接將高頻操作展示出來(lái)
.....
有了這些參考做為基礎(chǔ)坎吻，再結(jié)合自己產(chǎn)品的品牌調(diào)性，你就可以具體去執(zhí)行了宇葱。
3.我是這樣展現(xiàn)自己設(shè)計(jì)能力的
這里就是最重要的部分了瘦真，除了參考國(guó)內(nèi)外的流行趨勢(shì)以外，你是如何展現(xiàn)自己獨(dú)特的創(chuàng)意與視覺(jué)表現(xiàn)力呢黍瞧？
大家都知道诸尽，界面設(shè)計(jì)主要包括圖標(biāo)、配色和排版樣式印颤，你可以從這三個(gè)方面來(lái)闡述你的視覺(jué)表現(xiàn)力您机。
3.1.圖標(biāo)：
圖標(biāo)采用了斷點(diǎn)、雙色的視覺(jué)風(fēng)格年局，雖然圖標(biāo)風(fēng)格有所參考际看，但是對(duì)于輸入框部分使用這樣風(fēng)格的圖標(biāo)，也算是我的一次大膽嘗試矢否，算是本次設(shè)計(jì)的一個(gè)亮點(diǎn)仲闽，如下圖：
至于這套圖標(biāo)如何制作的，還有它是如何與品牌產(chǎn)生聯(lián)系的僵朗？如果講起來(lái)可能又是2000字赖欣。
不過(guò)偷偷的告訴你，我管這套圖標(biāo)的制作方法叫做“品牌基因法”验庙，如果你想知道這套方法就在下方留言吧顶吮，人數(shù)多的話，下期就分享出來(lái)粪薛。
3.2.關(guān)于配色
頭部導(dǎo)航欄的顏色悴了，原版的深色過(guò)于壓抑，不符合整體輕松愉悅的產(chǎn)品定位和視覺(jué)風(fēng)格。所以我決定將深藍(lán)色變成白色让禀，使整個(gè)頁(yè)面看起來(lái)更加簡(jiǎn)潔挑社、清爽。
繼續(xù)看上圖巡揍，對(duì)話氣泡采用漸變藍(lán)色痛阻，使顏色更加通透，同時(shí)雙方氣泡顏色對(duì)比更加強(qiáng)烈腮敌，增加視覺(jué)上的耐看度阱当，并且使用戶更易區(qū)分哪些信息是自己發(fā)的，哪些是對(duì)方發(fā)的糜工。
3.3.排版樣式
在板式上本次重設(shè)計(jì)我有兩個(gè)原則：簡(jiǎn)潔與突破弊添。
簡(jiǎn)潔體現(xiàn)在“無(wú)線化分割”、對(duì)話氣泡框去掉小尖角捌木、聊天時(shí)隱藏自己的頭像等等油坝。如圖：
突破體現(xiàn)在，“我的”頁(yè)面頭像后面那一條斜切線刨裆，這種板式澈圈，我最早是在雅虎新聞上看到的，當(dāng)時(shí)就感覺(jué)十分特別帆啃，去年在國(guó)內(nèi)app（例如搜狐視頻）“我的”模塊也見(jiàn)到了這樣的切割方式瞬女，所以我也大膽的將其運(yùn)用到這次設(shè)計(jì)稿里，還有就是面性的返回箭頭努潘，也算是一個(gè)創(chuàng)新點(diǎn)诽偷。如圖：
4.我對(duì)用戶體驗(yàn)也有一些改進(jìn)
這里是個(gè)加分項(xiàng)，作為一名視覺(jué)設(shè)計(jì)師疯坤，如果你除了思考視覺(jué)上的問(wèn)題以外报慕，再能想想體驗(yàn)方面的改進(jìn)，那就證明你不止是一個(gè)“美工”贴膘，而是一個(gè)有思想的設(shè)計(jì)師卖子。
在這兩個(gè)頁(yè)面里，主要對(duì)用戶體驗(yàn)的改進(jìn)就是“聊天界面底部刑峡，將高頻操作提取出來(lái)洋闽，節(jié)省用戶時(shí)間，也符合目前業(yè)內(nèi)聊天輸入框的交互流行趨勢(shì)突梦。
當(dāng)然如果你要闡述的頁(yè)面很多诫舅，你還可以說(shuō)更多關(guān)于體驗(yàn)的問(wèn)題。
以上四點(diǎn)就是我目前闡述設(shè)計(jì)思路的方法宫患。這里值得一提的是刊懈，上面所講的內(nèi)容也只能算是及格，如果你想更高級(jí)一點(diǎn)，那就需要把每一個(gè)創(chuàng)意點(diǎn)挖掘透徹虚汛。比如那個(gè)斜切的板式匾浪，可能我知道是從雅虎新聞借鑒過(guò)來(lái)的，但是人家為什么要用這樣的斜切板式呢卷哩？他的創(chuàng)意根源在哪里呢蛋辈？又帶來(lái)了什么樣的價(jià)值呢？
可能這樣一問(wèn)将谊，你又蒙了冷溶！我個(gè)人覺(jué)得斜切的創(chuàng)意根源可能是來(lái)自雜志排版，但也不確定尊浓，大家可以思考一下逞频，我的目的就是告訴你，每做一個(gè)東西栋齿，多問(wèn)自己為什么苗胀，不斷地細(xì)化，直到“問(wèn)不出為什么”為止褒颈，因?yàn)槟菚r(shí)你已經(jīng)走到了問(wèn)題的本質(zhì)柒巫。
好了励堡，以上就是我本次分享的內(nèi)容了谷丸，最后提醒大家，有空多畫畫思維腦圖应结，理清自己的思路刨疼，隨時(shí)保持“多問(wèn)為什么”的心態(tài)，堅(jiān)持久了鹅龄，你一定會(huì)有質(zhì)的飛越揩慕，和菜心一起加油唄！
