現(xiàn)在應(yīng)用商店上線的APP越來越趨于一致化狂打,扁平的設(shè)計(jì)風(fēng)格讓很多APP在去掉Logo后會(huì)變得難以區(qū)分泥技。今年開始贸宏,很多APP都在悄悄改著版,改版后的設(shè)計(jì)也會(huì)有種“心動(dòng)”的感覺常摧。今天就總結(jié)一下我平時(shí)觀察到的走心的設(shè)計(jì)搅吁,也便于之后能有機(jī)會(huì)應(yīng)用到實(shí)際產(chǎn)品中。
1. 場景化設(shè)計(jì)
根據(jù)分析用戶使用的場景落午,用視覺的方式模擬類似的效果谎懦,這樣可以提升用戶使用的愉悅感,也可以降低用戶的學(xué)習(xí)成本溃斋。常見的有:優(yōu)惠券界拦、銀行卡的卡包、購物清單盐类、卡片集等。
左邊的效果就是模仿實(shí)際生活中優(yōu)惠券樣式呛谜,撕去的動(dòng)作增加用戶使用的趣味性在跳。撕的那么爽,一點(diǎn)也沒覺得買買買會(huì)“肉疼”隐岛。同樣猫妙,右邊的出票樣式就像購買就出票,仿佛馬上就可以乘車一樣聚凹。
左邊的樣式是一些票據(jù)的疊加割坠,可以包含二維碼或者條形碼;右邊除了有卡片樣式以外妒牙,下方添加了盤子的樣式彼哼,向下拖動(dòng)的交互有明顯的指向性,就像將美食放入盤中一樣湘今。
網(wǎng)易考拉的黑卡設(shè)計(jì)從之前的大篇幅顯示敢朱,改為了現(xiàn)在隱藏彈出的動(dòng)效,這種交互樣式就像將卡放入錢包一樣摩瞎。
2. 微交互
用細(xì)微的交互效果提升應(yīng)用的趣味性拴签,也是現(xiàn)在很多應(yīng)用的亮點(diǎn)。
3. 漸變+簡單的曲線
去年漸變開始走入大家視野旗们,起初大多使用的是同色系漸變蚓哩,現(xiàn)在漸變的應(yīng)用越來越大膽(多為相鄰色系漸變)。隨著漸變的增多上渴,設(shè)計(jì)師已經(jīng)不滿足純漸變的效果岸梨,在漸變中添加簡單的曲線來豐富層次感喜颁,也是一種很不錯(cuò)的體現(xiàn)。
4.?干凈的空間感
不是畫布大才能有空間感盛嘿,就像不是字大就一定突出一樣洛巢。合理的利用間距、對(duì)比次兆、顏色及陰影都可以設(shè)計(jì)出具有空間感的效果稿茉。
1)大投影拉開空間感,利用投影輕重和遠(yuǎn)近創(chuàng)造多層次空間芥炭,用色塊或圖片制作精致干凈的投影漓库;
2)用間距替換線條,進(jìn)行簡化設(shè)計(jì)园蝠;
3)用規(guī)律性的排版渺蒿,把握閱讀節(jié)奏感。
5.?AR應(yīng)用
隨著網(wǎng)絡(luò)越來越好彪薛,為了讓用戶能有更真實(shí)的體驗(yàn)茂装,開始出現(xiàn)了3D展示、視頻展示和VR展示的樣式善延。(溫馨提示:下圖不是手機(jī)壞了少态,是真!的易遣!打彼妻!碼!了)
6.?數(shù)據(jù)可視化設(shè)計(jì)
做一個(gè)小實(shí)驗(yàn)豆茫,如果你健身完打開應(yīng)用看到的是這樣的界面侨歉,請(qǐng)問堅(jiān)持健身的概率有多大?
但是如果是下面這種界面火脉,概率又是多大呢颊艳?
數(shù)據(jù)可視化可以有效的減少用戶思考時(shí)間,還可以精致頁面哦忘分。常見的可視化有健身應(yīng)用棋枕、地圖、金融應(yīng)用等妒峦。
7.?適當(dāng)破壞
適當(dāng)破壞已有的視覺樣式重斑,達(dá)到突出和視覺指引的效果。常見的有在鏈接出添加元素肯骇、多個(gè)元素連接窥浪、元素融合等。
整理了這么多漾脂,不難看出假颇,這些走心的設(shè)計(jì)都是為了增加用戶使用的趣味性,從而產(chǎn)生記憶點(diǎn)骨稿。所以笨鸡,如果有更有趣味性的設(shè)計(jì),都可以嘗試看看效果坦冠。