这些设计细节,决定了谁月薪5000谁月薪50000! - 优设-UISDC

这些设计细节,决定了谁月薪5000谁月薪50000!

2018/06/07 13362评论区

真正好的设计,总藏了一些你没注意到的细节。设计行业待久了就特别容易凭感觉做判断,「看上去好像很厉害的样子」、「觉得很好,但又说不出来到底哪里动人」。其实很多时候,好的设计就是拥有很多你没留意但是能感知到的小细节,正是因为这些小细节,才让设计无形中脱颖而出。比如以下这些案例,多是取材于生活中常见的网页与 APP,但同作为设计师的你,可能未曾留意过这些小细节。

一、微信小程序关闭按钮暗藏玄机

小程序的退出按钮与一般的 X 不一样,是一个同心圆的造型。因为它除了关闭小程序的职能之外,还能在长按状态下小程序间快速切换,这样单纯的 X号就无法满足更多功能的表达。

但是也有很坑的地方,就是第一次使用的时候,我会因为觉得它像是「更多」的功能按钮,而不小心退出去几次。

二、iPhone时钟藏着自己的小秘密

iPhone 小闹钟的秒针,正常情况下是平滑的移动,但是一旦处于屏幕抖动状态下,秒针就变成嘀嗒嘀嘀的跳动式。据说是为了致敬机械钟表,但我觉得八成是被吓得发抖了。

三、手机横过来就能穿越时空

虾米音乐app 在音乐播放的时候,横过来就从 CD 播放的页面,变成了旧卡带的播放页面,有种一秒钟穿越回小时候的感觉。

四、Chrome断网的那几秒,我破了世界纪录

断网从来都是让人头疼的事情,但是 chrome 让它变得好玩起来。在无网络的情况下,chrome 页面上会出现像素小恐龙,这时候你就可以进入游戏模式中,开始一局小恐龙快跑的计分赛了。

我最高的记录是244分,当我准备继续跑下去的时候,网来了…

五、外卖动画背后的心理博弈

「卧槽,我的外卖还没到?投诉丫的」

打开手机一看,顿时心软了。这让用户心软的,就是饿了么最新的骑手动画,实时反映天气状况。

你看这狂风暴雨的下雨天,你还忍心投诉人家骑手吗?

「忍心!」

六、哔哩哔哩2233娘在卖萌

bilibili 的2233娘擅长卖萌,就连在 APP 登录的地方都不放过。当你登录输入密码的时候,2233娘就会很贴心的捂起眼睛,绝!不!偷!看!

七、Q弹爽滑的QQ消息提示气泡

QQ消息的提示气泡在清除的时候,可以直接通过拖拽的方式完成操作,并且在拖拽时采用了,非常 Q弹的动画效果。整个看上去非常的减压,不说别的,我就拖了20多次吧。

八、好设计能在关键时刻温暖你

在知乎搜索自杀的关键词,会直接弹出求助热线,让专业人士来开导你吧。

九、好开心啊,你终于点到我了

UiiiUiii 优优教程网的首页 icon,在 hover状态会变成笑脸,「好开心啊,你终于点到我了!」给大家在使用的过程当中带来小惊喜,让用户感知到学设计过程中,除了需要埋头苦学之外,还有人在陪伴你一起成长。

十、评论区你能找到小猪佩奇一家

优设网的新频道——细节猎人,在评论区有一个隐藏小彩蛋。如果你在评论区没有自主填写姓名,那么系统会自动给你分配一个 ID,目前随机的名字会来自网红小猪佩奇。

所以你会在评论区里看到,小猪佩奇一家子的愉快讨论,显得非常的热闹。

还会有人为了看自己的随机 ID 而留言,比如我,感谢系统赠送了我小猪佩奇的 ID。

如果你也想要去试试佩奇的 ID,可以点击以下链接在浏览器中体验一把。

https://www.uisdc.com/hunters

所以,作为设计师的你,以上细节,你在生活中有留意到吗?

设计除了能够带来视觉上的享受之外,同时也能传递出品牌的情怀。比如饿了么风雨中的外卖小哥,比如陪你一起学习的 UiiiUiii 的 icon,而这样的小细节在生活中,很难一下子都被捕捉到。不过,现在不用担心了优设网的新频道——细节猎人,为你抓住每一个设计中的动人细节。

以上的设计案例,都转载于细节猎人。在细节猎人的页面中,你能看到目前市面流行的产品中,那些不为人知的设计细节。每天都会有专门的「猎人」,帮大家收集最新的细节彩蛋,为的就是让大家在做视觉设计的同时,能够在产品细节也发挥那颗创意的心。

细节猎人一上线就受到了不少好评!

还有圈内前辈的点赞,来自花瓣网 CEO 胡松前辈。

在我这么用心介绍的情况下,是不是对我们的细节猎人充满了好奇!

那么请点击https://www.uisdc.com/hunters,进入细节猎人,开启你的细节寻宝之旅,一定能发现不少新奇的地方。

欢迎同学们关注最充满智(dou)慧(bi)的设计账号:

nycmgwxqr

「细微之处见真章」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/product-design-details

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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