美文网首页UI设计UIUI设计头条
三款美妆电商APP品牌识别度UI设计分析

三款美妆电商APP品牌识别度UI设计分析

作者: 唐小葱 | 来源:发表于2018-12-19 13:56 被阅读956次

    今天小葱选择了三类代表性不同的美妆产品APP --你今天真好看、网易美学、聚美优品,产品进行简单介绍后着重对从界面设计角度其品牌识别效果进行分析。三款产品个性鲜明,是作者在浏览多个美妆APP后精选出来的印象较为深刻的产品。在这里与大家共同分享下~

    1.美妆功能型平台垂直电商——你今天真好看


    (1)产品介绍:

        你今天真好看是一款于人工智能技术的护肤APP,主打‘拍照轻松测肤质“为用户提供肤质检测分析及基于肤质推荐护肤品等特色功能。产品主要分为4大模块:智能测肤功能/PGC护肤文章模块/UGC用户讨论模块/产品推荐模块。经营模式为平台型电商,作为中介为产品提供多条购买渠道,收取中间平台费用,不需要对产品进行采购。如此省去了仓储和物流的成本。

    (2)产品目标群体和品牌形象诉求:

        用户整体对于自身的肌肤护理都十分的关注,希望能够获得专业性的分析及推荐。产品用户以女性占绝大多数,用户年龄相对年轻,集中在24岁以下级25-30岁之间的女性用户,一二线城市级沿海地区使用者居多。根据主要用户的特征和品牌定位,品牌形象整体感觉清新调皮具有亲和力

    (3)产品在品牌识别上的塑造:

    a.主色调与众不同

    美妆类产品品牌色多用粉红及玫红色,与女性柔美的气质相呼应。但你今天真好看反其道而行之,使用了红色系的对比色——蓝绿色。配合大面积留白,整体气质清新自然,瞬间在视觉识别上拉开了与多数产品的差异。笔者分析使用蓝绿的用意可能来自于两方面:(1)突出产品识别,增强用户产生记忆度。长期以来美妆产品的惯用用色已经让用户产生了视觉疲劳,而清爽淡雅的蓝绿色则能够是用户眼前一亮。(2)蓝绿色的情感联想。蓝色代表着冷静和缜密,干净清爽,恰好代表了护肤产品中清洁和科技。

    b. IP形象的应用:

    你今天真好看的卡通IP形象白色小猫可爱呆萌形象饱满让人印象深刻。猫是女性的代表性动物,容易使用户产生带入感。从APP的logo开始一直大眼小白猫探出身身来,配合APP名称你真可爱,直接在用户心中形成积极讨喜印象。进入APP后邀请用户领养小猫,推送每天的护肤信息。不仅仅为信息添加了情感温度,也拉近了用户之间的互动,建立情感的连接。在APP中专题banner的配图多次采用手绘风格与IP形象相结合,视觉统一且识别度很高。

    c.风格统一明确的图形图标设计

    图形图标设计延续了IP形象的风格特征——扁平/描边/卡通化。线面结合,配色上也以吸取品牌蓝绿色为主,清晰而不单调,精致感十足/相同模块的图标比例大小一致。风格相同。可以看到为了强调按需定制的特色功能,产品还是选择了高明度低饱和度的彩色系,但依旧和整体的卡通感,清新感相协调并不违和。

    设计的两面性:

    优点:视觉识别度极高。强烈区别于行业色彩的使用,个性丰满的IP形象渗透如APP的多个角落,页面度的整体性和连贯性较高。

    缺点:蓝绿色不太符合用户对女性类产品的认知。卡通化设计风格,可能不符合用户群中一部分年龄较长的用户审美,对测试的准确对产生质疑。


    2 .美妆知识社区——网易美学

    (1)产品介绍

    网易美学是是网易推出的一个专注发现和分享的护肤美妆社区,被业内人士誉为美妆届的知乎。产品slogan:发现适合你的美。

    (很遗憾其中网易美学是作者认为品牌设计小细节做的最好美妆APP,但现今并入了网易考拉的种草社区中,独立APP内容2019后就不同步跟新了)

    (2)产品目标群体和产品气质

    目标群体为18-33岁的女性,他们受教育程度较高,富有生活情趣,追求有品质的生活。审美集中在简约大方雅致的设计款风格上。网易系列产品整体在品牌风格上具有简约大气精致的特征与目标用户审美相重合。产品气质整体风格简洁精炼,且具备了女性气质。就像是玉琢的美人,眉目疏朗轻点绛唇。

    (3)产品在品牌识别上的塑造

        a.品牌图形独特

        网易美学的应用图标简单而不失内涵,图形即独立又整体,具有几何美感。将两片明暗心形巧妙的结合组成了红唇的形状,很容易引发观者联想到女性化妆品。网易美学品牌字体与网易考拉一脉相承,无衬线字体经过改良优化也具备了刚柔并济的美感。

    b.品牌辅助图形不断复用强化

        网易美学将logo中的爱心拆分为其品牌辅助图形,运用至其下拉刷新动画、选中标签标记、底部发布按钮、页面加载动画、教程播放按钮等各个细节之处。在不影响其视觉的基础上,作出了区别于一般产品的图形品牌个性强化。

    c. 图片风格一致

        在不同页面的各个板块无论统一使用了卡片形式和大圆角。整体视觉高度统一,视觉上体现了女性气质的温婉圆润。在当前很多APP中其实存在着直角圆角并存的情况,造成了产品气质杂乱。在banner专题的产品布局上,按照统一的排版布局,左文右图,包括文字与背景色相协调,配图的比例也进行了统一的范围划分。

    4.3.3自营美妆电商——聚美优品


    (1)产品介绍

        聚美优品是一家化妆品限时特卖商城。聚美优品的理念就很清晰,就是要做女性化妆品正品折扣网店。价值主张正如其名字中“聚美”二字的寓意:“聚集美丽,成人之美”。致力于创造简单、有趣、值得信赖的化妆品购物体验。首创“化妆品团购”模式:每天在网站推荐十几款热门化妆品。目前聚美的产品种类以化妆品为主,经营范围也包括了母婴、奢侈品等相关类女性常消费的产品。为了整体消费者的粘性和活跃度,增加了社区和小视频两个内容模块。

    (2)产品目标群体和产品气质

        聚美优品用户以年轻女性用户比重略高;网站用户更集中于办公室白领和学生,价格敏感度高的人群对于品牌质量的追求。产品气质概括为时尚年轻+亲民。

    (3)产品在品牌识别上的塑造

        聚美优品在页面的统一上做的很优秀,整体视觉非常清爽。整体视觉散发着浪漫的女性气质。

    a.页面整洁。聚美在品牌识别在整体上给用户整洁精致感。虽然聚美优品的产品类别复杂,但在整体的页面布局,模块的比例上上具有一致性和规律性。在商品图的展示上,聚美对产品图进行了统一的抠图处理背景留白及质感加工。因此能够在视觉上更加的统一,提升了产品的品质感。

    b.图标精致。在图标的处理上,入口采用较为年轻鲜亮的色彩,微质感的图标设计精致而不花哨,整体性很好。在功能图标的设计上,设计与语言统一,采用了大弧度、细线等具备女性特征的品牌基因。

    c.强调品牌色,辅助色配色协调。强调突出品牌色彩玫红色,在页面标签ICON中多次使用,色彩使用统一。辅助色搭配协调,不会产生喧宾夺主凌乱琐碎的感觉。颜色使用的节制,大面积的留白能够突出,色彩引导前调作用。

    d.卡通化的IP快递盒IP形象。其次较为突出的是聚美的下拉刷新形象,运用了可爱的快递盒卡通形象,通过静态的动画流程勾起用户的探索欲望,强调了其对于消费者正品承诺等一系列保障。


    小结

        通过对比分析以上三款优秀美妆产品,能够在美妆垂直电商领域作出作出品牌差异的界面还是可以总结出一些共性特征:明确的品牌个性、简单新颖的布局、个性化细节、精心图片处理、色彩有节制的使用,去探索自身的设计风格,创新符合用户认知和操作的APP。

        品牌感的塑造不仅仅局限在品牌元素的某一个面上,据于产品定位的人群和品牌理念,多个设计元素结合塑造产品气质。已有品牌的支线产品还需要考虑到继承母品牌基因,与其他合作字品牌有一定的关联性。如网易美学就和网易考拉的品牌字体设计气质相同。

    (作者:唐小葱       辛苦撰写,如需转载请注明出处)

    相关文章

      网友评论

        本文标题:三款美妆电商APP品牌识别度UI设计分析

        本文链接:https://www.haomeiwen.com/subject/witjkqtx.html