近半年設(shè)計(jì)工作從純交互向體驗(yàn)設(shè)計(jì)過度,經(jīng)常出現(xiàn)的問題是,會(huì)忽略很多視覺細(xì)節(jié),導(dǎo)致最后產(chǎn)出的視覺稿仍舊有“交互稿”的影子。這里記錄一些設(shè)計(jì)產(chǎn)品時(shí)的日常視覺細(xì)節(jié)收集和思考。
微信7.0:
信息層級(jí)扁平化:整體采用比較弱的配色對(duì)比,扁平化了背景部分,通過加粗 icon 的線條和顏色突出避免難以閱讀;頂部tab和置頂消息的顏色統(tǒng)一。
間距調(diào)整:增大了各個(gè)列表的高度,間距增加后閱讀更舒適,且可操作面積更大。
一致性:icon 風(fēng)格、顏色的統(tǒng)一;操作按鈕。
子彈短信
新版的子彈短信,脫離了錘子的設(shè)計(jì)風(fēng)格。整體更加年輕化和易讀。
顏色:減少大面積的品牌色。
icon:從面+線型改成了線性。
操作:原先聊天對(duì)話里面,語(yǔ)音按鈕是一個(gè)小的按鈕。現(xiàn)在面積更大。
做云產(chǎn)品官網(wǎng)時(shí),出現(xiàn)的問題
顏色:確定主色的時(shí)候,取色不夠干凈。
配色:在輔助色上,容易使用純黑純灰,同時(shí)容易過度使用品牌色,使頁(yè)面過于單調(diào)。畫配圖的時(shí)候,有時(shí)為了加強(qiáng)對(duì)比,會(huì)不斷壓低暗色的明度,會(huì)比較容易沉悶。可以提亮整體配色,同時(shí)小面積使用深色。
字號(hào):字號(hào)太小拉不開間距。
間距:頁(yè)面間距過大,容易使得頁(yè)面松散。缺少橫向和縱向的視覺基線。
插圖構(gòu)思:由于很少畫插畫,在開始的時(shí)候,很擔(dān)心畫面過于單一,所以想了很多個(gè)“主體”。但實(shí)際帶來了很多問題,比如構(gòu)思時(shí)間過長(zhǎng);實(shí)際的展示空間小但元素多;畫面分散。