可以在线看av的网站,洗澡BBWBBWBBWBBW毛,大屁股熟女一区二区三区,久久久亚洲精华液精华液精华液

歡迎來到海淘科技官網 官方微信 官方微博 平面活動官網
微信

網絡傳播媒介服務提供商

熱線電話

021-62677988

海淘新聞
首頁 > 新聞列表 > app界面設計使用動效設計的好處

app界面設計使用動效設計的好處

發(fā)布時間: 2017-03-23 11:52

隨著扁平化設計風格的流行,交互上越來越擬物化,越來越多的產品已經意識到動效在產品用戶體驗中的重要性,海淘科技編者用一些案例,來說一下app界面設計使用動效設計的好處。

一、加強體驗舒適度

讓用戶更加舒服、流暢的使用你設計的產品。

具體表現(xiàn)在:

1.表現(xiàn)層級關系

為了展現(xiàn)層與層的關系,抽屜,打開,還是平級切換等等,讓用戶知道這個界面和上一個、下一個的關系。保持使用的延續(xù)性。

app動效設計的好處,app動效設計的作用,app界面設計使用動效設計的好處

2.與用戶手勢結合,更自然的動畫表現(xiàn)

當用戶手勢操作的時候,讓界面的動態(tài)走向更符合手指的運動,從而讓用戶感覺到是自己控制了界面的動向,而不是機械化的跳轉。

245258d27a16a801219c778f3439.jpg

City guide app 用手勢可以向左向右扔卡片

3.愉快的提示功能

在某些需要提醒的時候能吸引用戶的注意,但是又不會生硬,符合預期的出現(xiàn)。

app動效設計的好處,app動效設計的作用,app界面設計使用動效設計的好處

Action button feedback 出錯提示

3e6558d27c3ea801219c77321fbb.jpg

City Guides 啟動時提示用戶可以左右滑動卡片

4.額外增加界面的活力

在用戶預期之外增加的驚喜,可以是帥氣的,是賣萌,可以有些物理屬性,總之讓用戶感知到產品的生命力。

app動效設計的好處,app動效設計的作用,app界面設計使用動效設計的好處

readme.io 萌萌的輸入框

app動效設計的好處,app動效設計的作用,app界面設計使用動效設計的好處

tumblr ?不喜歡我 心都碎了呢~

5.吸引用戶持久的注意力

也是屬于增加用戶的驚喜感,在某些數據量較大的界面中添加一些動效,讓用戶保持注意力。

ffd758d27ca5a801219c77e67f6c.jpg

Bubbles 以動態(tài)的形式展現(xiàn)數據點

二、減弱不可避免的不適感

總有一些因素造成我們的產品體驗下降。這些時候適當的增加一些動效可以彌補在出現(xiàn)這些情況時的不適體驗。

比如下面這些:

1.讓等待變得更愉快

常出現(xiàn)在加載、刷新、發(fā)送等界面中,讓等待變得可視化,甚至不再那么無聊。

ec1d58d27d04a801219c7734c9de.jpg

Download Progress 讓下載不再枯燥

62cd58d27d1ea801219c775bcc30.jpg

App loader 有趣的loading動畫

0e1b58d27d64a801219c77271c59.jpg

gear-powered 拉了還想拉的下拉刷新

2.失敗界面的動效

比如刷新失敗、頁面錯誤、未聯(lián)網提示這些。

a37d58d27daaa801219c77da912d.jpg

download 就算失敗了還是感覺萌萌噠~

3.增加界面與界面銜接的延續(xù)感

界面的跳轉不可以避免,但是如果讓本來分別獨立的2個界面或者事件擁有了某種特定的聯(lián)系,可以顯得更加好玩,不再是生硬的跳轉。

803e58d27e67a801219c772d7a1c.jpg

iOS Animation Download 界面跳轉時保留部分元素到下一個界面

3ad758d27e99a801219c77bf3f09.jpg

Filter Menu 保留需要的條目 移走不再用的

496358d27eb7a801219c77c547e9.jpg

Elevate

三、不易被察覺的動效

特意把這一類單獨說一下,由于不容易被發(fā)現(xiàn),普通用戶通常會忽略它們的存在,但很多時候這些小細節(jié)讓交互變得更加有趣。

1.默默增加反饋感

為用戶的操作提供有趣的正反饋。

8d9658d27ee0a801219c7736a3d8.jpg

Twitter 收藏的點擊反饋

2.去除用戶不再需要的元素

隨著用戶的操作,有的內容已經是用戶不再關注的。這時候可以將他們隱藏起來。

527d58d27f08a801219c7742116f.jpg

Steller

動效要注意交互邏輯,才能讓你的作品看起來不但動效帥氣逼人而且真正發(fā)揮了實際的作用。千萬不要犧牲了用戶寶貴的時間用來看你毫無目的的動效。

相關文章:

版權所有 @ 2007-2023上海海淘信息科技有限公司 滬ICP備11050025號-4