服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

新的设计故事,从这个符号开始

日期: 来源:智行ZXD设计中心收集编辑:智行ZXD设计中心





#01

项目开展


近些日子,智行火车票客户端正在准备全新的视觉升级。而作为这次升级的重要分支: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图标的设计,先前已经撰写过相关文章。感兴趣的可移步

相关阅读

  • 王通:2023年的红利在哪里?

  • 时间太快了!‍‍‍‍‍‍‍‍‍‍‍‍‍2022年马上就要结束了,我们每一个人都要静心总结一下:‍‍‍‍‍‍‍‍‍‍‍‍‍1、这一年你有哪些收获?2、这一年你有哪些遗憾?3、下一
  • 恭喜发财!2023剽悍开工指南

  • ‍‍今天,我们剽悍个人品牌创业教练班(原全职团队)正式开工啦!‍‍‍‍‍以下内容,是我写给她们的开工指南。‍‍‍‍‍‍‍‍‍‍‍1 对于很有追求的你来说,手机是创业工具、学习
  • 百丽三十而立:“鞋王”DTC之路的阵痛与重生

  • 主笔:盐焗小酥研究员:Leo,姜衔出品:增长黑盒研究组疫情放开后的第一个新年刚刚过去,大街小巷都恢复了昔日的繁华,也给在商业世界摸爬滚打的创业者们带来不小的希望。但当年节的热
  • 1.61版本开发中!

  • 亲爱的新老用户大家好!新的一年已过去1/12了,今年小A 会有一个新的开始,应大家强烈要求需要安卓版本,目前已安排安卓版本的开发,如果不出意外的话会尽快上线!请大家耐心等待,谢谢大
  • 林雨3期(昆明)线下沙龙:个人品牌之道

  • 个人品牌有什么用?作用大的很!2014年,我还是个小咔嘞咪生意没做好,营销也不会,最拿手的技能居然是ps身处低谷,十分迷茫那年中旬,我初次认识到个人品牌这个概念当时一下就很有感觉,盲

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 新的设计故事,从这个符号开始

  • #01项目开展近些日子,智行火车票客户端正在准备全新的视觉升级。而作为这次升级的重要分支:UI品牌符号,承载了传递品牌感知,打造产品差异化的重要作用。我们希望符号展现什么?1
  • 智行系列营销活动-设计出圈指南

  • Hi~大家好,我们来自智行设计团队,在过去的这一年里,团队致力于智行视觉设计的品牌感知打造,也在各个平台取得了一定成果,国庆系列营销活动的视觉设计表现更是出圈。现对2022年国庆
  • 智行IP-小智XIAOZHI延展与应用(精选)

  • #引言智行App全新出发,小智IP通过不断打磨与成长,现已成为智行与用户情感传递的重要桥梁。小智IP与不同出行场景的结合与运用,把智能、高效、年轻、活力的智行品牌形象传达得更