脚印

脚印

A3海报

海报

设计稿

A.品牌价值核心

年轻 自由 探索 纪念

脚印不仅仅是个人的记忆,更是每一座城市的回忆录。

B.品牌元素

为了有效的传递脚印APP的品牌,建立起了Logo、颜色、字体、icon,还建立了设计元素比如照片规范、辅助图形和视觉动效。

1.logo元素

  • 脚印App的Logo象征着用户记录在各个地点留下的脚印,分享自己旅途的故事和风景。
  • 同时也象征着脚印APP脚踏实地,从本地化旅游为出发点不断完善功能,扩大用户群体。
  • 方框中的脚印寓意着将您的脚步置于镜头内定格,留存在APP生产用户自己的内容。
  • 右图展示的是APP首页,字体使用的是像素风,仔细看像是一张张照片组成的“脚印”二字。


    logo

2.颜色系统

脚印的主色调偏向于蓝色系,蓝色是博大的色彩,天空和大海这辽阔的景色都呈蔚蓝色
这也正符合脚印app的定位——记录你去过的天涯海角的那些故事。
在商业设计中,蓝色也象征着科技、效率、理性。主色采用淡蓝色,给用户以温馨舒适的旅游空间。

下图展示颜色及应用场景说明
颜色系统

3.ICON视觉系统

输入图片说明

输入图片说明

4.字体系统

脚印app使用的字体是苹方,它是一种中性的哥特式字体,拥有较强的可读性

输入图片说明
输入图片说明

输入图片说明

5.图片使用规范,注明图片尺寸比例及应用场景

避免使用与旅行无关的,过于卡通的的照片作为标题图。整体上应选择各地的人文风光图片,加以后期后才能使用。如果有对应的,比如城市专栏,则应选用相应的城市的图片作为标题图片。

图片比例
  • 首页Banner滚动图片的尺寸比例为2:1
  • 首页标题图片尺寸比例为3:2
具体尺寸:
  • Banner:376x188
  • 首页标题图片:171x144
首页滚动栏

首页标题图
图片比例
  • 相册图片尺寸比例为1:1
  • 缩略地图尺寸比例为3:2
  • 社区标题图片尺寸比例为16:9
  • 我的订单缩略图比例为3:2
具体尺寸
  • 相册图片:100x100
  • 缩略地图:330x220
  • 社区标题图片:144x81
  • 我的订单缩略图:189x126
3in1

6.版式、栏高、边距等尺寸规范、栅格系统说明

栏高1
栏高2

C.高保真原型图

原型交互链接

原型图

原型图

你可能感兴趣的:(脚印)