细节彰显人文关怀,思维方式,以及关注重点,让大系统闪耀人性光辉的,通常是看似微不足道的瞬间,即微交互
学会慢下来,从细节看产品的用心之处
.markdown-here-wrapper { font-size:14px; line-height:1.8em; letter-spacing:0.1em;}
多图预警!!相信热爱设计的你们不会太爱惜流量吧😜
<section style="letter-spacing:10px">
需要设置左右间距的文字
</section>
初始页面的设定
▲
作者:Achin
注意小细节:星座头像随时间而变化
更新加载页面设计
▲
作者:Jordan Nelson
从漫天星辰到日出,暗示着应用更新完毕
邮件桌面小悬浮窗设计
▲
作者:Lukas Horak
邮箱登录欢迎页与登录后页面的微交互过渡
词典快捷菜单设计
▲
作者:Minh Pham
整个菜单如同星系一般,将选中的词汇放在星系中央。三大功能发音、收藏、定义像卫星一样围绕在词汇周围
下拉更新
▲
作者:Yup Nguyen
作者借用搅拌咖啡的动作来暗示loading,是一个不错的拟物设计
文档查看的微交互设计
▲
作者:illustratic
增强了用户与作品之间的互动程度,提升了作品对用户的视觉冲击力
安卓版航班预订设计
▲
作者:Alexander Tsibulski
排版干净简介,仅提供用户选择航班和位置最核心的相关信息,让用户专注于自己的任务。不过国内航班似不似得等到起飞前8小时左右才能值机挑选座位 T T
下拉更新设计
▲
作者:Yup Nguyen
视频协作App Frame.io
▲
作者:Zahir Ramos
在集合页提供快速预览视频功能
专辑详情设计
▲
作者:Ivan Bjelajac
通过上下拉动菜单,专辑封面收起放大配合着黑胶唱片的滚动,显得页面活泼十分有代入感
电影详情页设计
▲
作者:Suthan S.
关键动画部分会不会太快一点!!!展示页面的时候在关键部分增加展示时间,用户体验会更好呢(详情页里有:简介、视频类型、导演、演员)你们看见了吗;D
快递订单号查询
▲
作者:Budi Tanrim
选用橘黄色和灰蓝色搭配,给人以清新舒适的感觉