看完这些韩国的UI设计,我终于知道差距在哪了!

UIUX创新
6 评论 8226 浏览 28 收藏 8 分钟
🔗 技术知识、行业知识、业务知识等,都是B端产品经理需要了解和掌握的领域相关的知识,有助于进行产品方案设计和评估

编辑导语:日常工作和生活中,观察他人的设计作品有助于提高自己的灵感,从而拓展设计思路。一个图标都能够做到如此细致的人,一定是在设计上花了工夫的。本文对一些UI设计进行解析,分享UI设计的一些小技巧,希望对你有帮助。

最近在看一些韩国的app,发现他们设计特别重视细节处理,一个图标都可以细致到让我看了好几遍。正好借此机会,给大家分享一波,希望大家可以从中汲取灵感,转化成自己的设计储备。

一、常用图标增加细节

看完这些韩国的UI设计,我终于知道差距在哪了!!

可能很多设计师说,图标我也会用啊,但是有极少部分设计师根本没有认真去应用图标,比如上图,这个产品在每一个选项上面增加图标进行信息设计,这样就避免全是文字的枯燥画面。

看完这些韩国的UI设计,我终于知道差距在哪了!!

上图这个产品,通过4个趣味性功能图标将整个页面救活了,试想,如果去掉这种图形化的表现形式,改成单色线性的,效果是不是又会大打折扣。

看完这些韩国的UI设计,我终于知道差距在哪了!!

图标特征的设计延续性,包括播放按钮都有着统一的特征。

看完这些韩国的UI设计,我终于知道差距在哪了!!

上图,一些小的列表场景都有图标的出现,还有中间这张图情感化生日蛋糕的图标设计,无一不体现对细节的深挖,体验的打磨。

看完这些韩国的UI设计,我终于知道差距在哪了!!

看完这些韩国的UI设计,我终于知道差距在哪了!!

二、更个性的布局

看完这些韩国的UI设计,我终于知道差距在哪了!!

布局是最能影响视觉感官的设计语言之一,所占面积较大,进入产品第一眼的感受肯定是整体布局调性,然后到细节深入。在上图,我们可以看到设计师在首页大胆的运用图形叠加布局,圆弧背景图形与专辑封面叠加,错落有层次,营造氛围。

看完这些韩国的UI设计,我终于知道差距在哪了!!

在设计中,除了页面本身布局差异性设计,在包装时,也是将页面元素与画布外面相衔接,这样连续性的效果,让页面增加品质细节。

看完这些韩国的UI设计,我终于知道差距在哪了!!

上图,设计师也是在页面中采用图片错层叠加布局设计,杂志感与韵律节奏感让整个页面细节满满。

看完这些韩国的UI设计,我终于知道差距在哪了!!

如果你使用双圆角过多了,那么不妨试一试单圆角布局,但是需要整个体系保持统一。

看完这些韩国的UI设计,我终于知道差距在哪了!!

三、超趣味性动画

看完这些韩国的UI设计,我终于知道差距在哪了!!

上图这个产品,全程虚拟小手在与用户互动,看起来感觉非常拟真化,也正是这种小细节的处理,才让产品打动人心。

四、杂志化布局

看完这些韩国的UI设计,我终于知道差距在哪了!!

杂志化布局,在国内这两年都开始有不少产品在设计应用,杂志化设计思路,映射现实世界中精美杂志的设计和阅读质感;大标题、层叠布局、留白、大图等已成为产品杂志化的必要设计语言。

看完这些韩国的UI设计,我终于知道差距在哪了!!

图片与大标题文字叠加处理。

看完这些韩国的UI设计,我终于知道差距在哪了!!

看完这些韩国的UI设计,我终于知道差距在哪了!!

五、大量运用留白

看完这些韩国的UI设计,我终于知道差距在哪了!!

比如上图这个设计,设计师在处理布局信息时候,留白居多。在左侧页面处理中,通过图片丰富细节,然后再运用文字排版。右侧列表布局,也是大面积留白,可让用户在第一时间抓住关键信息。

看完这些韩国的UI设计,我终于知道差距在哪了!!卡片之间布局也是大空间留白。

看完这些韩国的UI设计,我终于知道差距在哪了!!

留白与个性化布局都有体现。

好了,今天文章就分享到这里。大家下去多做一些设计练习,在做设计探索中多去延展应用,完成设计转化,设计品质更上一层楼。

#专栏作家#

Tony,微信公众号:功夫UX,人人都是产品经理专栏作家。国内一线大厂设计师,一直坚持原创文章,乐于帮助新人。擅长作品集指导、笔试题指导、UI视觉创意、设计趋势风格等。

本文原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 好的咱们确实该学,但是…你自己看看这好看吗…还有那个粉红色的手…我都不好意思说

    来自浙江 回复
  2. 其实我觉得还挺好看的,不过不同的地区人们都有不同的审美,对象喜欢就是真的好。

    来自广东 回复
  3. 忍不了了,专门登录上来吐槽一句。不是吧不是吧…这也能舔,还扩展到了与韩国的差距?

    来自河南 回复
  4. 开始怀疑你37篇文章都是这么写的么

    来自北京 回复
  5. 还有吹韩国的,这些都丑成啥样了

    来自辽宁 回复
  6. 好家伙,随便一个都丑死了

    来自北京 回复
专题
16908人已学习14篇文章
RFM模型是与用户价值相关的常见模型之一。本专题的文章分享了什么是RFM模型?如何应用RFM模型?
专题
15683人已学习7篇文章
AI在现实中的应用有很多,AI应用实例有哪些?AI的实现原理是什么你知道吗?本专题的文章分享了AI应用实例分析
专题
13449人已学习15篇文章
私域流量是与公域流量相对的概念,本专题的文章主要通过几个核心的问题,为大家解读私域流量背后的底层逻辑。
专题
16559人已学习16篇文章
对于很多软件工程师来说,工作内容都与界面设计有很大的关联。本专题的文章分享了界面设计方法。
专题
15226人已学习12篇文章
逻辑图是用图标符号、说明文字以及连接线等,形象化地表达复数要素之间的相互作用关系。本专题的文章分享了如何绘制逻辑图。
专题
101483人已学习23篇文章
做产品难,做运营更难,做APP运营推广难上加难。