UI--旅行类手机APP设计（二）

APP产品设计流程遵循这样几个步骤：

1. 需求分析
2. 原型设计
3. 交互Demo
4. 用户测试
5. 视觉界面
6. 切割编码
7. 发布跟踪
   上一篇完成了交互设计，这一篇开始针对后续步骤继续进行制作。

风格&色彩

根据内容确定风格，内容是全家旅行，所以风格确定为欢乐、健康、活泼，主色调采用向日葵黄。
还要选取几种辅色，主要用于背景、文字、提示信息。

Screen Shot 2017-01-07 at 14.08.00.png

字体

中文字体则选择方正兰亭黑这种适合界面呈现、易于读取的字体，样式平滑；
英文字体选择苹果电脑的默认字体Helvetica Neue，样式平滑；

图标

图标力求简洁、优雅、圆润。

以下所有图片均从百度下载，只限个人练习使用，如涉及版权问题可立即删除。

图片选择

虽然仅为展示用，但是图片的选择上还是会有很多讲究。比如所有图片整体的色彩，我选择大背景为天空蓝。当然所有的图片均经过调色，去除偏红或偏绿的色调，整体向偏亮、偏蓝色方向调，使画面给人感觉干净而且明亮。

配色

配色方面，力求每个画面都含有主色调向日葵黄，但又不会占据太大的空间，避免产生像阿里飞猪那样的促销页面的感受，使界面色泽通透不失主旋律。

3.jpg

界面分析

1. 主页

主页要展示最核心内容：旅行游记。每篇游记除了显示封面图片，还会显示标题、旅行时间、地点、成员。
首页左上角显示主题LOGO。

2. 游记详情页

显示：

1. 游记题目；
2. 作者头像及名称，可关注；
3. 时间、地点、团队成员；
4. 游记详细内容，每张图片可点赞、可评论，这一点借鉴面包旅行；

3. 朋友圈

显示：

1. 朋友头像、名称；
2. 内容、发布时间；
3. 可点赞、可评论；
4. 朋友圈内容包括四方面：游记、全家福、旅行贴士、旅行计划；

4. 旅行贴士

显示的是我关注的、最热门的旅行贴士；
可点赞，可评论；

5. 我的主页

显示：

1. 我的名称、头像等个人信息；
2. 我的关注和我的粉丝；
3. 我的点赞和评论；
4. 我的私信；
5. 我发布的四类内容，以Tab页的形式呈现：游记、全家福、旅行贴士、旅行计划；

6. 我的游记详情页

显示游记的详细内容、点赞和评论；

7. 登录页

可通过手机号、密码登录；
也可使用第三方账户登录；

8. 旅行贴士查找页

显示最近热门的旅行贴士类别，更方便用户一键定位；

9. 我喜欢的

显示我收藏的和喜欢的内容。

10. 我的设置

可修改头像、密码等等，包含常用到的设置；

11. 创建旅行游记

填写游记名称、上传照片，等等。

未完待续，请广泛提出意见和建议。