APP走心設(shè)計(jì)的小思考

現(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)惠券界拦、銀行卡的卡包、購物清單盐类、卡片集等。

(圖片來自網(wǎng)絡(luò))

左邊的效果就是模仿實(shí)際生活中優(yōu)惠券樣式呛谜,撕去的動(dòng)作增加用戶使用的趣味性在跳。撕的那么爽,一點(diǎn)也沒覺得買買買會(huì)“肉疼”隐岛。同樣猫妙,右邊的出票樣式就像購買就出票,仿佛馬上就可以乘車一樣聚凹。

(圖片來自網(wǎng)絡(luò))

左邊的樣式是一些票據(jù)的疊加割坠,可以包含二維碼或者條形碼;右邊除了有卡片樣式以外妒牙,下方添加了盤子的樣式彼哼,向下拖動(dòng)的交互有明顯的指向性,就像將美食放入盤中一樣湘今。

網(wǎng)易考拉黑卡

網(wǎng)易考拉的黑卡設(shè)計(jì)從之前的大篇幅顯示敢朱,改為了現(xiàn)在隱藏彈出的動(dòng)效,這種交互樣式就像將卡放入錢包一樣摩瞎。

2. 微交互

用細(xì)微的交互效果提升應(yīng)用的趣味性拴签,也是現(xiàn)在很多應(yīng)用的亮點(diǎn)。

微交互反饋系統(tǒng)狀態(tài)
輸入即展示的交互
反饋操作狀態(tài)和光標(biāo)鎖定

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é)奏感。

排整齊了就很好看啦
(圖片來自網(wǎng)絡(luò))

5.?AR應(yīng)用

隨著網(wǎng)絡(luò)越來越好彪薛,為了讓用戶能有更真實(shí)的體驗(yàn)茂装,開始出現(xiàn)了3D展示、視頻展示和VR展示的樣式善延。(溫馨提示:下圖不是手機(jī)壞了少态,是真!的易遣!打彼妻!碼!了)

3D展示/視頻展示
VR展示

6.?數(shù)據(jù)可視化設(shè)計(jì)

做一個(gè)小實(shí)驗(yàn)豆茫,如果你健身完打開應(yīng)用看到的是這樣的界面侨歉,請(qǐng)問堅(jiān)持健身的概率有多大?

反例揩魂!反例幽邓!反例!

但是如果是下面這種界面火脉,概率又是多大呢颊艳?

(圖片來自網(wǎng)絡(luò))

數(shù)據(jù)可視化可以有效的減少用戶思考時(shí)間,還可以精致頁面哦忘分。常見的可視化有健身應(yīng)用棋枕、地圖、金融應(yīng)用等妒峦。

信息那么多也不會(huì)亂
(圖片來自網(wǎng)絡(luò))

7.?適當(dāng)破壞

適當(dāng)破壞已有的視覺樣式重斑,達(dá)到突出和視覺指引的效果。常見的有在鏈接出添加元素肯骇、多個(gè)元素連接窥浪、元素融合等。

(圖片來自網(wǎng)絡(luò))
(圖片來自網(wǎng)絡(luò))

整理了這么多漾脂,不難看出假颇,這些走心的設(shè)計(jì)都是為了增加用戶使用的趣味性,從而產(chǎn)生記憶點(diǎn)骨稿。所以笨鸡,如果有更有趣味性的設(shè)計(jì),都可以嘗試看看效果坦冠。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末形耗,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子辙浑,更是在濱河造成了極大的恐慌激涤,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,482評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件判呕,死亡現(xiàn)場離奇詭異倦踢,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)侠草,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門辱挥,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人梦抢,你說我怎么就攤上這事般贼±⒂矗” “怎么了奥吩?”我有些...
    開封第一講書人閱讀 152,762評(píng)論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長蕊梧。 經(jīng)常有香客問我霞赫,道長,這世上最難降的妖魔是什么肥矢? 我笑而不...
    開封第一講書人閱讀 55,273評(píng)論 1 279
  • 正文 為了忘掉前任端衰,我火速辦了婚禮,結(jié)果婚禮上甘改,老公的妹妹穿的比我還像新娘旅东。我一直安慰自己,他們只是感情好十艾,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,289評(píng)論 5 373
  • 文/花漫 我一把揭開白布抵代。 她就那樣靜靜地躺著,像睡著了一般忘嫉。 火紅的嫁衣襯著肌膚如雪荤牍。 梳的紋絲不亂的頭發(fā)上案腺,一...
    開封第一講書人閱讀 49,046評(píng)論 1 285
  • 那天,我揣著相機(jī)與錄音康吵,去河邊找鬼劈榨。 笑死,一個(gè)胖子當(dāng)著我的面吹牛晦嵌,可吹牛的內(nèi)容都是我干的同辣。 我是一名探鬼主播,決...
    沈念sama閱讀 38,351評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼耍铜,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼邑闺!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起棕兼,我...
    開封第一講書人閱讀 36,988評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤陡舅,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后伴挚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體靶衍,經(jīng)...
    沈念sama閱讀 43,476評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,948評(píng)論 2 324
  • 正文 我和宋清朗相戀三年茎芋,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了颅眶。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,064評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡田弥,死狀恐怖涛酗,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情偷厦,我是刑警寧澤商叹,帶...
    沈念sama閱讀 33,712評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站只泼,受9級(jí)特大地震影響剖笙,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜请唱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,261評(píng)論 3 307
  • 文/蒙蒙 一弥咪、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧十绑,春花似錦聚至、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春坦报,著一層夾襖步出監(jiān)牢的瞬間库说,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評(píng)論 1 262
  • 我被黑心中介騙來泰國打工片择, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留潜的,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,511評(píng)論 2 354
  • 正文 我出身青樓字管,卻偏偏與公主長得像啰挪,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子嘲叔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,802評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,510評(píng)論 25 707
  • 【小葉子飄】20171011 一個(gè)陌生女人的來信 學(xué)而思 day3 情感的迷惘 特別喜歡愛厲的帶讀亡呵,每次帶讀開篇...
    Annie_e閱讀 585評(píng)論 0 0
  • 目錄;(一) 拆分實(shí)施策略和示例演示(二) 全局主鍵生成策略(三) 關(guān)于使用框架還是自主開發(fā)以及sharding實(shí)...
    linking12閱讀 10,427評(píng)論 1 52
  • 文|前車知踐(原名:聲波大銀) 01 我終于要死了锰什。 五十三歲的一生,終于走到頭兒了丁逝。 好久沒有這么多人來關(guān)心我了...
    前車知踐閱讀 1,644評(píng)論 25 49