小白: 很多时候大家在网络不好的情况下刷新app,都会有一种不耐烦的焦虑感。但当你在网络不好时打开「优灵」的主页,页面中每张需要刷新的图片都会变成一种颜色。并且每次的刷新都会呈现不同的颜色组合。由于此款应用的用户群体主要是UI与产品经理等专业人士,抓住他们往往对色彩较敏感的特性设计加载模式,简单直接却美观实用。说不定还有设计师特意断网一探颜色变化的视觉规律呢~
评论加载中....
捕获自 网易云音乐iOS
你将掌握 设计逻辑 的小知识~
在「网易云音乐」查看音乐人的个人主页,歌曲列表上方会显示该歌手新专辑的购买信息及链接或者近期演出的票务信息。这个细节设...
B站最近在iOS版本的「弹幕设置」里,添加了奔跑中与慢走中小人儿的图标来分别表示弹幕速度调节的快与慢。这个小彩蛋与 iOS里用兔子与乌龟的形象表示「朗读速率」快慢的调节类似,都运用了形象思维将抽象的 「速度」概念具象化。让用户对抽象概念的感知更直观清晰,也为交互体验带来更多趣味性。
在互联网产品中,进度条的身影无处不在。进度条可以让用户更加直观地了解流程进行的程度,明确自己正在做什么,也能从心理层面上缓解等待的焦虑感。「阿里云」的官网将进度条运用到了banner的轮播图里,这个微交互小细节还挺用心的。常见的banner轮播设计是没有进度提示的,抛开用户自己手动切换广告图的情况,等待下一张广告图出现的时间过长会让用户失去耐心,而轮播间隔时间较短又影响了广告的曝光度。使用不影响整体视觉与体验的进度微交互来提示用户进程,算是一种直观有效的改进方案了吧。
打开「淘票票」的网站浏览影片介绍页面,你会看到页面右上角有一个模拟关灯拉绳的「切换影片」按钮。当鼠标移动到拉绳上面,会出现拉绳下拉的微交互,点击则会切换到所有影片浏览的界面。这很容易让人联想到影院熄灯影片开始或者亮灯散场的场景。形象思维的运用利于用户将生活中的经验与交互体验联系起来,让交互操作更生动也更自然。
作为一款课程教育类应用,荔枝微课对于明星讲师与学员用户之间互动页面的设计很好的体现了信息权重的区分。在一个以授课为主要目的的网络课堂场景,讲师发布的信息内容自然是权重最高的信息。在荔枝微课中讲师发布的信息内容会居左以对话形式呈现,并且留存在页面的核心区域方便随时翻阅;而学员参与互动的评论信息,则以弹幕形式出现在右下角滚动出现。这样的设计很好的区分了信息的来源与权重,在特定的使用情景里让互动更有效、让信息呈现更清晰。
国内设计师出版的最值得一看的书,熟悉的界面背后藏着大道理。
创业时代的用户获取方法,优化体验,前所未有的技巧绝学。
英文版销售25万册,设计学知名力作,设计师必读经典。
以用户为中心的产品设计,销量经久不衰,入行必读。
亚马逊用户体验师首推的用户体验书,内附实践方法。
梁老师苦心著作的配色书籍,或许适合所有色彩爱好者研读学习。
每天官微五分钟一年萌新变大神
每天10篇设计干货300万设计师关注!
扫码登录即表示您同意并遵守 用户协议
300万设计师聚集地!优设网是极具人气的设计师平台 2012年成立至今,一直专注于设计师的学习成长交流
8847 篇
640 篇
501 篇
5603 篇
51 篇
690 篇
1182 篇
42 篇
打开微信,扫码分享学设计 优设网 在这里
评论加载中....
底下还有哟~快放我们出去~