腳印

A3海報

海報

設計稿

A.品牌價值核心

年輕 自由 探索 紀念

腳印不僅僅是個人的記憶，更是每一座城市的回憶錄。

B.品牌元素

為了有效的傳遞腳印APP的品牌，建立起了Logo、顏色、字體、icon，還建立了設計元素比如照片規(guī)范、輔助圖形和視覺動效。

1.logo元素

• 腳印App的Logo象征著用戶記錄在各個地點留下的腳印，分享自己旅途的故事和風景。
• 同時也象征著腳印APP腳踏實地，從本地化旅游為出發(fā)點不斷完善功能，擴大用戶群體。
• 方框中的腳印寓意著將您的腳步置于鏡頭內(nèi)定格，留存在APP生產(chǎn)用戶自己的內(nèi)容。

• 右圖展示的是APP首頁，字體使用的是像素風，仔細看像是一張張照片組成的“腳印”二字。

  
  
  logo

2.顏色系統(tǒng)

腳印的主色調(diào)偏向于藍色系，藍色是博大的色彩，天空和大海這遼闊的景色都呈蔚藍色
這也正符合腳印app的定位——記錄你去過的天涯海角的那些故事。
在商業(yè)設計中，藍色也象征著科技、效率、理性。主色采用淡藍色，給用戶以溫馨舒適的旅游空間。

下圖展示顏色及應用場景說明

顏色系統(tǒng)

3.ICON視覺系統(tǒng)

輸入圖片說明

輸入圖片說明

4.字體系統(tǒng)

腳印app使用的字體是蘋方，它是一種中性的哥特式字體，擁有較強的可讀性

輸入圖片說明

輸入圖片說明

輸入圖片說明

5.圖片使用規(guī)范，注明圖片尺寸比例及應用場景

避免使用與旅行無關的，過于卡通的的照片作為標題圖。整體上應選擇各地的人文風光圖片，加以后期后才能使用。如果有對應的，比如城市專欄，則應選用相應的城市的圖片作為標題圖片。

圖片比例

• 首頁Banner滾動圖片的尺寸比例為2：1
• 首頁標題圖片尺寸比例為3：2

具體尺寸：

• Banner：376x188
• 首頁標題圖片：171x144

首頁滾動欄

首頁標題圖

圖片比例

• 相冊圖片尺寸比例為1：1
• 縮略地圖尺寸比例為3：2
• 社區(qū)標題圖片尺寸比例為16：9
• 我的訂單縮略圖比例為3：2

具體尺寸

• 相冊圖片：100x100
• 縮略地圖：330x220
• 社區(qū)標題圖片：144x81
• 我的訂單縮略圖：189x126

3in1

6.版式、欄高、邊距等尺寸規(guī)范、柵格系統(tǒng)說明

欄高1

欄高2

C.高保真原型圖

原型交互鏈接

原型圖

原型圖