脚印

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.高保真原型图

原型交互链接

原型图

原型图