导游编辑:在日常工作和生活中观察别人的设计作品,有助于提高自己的灵感,拓展设计思路。用一个图标就能做到这么细腻的人,一定是在设计上下了功夫。本文分析了部分UI设计,分享了UI设计的一些提示,希望对您有帮助。
最近在看韩国的app,发现他们特别注重细节处理,一个图标可以看很多次,看得很细致。借此机会向大家分享一波,希望大家能从中获得灵感,转化为自己的设计储备。
首先,添加细节的常用图标
很多设计师可能会说图标可以使用,但如上图所示,没有正确应用图标的设计师很少。该产品通过在每个选项上添加图标来设计信息。这样只能避免文本枯燥的画面。
排名第位的该产品通过4个有趣的功能图标挽救了整个页面。想象一下,如果去掉这种图形表示,换成单色线性,效果又会大打折扣吗?
包括播放按钮在内的图标功能的设计持续性都具有统一的特征。
上图中,一些小列表场景出现图标,中间这幅画情感生日蛋糕的图标设计并不能反映对细节的深入挖掘经验的打磨。
2,更具个性的布局
布局是对视觉感受影响最大的设计语言之一,占地面积很大,产品第一眼进入的感觉确实是整体的布局协调,而且深入细节。在上图中,我们看到设计师们
首页大胆的运用图形叠加布局,圆弧背景图形与专辑封面叠加,错落有层次,营造氛围。在设计中,除了页面本身布局差异性设计,在包装时,也是将页面元素与画布外面相衔接,这样连续性的效果,让页面增加品质细节。
上图,设计师也是在页面中采用图片错层叠加布局设计,杂志感与韵律节奏感让整个页面细节满满。
如果你使用双圆角过多了,那么不妨试一试单圆角布局,但是需要整个体系保持统一。
三、超趣味性动画
上图这个产品,全程虚拟小手在与用户互动,看起来感觉非常拟真化,也正是这种小细节的处理,才让产品打动人心。
四、杂志化布局
杂志化布局,在国内这两年都开始有不少产品在设计应用,杂志化设计思路,映射现实世界中精美杂志的设计和阅读质感;大标题、层叠布局、留白、大图等已成为产品杂志化的必要设计语言。
图片与大标题文字叠加处理。
五、大量运用留白
比如上图这个设计,设计师在处理布局信息时候,留白居多。在左侧页面处理中,通过图片丰富细节,然后再运用文字排版。右侧列表布局,也是大面积留白,可让用户在第一时间抓住关键信息。
卡片之间布局也是大空间留白。
留白与个性化布局都有体现。
好了,今天文章就这里。大家下去多做一些设计练习,在做设计探索中多去延展应用,完成设计转化,设计品质更上一层楼。
#专栏作家#
Tony,微信公众号:功夫UX,人人都是产品经理专栏作家。国内一线大厂设计师,一直坚持原创文章,乐于帮助新人。擅长作品集指导、笔试题指导、UI视觉创意、设计趋势风格等。
本文原创发布于人人都是产品经理。未经许可,禁止转载
题图来自Unsplash,基于CC0协议