每周设计赏析 #1

1. 这款手表app严格限制了每屏一个操作,在手表这种超小尺寸的屏幕上,用户无法进行复杂的交互,一定要保证逻辑简单、点按面积足够(鲜明的黄色按钮)以及文字的可读性(绿色-黄色-红色对应的距离远近)。

语音输入的动效可以很好的提示用户是否点按成功,如果没有这个效果,用户的手指按住的时候很可能遮挡话筒图标,不知道是否点中。

Event Finder / UI Challenge — Week 13 byMario Šestak


2.手指上滑过程中,菜单会逐渐消失,很平缓的把视觉过渡到地图,下次用户想调出菜单会自然联想到反向操作-下拉,如果直接弹出的话会丧失滑动连贯性。

More Menu byBen ClineforRALLY


3.这款app很好的用颜色传达了信息,浅红-深红代表了牛排的熟度,文字和烹饪时间也是随之联动,信息一目了然。进入烹饪状态后,冒烟的效果生动有趣,符合实际场景,同时告诉用户“正在进行中的状态”,配合倒计时可以减轻用户等待的焦虑感。

Make Steak Application Part 2 byAleksey StiksforMEAT


4. 这个设计很好的运用了视觉牵引,点击紫色的条目,背景和标题会逐渐放大,然后内容逐渐填充进来,让用户记得这个详情页对应的是日历上的哪个事件,切换到“work”这个标签的时候,背景色随之变成“work”的蓝色,不比弹窗“您已修改成功”好一万倍?!

Chalendar byVilém Ries


5. 每一步loading都给了用户一个“等待的理由”,这个没什么好说,就加载过场做的很精致,在不得不需要用户等待的时候,至少给他们一些可以看的东西

Delivery app design byCuberto


6. 鼠标悬停效果简洁明快,很好的控制了详细信息的隐藏与展开,内容细微的抖动给产品注入了一丝活力,比淡出的匀速滑动更加活泼

Lonely Planet HP — Destination Selector byClaudio GuglieriforLonely Planet


7. 这里有两个效果非常亮眼,一个是加载时候的波纹,由蓝变黄,由强变弱,可以让用户感觉到识别过程的开始和结束。二是内容加载有细微的先后顺序差别,可以引导用户先看最重要的“识别结果”,再看次要的“相关操作”,最后是相对不重要的“查看更多扩展内容”的两个箭头。

Shazam — redesign byRenat Muratshin
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,526评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,516评论 4 61
  • 【参与】 富兰克林:告诉我,我会忘记;演示给我,我可能记住;但让我参与其中,我就会理解。 人们总是对自己的人生经历...
    明媚Stella阅读 166评论 0 2
  • 文/Meetingtian 【一】 清月如水 我的眼 映着你的脸 【二】 疾驰的车 你的侧脸 似箭归心 【三】 相...
    MeetingTian阅读 496评论 5 7

友情链接更多精彩内容