设计师必看! 那些令人心动的设计细节

“优秀的设计是考虑周到且不放过每个细节”
德国设计大师迪特·拉姆斯说过,好的设计就是要注重每一个细节;其实往往在那些不易被察觉的细微之处,倾注了设计师的诸多巧思与心血,今天我们就来聊聊那些能够打动人心的设计细节
设计师必看! 那些令人心动的设计细节
▲ 迪特·拉姆斯:好设计十原则之八(图片来自网络)
#01
好设计传递情感关怀
那些意料之外却又恰到好处的设计细节往往能起到四两拨千斤的效果。
哔哩哔哩:输入密码我不看
熟悉b站的朋友一定都会注意到一个有趣的小细节,在账号登陆页面,当我们输入账号或者手机号的时候,页面插画中的的22和33是睁大眼睛看着我们的;而当我们输入密码或者验证码的时候,她们则用手捂住了眼睛。这个有趣的设计生动地传递了app对用户隐私的尊重与保护。

设计师必看! 那些令人心动的设计细节

▲ 哔哩哔哩账号登录

眼尖的小伙伴还会发现上面录屏中输入密码的时候👆,密码和键盘没有被录制下来,这是系统录屏工具为了防止隐私信息泄露故意屏蔽掉的。又是一个小细节~
饿了么:感受雨天外卖的不容易
我们的外卖骑士们每天风吹日晒非常辛苦,有时候遇到恶劣天气难免会出现订单超时的情况,饿了么订单页面通过动画模拟恶劣天气的视觉效果能唤起用户的同理心,缓解用户因超时带来的负面情绪。
设计师必看! 那些令人心动的设计细节
▲ 饿了么订单页恶劣天气状态
即刻:让你我的距离不再遥远
为了鼓励用户在真实的线下环境中友好交流,即刻有一个“面即打卡”的小功能,好友见面的时候可以将手机依次排列拼合成一个大的屏幕,来滚动播放提前设定好的标语。这个简单的跨屏互动非常有纪念意义,想想以后朋友生日聚会,草地音乐节就可以靠这个神器制造氛围啦!

设计师必看! 那些令人心动的设计细节

▲ 即刻面即打卡字幕滚屏
Chrome:一只小恐龙缓解焦虑
这里不得不提到一个经典的彩蛋设计,谷歌Chrome浏览器访问网页时如果遇到网络断开,页面中就会出现一只像素小恐龙,此时按下空格键,小恐龙就开始了跑酷之旅;我们可以用空格键操控它跳跃来规避前方的仙人掌,一只小恐龙能够很好地打发你断网的无聊时间,划水解压小技巧 Get ✔ 到没有?
设计师必看! 那些令人心动的设计细节
▲ Chrome断网小恐龙
404公益:让孩子们早日回家
404公益最早源于“NotFound Project”,是由多个公益组织联合发起的项目;它利用闲置的404报错页面来发布走失儿童的信息,将页面内容的丢失和儿童走失联系到一起,为那些找不到家的孩子们早日回到家人的怀抱贡献一份力量。
设计师必看! 那些令人心动的设计细节
▲ 404公益页面
#02
好设计方便快捷又好用
为了让我们手里的产品更加好用,设计师们可是绞尽脑汁为我们献上了一个又一个拍案叫绝的好设计。
飞猪旅行:画个圈来寻找酒店
用飞猪地图找酒店的时候,我们可以在地图上画出希望入住的酒店区域,相较于仅通过距离来筛选酒店的方式,画圈的交互充分满足了用户自定义范围找酒店的诉求,简单高效。
设计师必看! 那些令人心动的设计细节

▲ 飞猪自由圈选酒店

夸克浏览器:让修改字符更加便捷
夸克浏览器在键盘上方的工具条会预设一个滑块功能,该滑块点击后宽度会延展,是针对输入长串字段后需要修改或删除字符操作的场景。这个细节非常有效地提高了光标定位的效率,对文字工作者极为友好。

设计师必看! 那些令人心动的设计细节

▲ 夸克搜索光标拖动滑轨

哈罗单车:上报故障就这么简单
哈罗单车的故障上报页面,以图形化的方式非常直观地将单车的各个部件拆解开来,用户只需点击相应模块即可完成上报,免去了繁琐的文字描述同时也提升了报错的准确性。
设计师必看! 那些令人心动的设计细节
▲ 哈罗单车故障上报页面
淘宝:选购商品变得有趣又真实
现在越来越多的淘宝商品支持3D模型了,消费者可以在屏幕上拖动任意角度查看商品和详细介绍,还能对比不同材质和外观细节,让选购商品变得有趣又真实。
设计师必看! 那些令人心动的设计细节

▲ 淘宝3D商品互动

#03
好设计更加贴心懂你
如果说有趣、好用的设计足以打动人心的话,那些充满善意、体贴关怀的设计就可谓直击心灵了。善良的设计师们用实际行动践行着勿以善小而不为的信条。
支付宝:尊重你的使用习惯
iOS版本的支付宝小组件提供了多种用户个性化设置,其中快捷操作的入口的位置可以选择为靠屏幕左侧或者屏幕右侧。虽然功能很小,但却极大地方便了惯用左右手的不同用户。

设计师必看! 那些令人心动的设计细节

▲ 支付宝iOS桌面小组件

淘宝特价版:老年人也可以轻松评价
许多中老年用户在文字阅读上存在障碍,也不会使用键盘输入操作。针对这一情况,淘特在商品评价模块增加了语音评价的功能,使得中老年用户在评价商品和了解评价信息时更加轻松。

设计师必看! 那些令人心动的设计细节

▲ 淘特语音评价功能
火箭闹钟:就是不想让你睡过头
如果你也和小编一样是个起床困难户的话,那么火箭闹钟这款App就是专门为你我准备的。为了避免我们随手关掉了闹钟之后睡过头,它有许多你意想不到的关闭闹钟的方式,想要关闭闹钟简直困难重重。

设计师必看! 那些令人心动的设计细节▲ 火箭闹钟取消闹钟的设置

其实那些动人的设计细节就隐藏在我们身边,真正耐下心来观察,其实每天都能发现不少。点亮生活,传递温暖,设计的价值也恰恰体现在这些细节里面。

发布者:洛雪儿,转载请注明出处:https://www.qztxs.com/archives/design/7108

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年5月16日 下午9:06
下一篇 2022年5月16日 下午9:14

相关推荐

  • 这个方法,搞定了我大部分产品体验分析

    作为设计师,我们经常会面临要去分析一个产品的体验,便于能找到竞争对手的产品体验方向。那么到底如何更专业地评估分析?今天这篇文章希望可以帮助揭开迷惑。 什么是用户体验设计 要去评估一个产品的用户体验,我们需要了解什么是体验设计,以及影响它的因素。 用户体验设计(英语:User Experience Design),是以用户为中心的一种设计手段,以用户需求为目标...

    2022年5月12日
    3400
  • 如何打造“有温度”的贺卡设计

    一、如何让用户感到惊喜? 在生活中,人们通过互赠礼物增进感情。在精心挑选礼物的同时,用心准备贺卡,写满祝福的话语,并选用考究的包装,提前布置好环境,选择一个重要日子送给对方。看到对方惊喜开心的表情,我们也会同样愉悦。 根据期望效应,积极事件的不确定性比确定性会增加人们更持久的愉悦体验,对未来的联想往往会引发进一步情绪感受变化。 在邮寄场景中,当用户选择“惊喜...

    2022年5月13日
    3800
  • 干货|笔刷真的很重要,我来教你!

    笔刷 笔刷是图像编辑软件photoshop中的一个工具之一,它是一些预设的图案,可以以画笔的形式直接使用。学习板绘原画,笔刷是少不了的,不管是PS或是SAI都有自带基础笔刷,灵活运用笔刷可以提高我们绘画的效率,同时也可以丰富我们的绘画作品。 而“板绘”作为不同于“传统纸张绘画”的虚拟绘画模式,“笔刷”这一软件功能选项一直都是萌新小白眼中高深而神圣的所在。难道...

    2022年5月7日
    5700
  • 13年后,阿凡达新LOGO又被吐槽了!

    5月7日,《阿凡达》系列第二部《阿凡达2:水之道 Avatar: The Way of Water》首支预告片曝光。 《阿凡达2》水之道 海报 值得注意的是,《阿凡达》已经为即将上映的续集修改了其LOGO,但新版LOGO依然让有强迫症的影迷感到头疼。 詹姆斯·卡梅隆(James Cameron)执导的电影《阿凡达》在 2009 年上映后,创下票房纪录,至今仍...

    2022年5月12日
    3500
  • 免费下载!这是一个可以免费下载插画的网站

          近几年,扁平化设计非常流行。扁平化风格的最大特色就是简单排版、亮色调和视觉上的亲和力。今天,我给大家推荐一个品牌化设计的图库——unDraw。这个网站以收录插图为主,所有的图案都很有质感,甚至可以根据你的设计要求直接调整插图的主要颜色。目前收录的图案很多,也都非常细致,支持SVG 或 PNG 格式的下载,也无需标示出处,还能用于商业用途。 unD...

    2022年5月12日
    2300

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信