每周设计赏析 #1

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

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

Event Finder / UI Challenge — Week 13 by Mario Šestak


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

More Menu by Ben Clinefor RALLY


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

Make Steak Application Part 2 by Aleksey Stiksfor MEAT


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

Chalendar by Vilém Ries


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

Delivery app design by Cuberto


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

Lonely Planet HP — Destination Selector by Claudio Guglierifor Lonely Planet


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

Shazam — redesign by Renat Muratshin

你可能感兴趣的:(每周设计赏析 #1)