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. 创建旅行游记

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,265评论 6 490
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,078评论 2 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 156,852评论 0 347
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,408评论 1 283
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,445评论 5 384
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,772评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,921评论 3 406
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,688评论 0 266
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,130评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,467评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,617评论 1 340
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,276评论 4 329
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,882评论 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,740评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,967评论 1 265
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,315评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,486评论 2 348

推荐阅读更多精彩内容

  • 这个题目好像有点大,对于刚刚学设计的我来说,也是一个挑战,我想这也是每一个想从设计爱好者转变为设计从业者,所必须要...
    Sophia的博客阅读 1,395评论 0 4
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,727评论 22 665
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,059评论 4 62
  • 1.黑白系列创作的动机? A4大小的黑卡系列是我16年7月份创作的主题。想用最简单的材质表达纯粹静谧的感觉。表现手...
    静然说秩序生活阅读 777评论 3 11
  • 昨天晚上因为一件小事,对妍宝采取了暴力行为。看着小小的她无助的坐在地上抽抽泣泣,心里特别的后悔,刚才自己气急败坏的...
    夏花争妍阅读 181评论 0 1