「优灵」用刷新捕捉不同的色彩方案 - 优设网 - UISDC

用户体验 「优灵」用刷新捕捉不同的色彩方案

产品：优灵 iOS 作者：优灵设计团队 时间：2018-11-10

猎人： 小白 投稿： 小唐 观众：2324人

细节描述

很多时候大家在网络不好的情况下刷新app，都会有一种不耐烦的焦虑感。但当你在网络不好时打开「优灵」的主页，页面中每张需要刷新的图片都会变成一种颜色。并且每次的刷新都会呈现不同的颜色组合。由于此款应用的用户群体主要是UI与产品经理等专业人士，抓住他们往往对色彩较敏感的特性设计加载模式，简单直接却美观实用。说不定还有设计师特意断网一探颜色变化的视觉规律呢～

围观案例 ! 温馨提示：案例或因时间流逝和版本迭代与截图时有所差异
本篇知识点及话题# 优灵# 加载# 情境预判# 设计# 设计逻辑# 趣味性# 颜色
加长

发表评论 加载中....

评论加载中....

下一篇

捕获自 网易云音乐iOS

你将掌握 设计逻辑 的小知识~

是的，我今天特意去「网易云音乐」看了看广告(๑•́ ₃ •̀๑)

在「网易云音乐」查看音乐人的个人主页，歌曲列表上方会显示该歌手新专辑的购买信息及链接或者近期演出的票务信息。这个细节设...

官方微信

weixin
设计头条 行业热门
交友脱单 活动丰富
干货私单 涨薪法宝

优设官微 掌上更精彩 扫码关注

相关细节

设计彩蛋 B站「弹幕设置」里的奔跑小人儿～

B站最近在iOS版本的「弹幕设置」里，添加了奔跑中与慢走中小人儿的图标来分别表示弹幕速度调节的快与慢。这个小彩蛋与 iOS里用兔子与乌龟的形象表示「朗读速率」快慢的调节类似，都运用了形象思维将抽象的
「速度」概念具象化。让用户对抽象概念的感知更直观清晰，也为交互体验带来更多趣味性。

产品：Bilibili iOS 作者：Bilibili设计团队 猎人： 小白

微交互 「阿里云」banner轮播图里的进度小提示

在互联网产品中，进度条的身影无处不在。进度条可以让用户更加直观地了解流程进行的程度，明确自己正在做什么，也能从心理层面上缓解等待的焦虑感。「阿里云」的官网将进度条运用到了banner的轮播图里，这个微交互小细节还挺用心的。常见的banner轮播设计是没有进度提示的，抛开用户自己手动切换广告图的情况，等待下一张广告图出现的时间过长会让用户失去耐心，而轮播间隔时间较短又影响了广告的曝光度。使用不影响整体视觉与体验的进度微交互来提示用户进程，算是一种直观有效的改进方案了吧。

产品：阿里云 作者：阿里云设计团队 猎人： 小白

微交互 影院熄灯，电影要开始了～

打开「淘票票」的网站浏览影片介绍页面，你会看到页面右上角有一个模拟关灯拉绳的「切换影片」按钮。当鼠标移动到拉绳上面，会出现拉绳下拉的微交互，点击则会切换到所有影片浏览的界面。这很容易让人联想到影院熄灯影片开始或者亮灯散场的场景。形象思维的运用利于用户将生活中的经验与交互体验联系起来，让交互操作更生动也更自然。

产品：淘票票 作者：淘票票团队 猎人： 小白

设计逻辑 「荔枝微课」通过信息权重的区分，让用户的互动更有效

作为一款课程教育类应用，荔枝微课对于明星讲师与学员用户之间互动页面的设计很好的体现了信息权重的区分。在一个以授课为主要目的的网络课堂场景，讲师发布的信息内容自然是权重最高的信息。在荔枝微课中讲师发布的信息内容会居左以对话形式呈现，并且留存在页面的核心区域方便随时翻阅；而学员参与互动的评论信息，则以弹幕形式出现在右下角滚动出现。这样的设计很好的区分了信息的来源与权重，在特定的使用情景里让互动更有效、让信息呈现更清晰。

产品：荔枝微课 iOS 作者：荔枝微课团队 猎人： 小白

优设精选专题 查看更多

666306人看过 22篇文章

图标设计

至少20个图标设计杀手级干货

本专题从图标的基础知识出发，再具体到不同类型的图标设计方法，待你掌握方法后，附上图标检验和优化指南。最后，优质的免费图标下载站合集和图标管理工具，让你更加省时高效！
查看专题
117514人看过 8篇文章

手机摄影

掌握拍摄窍门去朋友圈收赞

本专题精选了全球iPhone 摄影大赛人物类冠军和泼辣修图叶明的多篇好文，从基础构图、裁剪方法到摄影技巧无一不包，对于新手而言，看完这个专题，足以拍出一组不错的作品发到朋友圈咯！
查看专题
197608人看过 12篇文章

设计史

以史为镜，鉴往知来

本专题不仅展现了世界现代设计史上各个时期的重要流派、重要人物和重要作品，为读者构建世界现代设计史的知识轮廓，而且还有GUI 发展史、谷歌LOGO 变迁史、宋体演变史等经典设计的演变回顾。
查看专题
620822人看过 8篇文章

PS の 技巧大全

高手奥义操作方法总结

不看高手的骚操作，你永远不知道PS 还能这么用！本专题不仅收录了最实用的PS 技巧，还有最新的黑科技。收藏这个专题，让你成为PS 达人！
查看专题

设计师基础理论书 查看更多

破茧成蝶2

国内设计师出版的最值得一看的书，熟悉的界面背后藏着大道理。

刘津 孙睿
人民邮电出版社

用户思维

创业时代的用户获取方法，优化体验，前所未有的技巧绝学。

约翰·沃瑞劳
中国友谊出版公司

设计心理学（套装共4册）

英文版销售25万册，设计学知名力作，设计师必读经典。

唐纳德· A · 诺曼
中信出版社

用户体验要素

以用户为中心的产品设计，销量经久不衰，入行必读。

Garrett
机械工业出版社

用户至上

亚马逊用户体验师首推的用户体验书，内附实践方法。

Kathy Baxter
机械工业出版社

色彩设计法则

梁老师苦心著作的配色书籍，或许适合所有色彩爱好者研读学习。

梁景红
人民邮电出版社
书到用时方恨少 > >
优设专访 转场动效 设计师 扁平化设计 优设大课堂 交互设计师 界面设计 排版布局 职场 配色 视觉设计 素材下载 web前端开发 设计流程 设计师专访 平面设计 AI教程 设计理论 神器下载 用户体验设计 字体下载 设计趋势 海报设计 psd下载 设计规范 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地！优设网是极具人气的设计师平台
2012年成立至今，一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信，扫码分享
学设计 优设网 在这里