关注 功夫体验设计 与十万读者见证成长的力量
![]()
最近抽空玩耍了各种APP,韩国居多,发现他们设计总是有很多细节,这些细节的处理给产品增添了趣味性和美学记忆。为什么一定要多看好的设计,最直接的原因开拓眼界。很多时候,没做出好的设计,就是因为看少了,思考少了。所以你的思维一直很局限在常用的那几个APP上,说白了就是没有破圈。俗话说,站在2楼看风景,和站在10楼看风景,你的视野感官是完全不一样的体验。在这里我想强调的是,作为设计师,多看全球优秀的设计,对于我们做设计创意有充足的背景素材可调用。
01
卡片内有乾坤
卡片容器是APP设计中出现较多的组件,但是我们日常所见到的卡片设计是这样的(如下图)。![]()
上图QQ音乐截图,卡片设计中规中矩还很花哨,界面中的信息设计比较杂、多、乱,所以想出彩也是比较难。![]()
上图APP界面设计中,我们可以看到BANER处和底部大卡片的地方细节处理,卡片内又进行了设计,虚实文字版式集合、叠加版式组合、大字体,满满的杂志感。![]()
同样是音乐设计,Millie音乐设计采用大BANNER卡片,卡片上又进行内容组织设计,整体充满杂志感,视觉张力强。![]()
星巴克APP,在底部卡片容器除了采用毛玻璃质感,在材质上又进行弥散光感渐变取色处理,丰富了卡片上的细节。
02
通过叠加塑造空间
叠加布局设计不仅仅只是在APP内中使用,在其他多终端布局中也是可以使用。层叠布局的优点:界面层次感和视觉张力增强,纵深感,突出品牌美学感。左侧:Kream,右侧:SOLDOUT
上图中,左侧图在BANNER设计中使用文字与商品叠加布局版式,满足信息传达又增强形式感。右侧图在内容布局中采用卡片与商品叠加布局设计,丰富背景信息,让用户使用时有场景感和趣味性。
![]()
两个APP依然同样的设计思路,第一个直接在内容布局中错层叠加布局设计。03
异形图形语言
异形图形设计在国内APP中很少见,但是在韩国APP中可谓是家常菜,这个也许是文化的原因,国内要么就是大厂带头做,要么就没几个团队敢大胆的做这种风格设计。![]()
带有夸张,趣味性图形与商品融合设计已经在韩国APP中随处可见,在传达关键信息的同时又增强画面视觉张力,让人产生回味感。
![]()
不规则图形、椭圆形与关键商品组合排版设计。
![]()
上图中,标签设计不是我们常看到的长方形或者矩形,这里采用了多边形。
04
左侧大间距网格设计
左侧大间距网格设计大家并不陌生,毕竟经常会在APP中使用,但这种布局相对来说,在国内线上的应用不多。左侧大间距网格设计的亮点:突破常规,有自己的设计主张,有视觉记忆。![]()
上图APP中,首页采用左侧大网格右侧贴紧边缘设计。
Apartmentary
左侧大间距网格设计需要注意其应用范围,比如均在首页出现,其他二级页面,三级页面就避免大间距网格,毕竟这种虽然效果有特色,但挺浪费手机屏幕。
说在最后,好的设计细节值得反复思考,借鉴其精华部分,学以致用。挑战日更100天,目前已完成2篇
推荐阅读
>>第四期UIUX设计营报名中,随到随学>>
![]()
![]()
工作近10年,这三种能力让我一路快速成长,但很多设计师都不重视!!