APP產品設計流程遵循這樣幾個步驟：
- 需求分析
- 原型設計
- 交互Demo
- 用戶測試
- 視覺界面
- 切割編碼
- 發(fā)布跟蹤
上一篇完成了交互設計，這一篇開始針對后續(xù)步驟繼續(xù)進行制作。
風格&色彩
根據內容確定風格，內容是全家旅行，所以風格確定為歡樂、健康、活潑，主色調采用向日葵黃。
還要選取幾種輔色，主要用于背景、文字、提示信息。
Screen Shot 2017-01-07 at 14.08.00.png
字體
中文字體則選擇方正蘭亭黑這種適合界面呈現、易于讀取的字體，樣式平滑；
英文字體選擇蘋果電腦的默認字體Helvetica Neue，樣式平滑；
圖標
圖標力求簡潔、優(yōu)雅、圓潤。
以下所有圖片均從百度下載，只限個人練習使用，如涉及版權問題可立即刪除。
圖片選擇
雖然僅為展示用，但是圖片的選擇上還是會有很多講究。比如所有圖片整體的色彩，我選擇大背景為天空藍。當然所有的圖片均經過調色，去除偏紅或偏綠的色調，整體向偏亮、偏藍色方向調，使畫面給人感覺干凈而且明亮。
配色
配色方面，力求每個畫面都含有主色調向日葵黃，但又不會占據太大的空間，避免產生像阿里飛豬那樣的促銷頁面的感受，使界面色澤通透不失主旋律。
3.jpg
界面分析
1. 主頁
主頁要展示最核心內容：旅行游記。每篇游記除了顯示封面圖片，還會顯示標題、旅行時間、地點、成員。
首頁左上角顯示主題LOGO。
2. 游記詳情頁
顯示：
- 游記題目；
- 作者頭像及名稱，可關注；
- 時間、地點、團隊成員；
- 游記詳細內容，每張圖片可點贊、可評論，這一點借鑒面包旅行；
3. 朋友圈
顯示：
- 朋友頭像、名稱；
- 內容、發(fā)布時間；
- 可點贊、可評論；
- 朋友圈內容包括四方面：游記、全家福、旅行貼士、旅行計劃；
4. 旅行貼士
顯示的是我關注的、最熱門的旅行貼士；
可點贊，可評論；
5. 我的主頁
顯示：
- 我的名稱、頭像等個人信息；
- 我的關注和我的粉絲；
- 我的點贊和評論；
- 我的私信；
- 我發(fā)布的四類內容，以Tab頁的形式呈現：游記、全家福、旅行貼士、旅行計劃；
6. 我的游記詳情頁
顯示游記的詳細內容、點贊和評論；
7. 登錄頁
可通過手機號、密碼登錄；
也可使用第三方賬戶登錄；
8. 旅行貼士查找頁
顯示最近熱門的旅行貼士類別，更方便用戶一鍵定位；
9. 我喜歡的
顯示我收藏的和喜歡的內容。
10. 我的設置
可修改頭像、密碼等等，包含常用到的設置；
11. 創(chuàng)建旅行游記
填寫游記名稱、上傳照片，等等。
未完待續(xù)，請廣泛提出意見和建議。
