网易蜗牛读书 品牌体验设计

网易蜗牛读书品牌体验设计 – 学UI网

一：品牌体验设计（BX Design）  brand experience design

1 品牌定位：

阅读市场主要分为两块，一是以网络连载小说为主的快餐文学，还有一类是更加注重书籍本身质量的传统出版文学。

通过典型用户画像我们可以发现两者的核心目标用户虽有重合，但在需求和喜好上还是很大的差异，两者传递的品牌调性也有所不同，区别开有利于后期品牌的差异化设计和精细化运营。

蜗牛在品牌策略和定位上主打 精选出版图书的深度阅读，并且首次提出时间付费的概念，以时间为轴打破书籍之间的界限，致力于为热爱阅读的用户提供简洁、安静、无干扰的阅读体验。

2 品牌理念

品牌理念是一个品牌的灵魂，蜗牛读书的理念是「不疾而速，读点好书」

3 品牌定义

在设计理念上我们去探索了茶道、花道、禅宗等形而上的东方美学思想，结合相契合的部分作为设计美学指引。然后通过情绪版去发散和提炼品牌关键词，透过关键词去收集想传达的风格、色彩、影像或任何可以引起情绪反应的资料，作为设计方向与形式的参考，探寻品牌感觉。我们给蜗牛定义的品牌关键词是：简洁、自然、素雅、安静。

二，设计原则（Design Principle）

很多时候我们觉得设计原则很虚，但是作为设计系统的起点，设计原则可以帮助团队成员建立共同的设计世界观。

在设计过程中，可以通过反问的形式衡量设计的优劣，比如信息呈现核心流程是否简洁、失败操作体验是否友好、配图是否美观等。

三,品牌设计（Brand Design）

1 品牌色   从品牌最原始和直接的品牌名

2 品牌标识  利用草图，尽可能多的呈现创意

四，app设计（Application design）

1 品牌基因       除了品牌色的植入，我们还从品牌意象和图形 logo 入手，提取了「圆」的基础图形作为品牌基因，并将其贯穿在整体的品牌体验设计之中。

2 排版布局       在排版中引入了 4pt 的 UI 网格系统和 2pt 的基线网格系统

3 投影

利用微投影去构建视觉层级和营造空间感

***界面设计的根本目标：  产品功能——可用性——视觉美感

4 图片设计

5 动效设计

动效制作主要用到了 AE 和 Lottie ，Lottie 是 airbnb 团队开源的一个动画库，以往我们设计师设计好的一些比较复杂的动效通常会通过 Keyframes 或者 GIF 的形式输出给开发同学，都面临着导出文件大、适配性和扩展性差、开发代价高的问题，让一些好的动效因为时间和资源的问题都最终被搁置。而通过 Lottie ，设计师可以将 AE 里制作的动效通过 Bodymovin 插件导出一个非常小的 JSON 文件，工程师也只要通过简单的配置就能100%的还原动效，大大降低了设计开发的成本，目前 Lottie 还支持网络读取 JSON 文件，做 A/B Testing 也更加方便。

五 设计规范（design guideline）

六 品牌延伸（Brand Extension）

海报，周边 的设计也要延续整体的品牌调性。

七 设计验证（Design Verification）

设计是一门感性和理性相结合的交叉学科，也是一个 

「分析 – 研究 – 设计 – 验证」 的闭环过程