项目开展
近些日子，智行火车票客户端正在准备全新的视觉升级。而作为这次升级的重要分支：UI品牌符号，承载了传递品牌感知，打造产品差异化的重要作用。
我们希望符号展现什么?
1、体现此次改版的设计主题
2、突出有别于其他产品的品牌特点
3、加入更多的情感元素，让改变更有趣
毕竟旅行的背后，是人们追求快乐生活的冲动。
1. 确认关键词
当下智行火车票的业务范围已经包含诸多的OTA产品。其中最具特点的功能是：火车票抢票。为保持基本的业务属性，也为继续强化自身产品特点。我们选择使用交通出行、极速抢票作为关键词。
在此基础上，结合平台年轻用户人群特点，与此次V10.0改版的设计主题，UI品牌符号同样希望强调轻量化设计
2. 形体选择
在确认了主体关键词后，组内对形体的选择同样展开了脑暴讨论。期间产生了多种设计方案。
形体意向上尝试了，代表抢票与速度的“闪电”，代表智行拼写首字母的“ZX”，代表主要页面的“火车头”等等...
最后选择认知度最广泛的火车意象，并结合应用图标，从品牌LOGO出发，作为形体设计的来源。
#02
设计处理
确认基础形体之后，考虑品牌感知与实际场景应用，我们加入了更多的设计处理。
1. 形体处理
上下圆角的曲线：在形体细节的处理上，我们并没有使用简单的圆角倒角。而是参考现实中的火车，让形体保持流畅的基础上带有一定的现实映射。
2. 色彩选择
渐变色的选择：以前的智行有自己的标志性的蓝色。然而为达成此次改版对“轻量化”与“年轻化”的目标，设计小组在先前“品牌色”的基调上增加了渐变规范
一抹更具有呼吸感的向浅色渐变，也同时赋予了符号动感与活泼。
3. 赋予动势
动感的强化：最后，考虑符号的应用场景以及对于“火车”意向更好的表达，符号在整体应用上会更多的使用“驰骋”“驶入”等富有速度感的动画
具体的示例还请往下看设计应用部分~
#03
设计应用
1. 首页及一级页面应用
首页下拉动效与所有一级页面
对于场景的考量，我们希望达到以下效果：
1、尽可能地露出，加深用户印象
2、尽可能不影响页面已有的层级，不刻意
3、结合巧妙，不生硬
那么在曝光率最高的首页与一级页面。我们选择了两处合适场景，loading加载动画，与页面标题。前者增加等待的趣味性，后者总领页面加强应用的辨识度。
除此之外，在类似登录页面等新客必经页面中，我们也放大了品牌符号，用于加强新客感知。
2. 首页底Bar图标
重构菜单栏图标，赋予更强的感知
关于底Bar图标的设计，先前已经撰写过相关文章。感兴趣的可移步
选中状态使用统一的品牌符号。不再使用常规的各自形态的选中状态，用来强化的符号感知，增强记忆点。
3. 常用页面组件
将符号应用到页面组件中
除去首页等核心页面的应用外。我们还希望将其适当应用在诸多普通页面。于是，我们将UI品牌符号融入到了许多例如模块标题，切图tab等常见页面组件
在辅助页面信息传递的同时，增加曝光、强化感知。
4. 融入品牌字体
运营活动是品牌透传的绝佳场景。借此机会，我们将符号形体加入到品牌字体的设计之中，对先前的字体做了一次全面升级。
新的字型除了在大部分转折处加入了一定的平滑处理外，最具体特点的将部分重要的的横笔做了整个异形处理。保持整体性的同时也不失趣味性与记忆点。
#04
最后想说
智行火车票即将迎来全面的10.0版本升级，多年以来我们致力于打造更新的产品功能与更好的流程体验。这次的UI品牌符号分享，只是一个开始，也希望大家能够关注我们之后的故事。
愿您的每次旅行都有智行相伴。
智行ZXD
本文来自微信公众号“智行ZXD设计中心”（ID：gh_0a95e60710b1）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。
