分享UI设计优秀作品(非原创)

Michael Walchalk 画的篮球明星,10P。(最后一个乱入了...)

Pavel Zertsikel 的字体设计精选

City Guides ,作者:Ben Cline

UBER的branding,包括了logo的样式、视觉语言系统(色彩、栅格、点、线、地图样式)、字体、视频等内容。

分享Gleb Kuznetsov✈的界面作品。(9P)

之前分享的应用:World Atlas

Malika Favre与英国经济公司 Human After All 合作,为第68届英国电影学院奖进行海报设计创作。

National Geographic World Atlas-Ben Cline

Ben Cline为Nat Geo家一款app做的动效设计,非常细腻,每个小地方都值得你来回看20遍,深深感叹Nat Geo对于移动应用开发的技艺精湛,而且这款app可下载体验,令人惊叹的是开发对于设计师的设计几乎百分百还原,中国区App Store售价12元。

扫描二维码即可前往App Store

分享Aurélien Salomon 的界面设计,BMW i8 app、Trello & "Material Design"、其他一些界面。

chenjingliang:

如何选择一款字体?

中英文对照。

Dribbble上Google Team的6个交互细节动效分享。

分享Ben Schade的设计作品。7P

Island & Cloud:

LOFTCam,快速启动cam优化动效。

目前的loftcam顶部很僵硬,下拉手势操作快速启动cam,伴随一些小小的动画,可以优化体验。

chenjingliang:

APPLE WATCH GUI PSD ,请叫我活雷锋。

https://dribbble.com/shots/1735649-Apple-Watch-GUI-PSD/attachments/280179

灵感出现的时候,就一定要趁它还新鲜立即实现。这个动效是看了https://dribbble.com/shots/2003328-Create-Process 这个作品后,就着百度地图的路线规划的模块改的,跟原作相比,一些地方还是没做好,比如圆放大的渐进,上弹和下收,慢慢来吧,多做就会好。

Island & Cloud:

改的百度地图在路线查询模块的设计和动效,明天就搬去杭州了,今天还弄到这个点...

一款以卡通形象为主的界面设计,包括卡通形象的不同状态、界面元素的表现形式等,作者:Dtail Studio@Behance

“交互”和“视觉”虽然分设两个岗位,但两者关系密切,大的团队会有专业的交互设计师,小公司可能交互这块就比较含糊了。

我理解的交互设计是建立在服务于主体功能的基础上,友好易用、简单直接,这次的尝试是用手势操作来切换“歌曲列表”和“播放”两个页面,手势操作的好处就是更随心,不需要你明确点到一个按钮(因为有一定几率你没点到)。

这个动图里也有一些细节:

  • 播放和暂停按钮的切换有一个小小的旋转;

  • 播放和暂停按钮、歌名、歌手名在转场动画中保持了连续性;

  • 歌曲列表页回弹的时候有一个渐进;

另外,界面里的6首歌分享给大家:

  • Long Long Way/Damien Rice...

10个交互细节动画,每一个都值得去琢磨,或低调沉稳,或浮夸张扬,各有见解吧。

如果你安装了锤子便签,可以尝试新建便签后,打开那条便签,然后删除,欣赏下这个删除动画,这个细节让我对锤子便签的印象大好,按照我们对于“删除”这个动作的正常逻辑,用更形象的方式展现,这个细节会让人产生美好的情感,让我们觉得开发者在这里花了心思。

Linn Fritz 的7个gif作品。

早上发了个动效的分享,于是临摹了其中一个,没有原作那么细致。

Island & Cloud:

也算是个临摹吧,原作点这里,直接知乎截屏就着改的,快捷操作动效。

Ramotion 的动效作品分享(10P)

Alphabet标志设计,采集自站酷(10P)

This is Motion Graphics !,Behance

Dejan Markovi的界面交互演示GIF (3P)

1.卡片式room share animation

2.message animation

3.booking animation

Yotaphone2 × Material Design ,采集自网络(5P)

Vladimir Babić的2014 shot collection(4P)

© ONE DESIGN | Powered by LOFTER