编辑导语:在竞争激烈且产品功能差异化不大的情况下,选择在设计上下功夫往往能让人眼前一亮,而这种巧思,尤其体现在细节上。本文拆解了一些较少被分析的大厂产品设计细节,一起看看优秀的产品设计到底好在哪里吧~
今天我们从产品风格、图标、插图、动效几个维度,分析被遗漏的大厂产品的设计亮点。
事先声明 /attention 。
- 强烈建议使用电脑查看,用户体验更佳。
- Gif 体积较大,请耐心查看。
- 为了让设计细节更容易被看到,用Gif来呈展示。
以下是碳水Sir在App Store发现的几款“宝贝”,之所以称为“宝贝”是因为产品中可学到的东西太多了,每个产品视觉UI以及动效都有其独特风格(当然网上也有别人总结过的产品,我这里就不拿出来重复说了)我仅针对未总结的大厂产品,进行设计细节拆解,看看优秀的产品设计到底好在哪里,请君细细品味。
(淘宝 – 屋颜– 一站式潮流家居平台)
(字节 – 抖音盒子– 潮流时尚电商平台)
(腾讯 – doX多克斯– 生活碎片视频社交)
(淘宝 – 吃货笔记– 记录美食好生活)
(得物旗下 – 95分– 奢潮二手平台)
(腾讯 – PODO漫画– 独特交互体验漫画阅读平台)
(荔枝 – 皮玩– 语音社交平台)
(陌陌 – 咔咔– 实拍互动交友平台)
排名不分先后,从以上几款产品logo中不难看出,图形设计都偏向于具像化,传递出正向的情绪,颜色方面使用荧光黄、青绿、渐变粉等凸显年轻、大胆,富有朝气。
一、屋颜1. 前言
第一眼看到这个名就有被惊艳。首先屋颜是屋檐的斜译,檐变成颜,中华文字博大精深,读起来也不违和,同时也直观呈现出产品定位属性。logo采用字体设计手法,“屋”字经过设计手法使线条呈现出立体空间感,也间接体现出产品是和房屋软装相关,同时为屋内添置“颜色”(软装)相关的产品。一个logo两层含义,通过字体设计以及谐音表现,巧妙的融入其中。
2. 品牌元素
直观来看,页面大量留白,图片质量高级且风格统一,均采用素底作为产品首图,很好的提升产品整体调性。
图形方面均采用直角元素,配图、banner、按钮、icon无一例外;细线风格设计使产品极具品质感,有种无印良品的现代极简主义风潮。也叫MUJI风。
瓷片区的配图采用线性 2.5D风格,使画面富有空间层次,能撑住页面头部重要位置,且再次突出产品极简主义风格。当然还有空状态、无网络环境下的配图等等都很统一。