目標(biāo)人群類型蒙揣、同類產(chǎn)品比較锻全、產(chǎn)品類型
產(chǎn)品視覺設(shè)計(jì)系統(tǒng),不合理之處還望指出↓
品牌視覺:公司和產(chǎn)品靈魂匾乓,它是用戶對產(chǎn)品的直接印象捞稿,比如大家說到小劉時,腦中總會浮現(xiàn)他的長相特征拼缝、行為或語言特征等等娱局,這是很直接的,不需要太多的思索咧七。所以品牌建立對視覺設(shè)計(jì)的要求就是建立特征衰齐、保持特征、推廣特征继阻,美化特征耻涛。而針對品牌的這些要求,需要提供完整且匹配的視覺設(shè)計(jì)解決方案瘟檩。
運(yùn)營設(shè)計(jì):運(yùn)營設(shè)計(jì)的目的是讓用戶盡情感知到產(chǎn)品的好犬第;把產(chǎn)品的特點(diǎn)通過設(shè)計(jì)包裝最大化并push給用戶。這個過程中需要的思考是是:廣告創(chuàng)意夠不夠吸引用戶芒帕?畫面是否足夠視覺沖擊?文案夠不夠誘人?是否清晰易懂丰介?運(yùn)營角度是否匹配品牌定位背蟆?
普通設(shè)計(jì)師做運(yùn)營圖的標(biāo)準(zhǔn)是:把圖做好看
高級設(shè)計(jì)師的標(biāo)準(zhǔn):用戶看到圖后有沒有產(chǎn)生足夠興趣和好感鉴分,并樂意去點(diǎn)擊和體驗(yàn)產(chǎn)品。
用戶界面:用戶與產(chǎn)品接觸過程中带膀、接觸頻率最高志珍、最直觀的部分,他的任務(wù)是讓用戶認(rèn)識產(chǎn)品的相貌和氣質(zhì)垛叨。品牌定位決定了界面的展現(xiàn)氣質(zhì)和體驗(yàn)伦糯,界面設(shè)計(jì)需要注意視覺層次的強(qiáng)弱、信息劃分架構(gòu)嗽元、用戶瀏覽軌跡敛纲、色彩、質(zhì)感使用的和理性和舒適度剂癌、以及視覺耐久度淤翔。最終設(shè)計(jì)目標(biāo)——哇,這界面看著真爽佩谷,沒事就想多看看旁壮。
用戶引導(dǎo):為了能讓用戶更快學(xué)會產(chǎn)品的一些功能操作,比如一些較高級或隱藏的操作谐檀,通常會用引導(dǎo)圖抡谐、產(chǎn)品介紹、提醒tips等方式來告知用戶桐猬。它的設(shè)計(jì)原則首先是要簡練麦撵、直觀、易懂课幕,其次是要符合用戶操作的流程順序厦坛,把引導(dǎo)安排在適當(dāng)?shù)臅r機(jī),然后乍惊,設(shè)計(jì)要足夠友好化杜秸,趣味化,這樣才能讓用戶有足夠興趣去關(guān)注引導(dǎo)润绎,并不會因?yàn)橹袛嗔怂牟僮魅蝿?wù)而反感撬碟。用戶引導(dǎo)設(shè)計(jì)也是界面設(shè)計(jì)的一部分,它的視覺感受有時候需要和內(nèi)斂的界面質(zhì)感區(qū)分開莉撇,通過視覺反差才能達(dá)到注意呢蛤。用戶引導(dǎo)其實(shí)很像給用戶講故事,那么設(shè)計(jì)也要足夠輕量化棍郎。
說白了其障,系統(tǒng)思考這件事是要給設(shè)計(jì)師腦海中建立起完整、清晰的設(shè)計(jì)系統(tǒng)涂佃,你的每個決策如果能套用這個系統(tǒng)來衡量励翼,設(shè)計(jì)方案考慮會更全面蜈敢。
它的作用是幫助設(shè)計(jì)師把所有問題和解決方案邏輯化、模式化汽抚。從混沌中走出來抓狭,理性地設(shè)計(jì)。
LINE 建花瓣分組
無印良品
宜家
旅游行業(yè) 線上
螞蜂窩
微信推廣圖:色彩豐富造烁;主標(biāo)題書法字否过;背景為目的地照片
窮游
專題一:正文細(xì)線字;主標(biāo)題書法字惭蟋;背景為照片(繁復(fù)不雜亂)苗桂,全屏鋪開;排版規(guī)整
專題二:正文細(xì)線字敞葛;主標(biāo)題書法字誉察;扁平化色塊;背景為照片(簡潔干凈)惹谐,全屏鋪開
活動圖:扁平卡通化持偏;色彩較豐富
微信推廣圖:設(shè)計(jì)類字體;背景為照片(具備目的地特色)氨肌;標(biāo)注目的地
LP
去哪兒
活動圖:扁平卡通化鸿秆;有卡通角色;色彩豐富
攜程
面包旅行
活動圖:扁平卡通化怎囚;色彩清麗卿叽;字體圓潤
專題圖:設(shè)計(jì)感字體;帶主題圖標(biāo)恳守;背景精彩照片
蟬游記
活動圖:設(shè)計(jì)感字體考婴,反白投影;背景為照片
宣傳圖:簡潔色塊催烘;背景為品牌色
去啊
活動圖:官方卡通形象沥阱;扁平色塊風(fēng)格;色彩豐富
國家地理
推廣圖:照片角落加入品牌標(biāo)志
雜志封圖:紅色邊框伊群,通過顏色和形式強(qiáng)調(diào)品牌感
萬豪
活動圖:背景為照片考杉;手繪線條裝飾
亞航
廣告圖:通過圓形造型和紅色配色強(qiáng)調(diào)品牌
其他
活動專題:矢量圖形;配色清新舰始;頁面干凈
信息圖:矢量圖形
宣傳圖:背景為照片崇棠;空白處添加文案內(nèi)容
字體