APP产品设计流程遵循这样几个步骤：
- 需求分析
- 原型设计
- 交互Demo
- 用户测试
- 视觉界面
- 切割编码
- 发布跟踪
上一篇完成了交互设计，这一篇开始针对后续步骤继续进行制作。
风格&色彩
根据内容确定风格，内容是全家旅行，所以风格确定为欢乐、健康、活泼，主色调采用向日葵黄。
还要选取几种辅色，主要用于背景、文字、提示信息。
Screen Shot 2017-01-07 at 14.08.00.png
字体
中文字体则选择方正兰亭黑这种适合界面呈现、易于读取的字体，样式平滑；
英文字体选择苹果电脑的默认字体Helvetica Neue，样式平滑；
图标
图标力求简洁、优雅、圆润。
以下所有图片均从百度下载，只限个人练习使用，如涉及版权问题可立即删除。
图片选择
虽然仅为展示用，但是图片的选择上还是会有很多讲究。比如所有图片整体的色彩，我选择大背景为天空蓝。当然所有的图片均经过调色，去除偏红或偏绿的色调，整体向偏亮、偏蓝色方向调，使画面给人感觉干净而且明亮。
配色
配色方面，力求每个画面都含有主色调向日葵黄，但又不会占据太大的空间，避免产生像阿里飞猪那样的促销页面的感受，使界面色泽通透不失主旋律。
3.jpg
界面分析
1. 主页
主页要展示最核心内容：旅行游记。每篇游记除了显示封面图片，还会显示标题、旅行时间、地点、成员。
首页左上角显示主题LOGO。
2. 游记详情页
显示：
- 游记题目；
- 作者头像及名称，可关注；
- 时间、地点、团队成员；
- 游记详细内容，每张图片可点赞、可评论，这一点借鉴面包旅行；
3. 朋友圈
显示：
- 朋友头像、名称；
- 内容、发布时间；
- 可点赞、可评论；
- 朋友圈内容包括四方面：游记、全家福、旅行贴士、旅行计划；
4. 旅行贴士
显示的是我关注的、最热门的旅行贴士；
可点赞，可评论；
5. 我的主页
显示：
- 我的名称、头像等个人信息；
- 我的关注和我的粉丝；
- 我的点赞和评论；
- 我的私信；
- 我发布的四类内容，以Tab页的形式呈现：游记、全家福、旅行贴士、旅行计划；
6. 我的游记详情页
显示游记的详细内容、点赞和评论；
7. 登录页
可通过手机号、密码登录；
也可使用第三方账户登录；
8. 旅行贴士查找页
显示最近热门的旅行贴士类别，更方便用户一键定位；
9. 我喜欢的
显示我收藏的和喜欢的内容。
10. 我的设置
可修改头像、密码等等，包含常用到的设置；
11. 创建旅行游记
填写游记名称、上传照片，等等。
未完待续，请广泛提出意见和建议。
网友评论