浅谈如何让你的设计被记住？

了解可以拆分为4项：了解项目背景、了解目标用户、了解产品目标、了解核心竞争力

［了解项目背景］

开始设计之前，必须要知道为什么要做？

举个栗子，小哥哥约心仪小姐姐看电影，电影看到一半，发现小姐姐哭了，这时小哥哥要说啥？直接说：“你别伤心啦！”。那我可以肯定的说，小姐姐此时内心是翻白眼的，她也许会想：”你怎么知道我是难过的？其实我是看到热血沸腾，喜极而泣！！“

所以说我们必须了解表象背后的背景，才能顺着背景往下探寻真相。

回到项目中来说，此次之所以有海外项目，是由于国内版本处于缓慢成长期，我们需要扩大用户总量，参考日本韩国的发展路线，我们出海的时候到了，暂且选定北美和泰国为第一站。

［了解假设用户］

那句老话”对症下药“，知道我们要拉取的用户是谁，才能迎合他们的喜好，才有可能设计出她们喜欢的东西，在海外项目中，此项目是全新从0到1的过程，和产品聊过之后得知，她们是想要快速的抢占海外市场，目标针对的是北美的女性年轻用户，年龄在30岁以下。注意了：这里我用的是假设用户，因为一个新产品其实是没有用户的。

［了解产品目标］

有木有人会有以下疑惑，明明自己设计的东西很好看，为什么产品就不通过呢？其实很大可能性就是你们的目标不一致造成的。产品想突出a，你却把b做的无比闪耀，产品肯定看了要翻白眼！所以我通常下手设计之前，会再三和产品大大们沟通清楚，他们此次的目的是什么？是为了推某项功能？还是为了解决哪项用户体验？

海外项目这种探索期的产品，目标肯定是活下去，聚拢核心用户，快速上线，试探用户接受度,我们在调研过程中，发现我们的竞品也在积极准备海外版本，更验证了我们出海的决策是正确的。

［了解核心竞争力］

一定要了解自己产品的优势，并把它用最合适的方式展示在用户面前，这绝对能为产品加分；

这点和平时穿衣服类似，会穿衣服的小姐姐，会非常了解自己的优势在哪里？腿长，好，我露腿；腰细，好，我穿有腰线的衣服，只有穿对衣服了，才能放大自己的优势哦。

设计亦是如此。这次的海外版本，我们挑选了海外所缺失的女性向作品，主打恋爱、BL、爆笑剧情类作品，且每部作品都保证有精致的画质、引人入胜的故事线、并且保持每天更新！

归纳以上核心竞争力关键词：内容品类、爆更、画面。

分析有三大类：分析同类竟品，分析横向类似产品，分析时下设计趋势。

［同类竞品］

北美排名靠前的漫画阅读类app，从两方面进行分析；

阅读模式和信息布局——国内外在移动端的阅读行为是相同的，上下/左右翻页；多是Ip 聚合与框架式的信息布局形态；

设计风格——国外的app风格是极度扁平化的，信息布局紧凑，无品牌吉祥物，有品牌图形，但也接受人物类的品牌吉祥物，如下图:

下面简单为大家介绍一下，我是如何把“呼吸”贯穿到界面设计中的。我划分为三大类：节奏，维度，活力。

【呼吸之节奏】通过卡片化、差异化、栅格化来体现

1. 卡片化的展示方式

   
   

元素区分开，形成韵律

卡片能把封面和作品名称打包，更凸显整本的概念

海外版本初期内容较少，采用双列卡片布局方式，更能体现精致封面的细节，符合海外用户喜好大图这一特征

2.更强调差异化

局部采用complexion reduction的设计语言，用更大更突出的标题字体，更多的负空间，来拉开页面信息层级，突出页面主要功能，这也是节奏的一种体现。

3.柵格化

本次版本采用H5的承载形式，降低使用门槛；在柵格化以后，不仅可以较好的适配多屏幕，还能让界面形成有序的节奏感！

【呼吸之维度】通过单页面&多页面两个层面来体现

1.单页面的维度体现

把页面延伸至z轴，打造页面纵向的层级感

2.多页面的维度体现

平滑且有继承关系的转场，能够很好的帮助用户理解产品架构。

【呼吸之活力】通过色彩、微交互两块来体现

1.色彩

综合了美国Ios和安卓常用社交娱乐app，以及美国女性经常出现的场景图片,分析了它们的颜色,并做了分类，发现较多的使用了较高饱和度的色彩，所以在此次海外版本上，把国内版本的主色调进行了细微的调整。增加饱和度，色相也更暖，看起来更有活力,如下图是本次海外版本的用色。

2.细致的微交互

微交互虽然单指一个点，但不能想当然的指哪打哪。我们得从架构上，从全局到局部来思考；或者用用户场景出发去思考。我的做法是会以用户的视角，分场景的去思考,可能会碰到什么问题,需要得到什么解决,一定要假象自己的小白用户,并从中找出可以优化的创意点。在找到创意点之后，还需要筛选这些创意点的必要性，以及是要重点处理和略微优化就好。

下图是从有目的和无目的两方面去发散,去思考用户会是什么场景,可能会遇到的问题.

细腻的交互可以让体验升级。从韩漫在美国的受欢迎度可以看出，当地还是能够接受品牌吉祥物这一设定的。在海外版本里，我尝试以品牌形象为切入点,把吉祥物与界面结合起来,希望用户不再是与冰冷的界面沟通，通过逗趣的黑子形象，让用户感受到情感，感受到活力。

下面列举微交互的一个案例。在搜索操作中，我尝试把不同输入状态与不同的表情关联起来，让用户在操作的同时。能够得到及时有趣味性的视觉反馈；如下图

技术思考:

用三维的方式做品牌植入,强化产品的品牌感.但二者融合还是有需要注意的点:三维的渲染有彪悍霸道的视觉冲击力,ui界面与之相比,显得内敛很多,那么如何做平衡?

解决方案: 配图在页面中的占比很高,即为“重视觉”,反之,则为“轻视觉”

我首选与界面交互不强相关的默认图作尝试,如下图

整体视频效果展示(贴图)

此模块分为两大类：精确传达，使用体验(此论证要点主要适用于探索期的产品，因为探索期的产品是重定型的，而非定量的。)

【精确传达】

从需求方角度来看，是否能把需求方想表达的重点精确的表现出来；这块要点是前期要与需求方目标同步，站在他们的立场去考虑信息改如何去表达，去重组；

【使用体验】

从用户角度出发，去看界面是否符合他们的预期，是否能接收到需求方想表达的核心要点等，以及他们使用完以后的推荐意愿、满意度等等。另外还可以从新增用户数去看，用户是否愿意继续使用你们的产品,下图为调查问卷截图.

任何设计都是持续性的，并不是改版完上线了就可以了，而是要不断持续的调整，优化，每次设计上线之后，都要进行设计复盘.

主要结合前面的验证结果+技术实现+项目时间这三块进行修整.这块我目前还做的不够好，大家一起共勉。

总结一下本篇文章的要点

做设计的关键路径：了解—分析—创作—验证 —修整（这是一个闭环，就像功能需要迭代一样，设计也是需要不断优化迭代的。）

而在优化迭代的同时，能主动发现并在产品设计中加入创新点，那很有可能就能记忆点，闪光点。 

以上是个人思考，如有意见。大家可以一起讨论，文章也可以继续优化。

感谢一起参与项目的小伙伴们! 欧姐的全程指导,菜菜和梦梦的脑洞和三维支持,宝哥哥的技术支持;