一:品牌体验设计(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)
设计是一门感性和理性相结合的交叉学科,也是一个
「分析 – 研究 – 设计 – 验证」 的闭环过程