最近在換工作悄蕾，有一家企業(yè)希望我能夠通過(guò)分析其競(jìng)品考察我的專(zhuān)業(yè)能力嵌灰，因此讓我對(duì)滿(mǎn)易行這款產(chǎn)品進(jìn)行分析弄匕，若是我怎么設(shè)計(jì)這款產(chǎn)品。
以下就是我的回復(fù)沽瞭，主要是視覺(jué)方面的分析迁匠，從色彩、字體驹溃、icon方面進(jìn)行了分析城丧，最后給出了自己的設(shè)計(jì)方案。
1.色彩
首頁(yè)色彩混亂豌鹤，表現(xiàn)在冷暖色調(diào)混搭亡哄。首頁(yè)有綠色、藍(lán)色布疙、橙色和黃色蚊惯，綠色、藍(lán)色屬于冷色調(diào)灵临，而橙色和黃色屬于暖色調(diào)截型，且冷暖色調(diào)的面積大小接近，導(dǎo)致界面營(yíng)造出來(lái)的氛圍是混亂沖突的儒溉。
色調(diào)
2.字體
首頁(yè)五大功能以九宮格形式排布宦焦，每一個(gè)功能是由一個(gè)色塊＋一個(gè)icon＋功能名稱(chēng)三個(gè)元素組成，功能名稱(chēng)文字在這里只是使用普通狀態(tài)普通字號(hào)的微軟雅黑睁搭，沒(méi)有設(shè)計(jì)感，并沒(méi)有做一個(gè)突出的效果笼平，比如采用另一種字體园骆，換一個(gè)顏色，放大寓调，加粗等方式強(qiáng)調(diào)一下锌唾。
字體
上部分的banner的設(shè)計(jì)主副標(biāo)題做了區(qū)分，但是主副標(biāo)題都與背景色太過(guò)接近，沒(méi)有跳出來(lái)晌涕。尤其是副標(biāo)題很有可能在強(qiáng)光下是根本看不到的滋捶。
助手界面的文字編排主次分明，通過(guò)字號(hào)大小和色彩的深淺做了區(qū)分余黎。但是圖標(biāo)與文字沒(méi)有對(duì)齊重窟。負(fù)空間增加，造成閱讀負(fù)擔(dān)惧财。
字體
3.icon
主導(dǎo)航icon設(shè)計(jì)巡扇，形式感不太優(yōu)美。助手和我這兩個(gè)icon還好垮衷，首頁(yè)中間的心形不太美觀厅翔。
首頁(yè)功能按鈕icon不統(tǒng)一。ETC圈存與實(shí)時(shí)路況搀突、邀請(qǐng)好友的icon的背景（氣泡一樣的圓圈）是一致的刀闷，但是大小不一致，icon造型ETC充值圈存是線(xiàn)描形式仰迁，實(shí)時(shí)路況和邀請(qǐng)好友是填充形式甸昏。高速通行費(fèi)喝油費(fèi)估算icon和違章查詢(xún)icon的背景類(lèi)似，但是高速通行費(fèi)和油費(fèi)icon有陰影轩勘，而違章查詢(xún)沒(méi)有筒扒。
banner上面的按鈕設(shè)計(jì)太平太小，要不是前面畫(huà)了一只手绊寻，人看到之后不會(huì)有點(diǎn)擊的欲望花墩。
助手界面實(shí)時(shí)路況icon與其它項(xiàng)目icon不一致，其它icon為彩色背景上面加白色的項(xiàng)目造型剪影澄步，而實(shí)時(shí)路況為扁平插畫(huà)樣的冰蘑。
我的界面的icon設(shè)計(jì)總體也不統(tǒng)一，造型不夠優(yōu)雅村缸。很典型的是我的頭像祠肥、我的認(rèn)證、邀請(qǐng)好友這三個(gè)icon中都有小人的造型梯皿，而這三個(gè)icon各自的小人造型各不一樣仇箱。
4.重新設(shè)計(jì)
4.1 確定風(fēng)格
提起貨運(yùn)，頭腦中就會(huì)出現(xiàn)重型卡車(chē)东羹，多輪大車(chē)裝載著滿(mǎn)滿(mǎn)的貨物在大路上奔馳剂桥，發(fā)出好像只用了一點(diǎn)點(diǎn)力氣但已經(jīng)很高鳴的聲音。好像永遠(yuǎn)在路上属提，在行駛途中权逗，總體給人的感覺(jué)是穩(wěn)重美尸、移動(dòng)、重型斟薇、大體量师坎。針對(duì)這個(gè)印象，我提取出設(shè)計(jì)中想要表達(dá)的風(fēng)格關(guān)鍵詞堪滨，分別為：工業(yè)胯陋、安全、冷靜椿猎。
4.2 確定色彩
滿(mǎn)易行產(chǎn)品最初定位為綠色惶岭，（APP的icon色。）
（1）貨運(yùn)犯眠，在運(yùn)輸途中按灶，會(huì)遇到交通規(guī)則制約，我們期望一路綠燈筐咧，順順利利鸯旁，因此選擇綠色有一種暗示——出行一路順利。
（2）綠色是植物的色彩量蕊，代表安全铺罢、放心、安心（好多安全軟件的主體色彩選擇綠色）残炮，在外出行安全最重要韭赘，綠色相對(duì)合適。
（3）反向思考势就，做假設(shè)泉瞻。假如我選擇紅色，紅色有危險(xiǎn)苞冯、紅燈的含義袖牙，不合適。黃色有活潑好動(dòng)的特性舅锄，行車(chē)還是需要穩(wěn)重一些鞭达，不合適。選擇藍(lán)色皇忿，藍(lán)色更多代表科技感畴蹭，在這里也可以，不過(guò)就沒(méi)有其他暗示的意味了鳍烁。紫色叨襟，紫色有高貴、冷艷的感覺(jué)老翘，與貨運(yùn)行業(yè)不是很符合芹啥。
綜上，最終選擇相對(duì)合適的綠色作為滿(mǎn)易行產(chǎn)品主題色彩铺峭。
4.3 首頁(yè)效果圖設(shè)計(jì)（包括界面布局墓怀，icon繪制）
方案1，將五大功能以五種彩色色塊代表卫键，大按鈕傀履，大色塊，大氣直接莉炉。
在顏色的選擇上钓账，基于主色調(diào)綠色，選擇了色環(huán)上連續(xù)漸變的幾種色彩絮宁。
字體設(shè)計(jì)方面梆暮，這種風(fēng)格的大色塊大體量已經(jīng)將功能入口體現(xiàn)的很清晰了，因此選擇與其相呼應(yīng)的大號(hào)細(xì)體字體绍昂，顯得優(yōu)雅美觀啦粹。
方案2，之前的設(shè)計(jì)思路都是首頁(yè)只給每一個(gè)功能一個(gè)入口窘游，跳轉(zhuǎn)至二級(jí)界面再做具體操作唠椭。但是首頁(yè)的元素相對(duì)較少，完全可以將最常用功能的二級(jí)操作界面提升到首頁(yè)來(lái)忍饰，方便快捷贪嫂。并且讓首頁(yè)豐富起來(lái)，同時(shí)透過(guò)這么一個(gè)操作界面體現(xiàn)出該應(yīng)用的功能性艾蓝。
色彩方面力崇，以綠色為主題色調(diào)，按照黃金分割比例饶深，將屏幕一分為二餐曹，上半屏全綠色覆蓋，為通行費(fèi)油費(fèi)估算模塊敌厘，下半部分以白色做背景台猴，排列ETC圈存、實(shí)時(shí)路況俱两、違章查詢(xún)以及邀請(qǐng)好友入口饱狂。
通行費(fèi)油費(fèi)估算模塊的設(shè)計(jì)中選中貨車(chē)或者卡車(chē)，對(duì)被選中的類(lèi)型用圓圈圈起來(lái)進(jìn)行強(qiáng)調(diào)宪彩，將未被選中的類(lèi)別進(jìn)行弱化休讳，用前景背景體現(xiàn)出主次。
方案二中對(duì)ETC圈存尿孔、實(shí)時(shí)路況俊柔、違章查詢(xún)筹麸、邀請(qǐng)好友的icon進(jìn)行了重新繪制，采用當(dāng)前流行的設(shè)計(jì)方式雏婶，使得這款產(chǎn)品更加與時(shí)俱進(jìn)物赶。并且 ，首頁(yè)本身元素較少留晚，沒(méi)有亮點(diǎn)酵紫，icon的美化使得在視覺(jué)上首頁(yè)也是有看點(diǎn)的，更加吸引眼球错维。
