联想上门无忧app引导页设计


上门无忧

上门无忧

上门无忧app是联想为上门服务的工程师们提供记录工单状态、查询备件信息、知识库学习等的一款应用。主要分为“工单、备件、学习、我的”四个模块,工单主要为工程师提供每一单服务的详细记录,工程师需要确认服务的每一个过程,从而确保服务质量;备件主要是服务中的更换备件信息;学习即知识库,工程师可在其中搜索到各类相关问题;我的——工程的个人信息页面。

于工程师:可以帮助工程师记忆,为工程师提效减负。

于公司:可以更好的管理每一个工程师,直接为工程师推送通知、对服务交付的细节进行考核。收集用户信息。

于用户:可以反馈回来的数据,提前知晓哪个工程师将于何时到达,为他进行服务。


引导页设计


主要功能1-确认服务流程

现在出发/确认到达现场/确认离开现场/确认服务完成

主要功能2-关键信息提醒

客户类型、问卷信息、SLA

主要功能3-知识库学习

搜索关键词、文档分类、相关技术通报

从上图可以看出,整个引导页的设计以突出app的主要功能为目的,以粉灰色为基调,而风格则偏向扁平简约。这主要是考虑到app的设计风格也是简约为主,以红灰为主色调,多表单信息等。

引导页中所使用的颜色,大部分都有app中直接提取,再加上一些同色调的辅助色。

细心的人可能会发现,最后一张主体部分的红不如其他两张的颜色重。这是出于面与线的区别考虑,本身面看起来就比线要重,所有选择适当将面的颜色调亮,来保持平衡。


app页面展示(同事做的)

在引导页选择方案的时候,大家都更偏向于简约清新的风格,起初想做的温馨一点,着重体现工程师们的贴心服务,后来考虑到app的使用者是工程师们,所以更换为以突出功能为主。


自如引导页

最开始,大家都很喜欢自如这种小清新的手绘风格,色彩温暖,绘画精细,风格突出(个人觉得相比较图来说,字排的不太好看)。就个人而言,我也是想尝试一下这样的风格的。

看过整套,就会发现,其实这套引导页它所有的图画与文字的关联性并没有那么大,换句话说,也就是把图形放到其他的话术下,也是没有问题的。


自如引导页套图

而这次引导页的设计中,应该可以看到,每个页面的话术与图形的关联性极强。当然,我的这套引导页的设计也是借鉴了其他设计的,如下图:


参考引导页

上图是我在作图前的参考页面,都说天下设计一大抄,在开始一个新项目时,大部分的设计师都会选择到花瓣、千图、UI中国、站酷等各类设计网站上找素材,或者寻找所谓的“灵感”,这样的学习形式其实也挺好的,多去看,发现美的东西并去研究和学习,这也是提升自己的一种方法,但关键是怎么样把别人的东西变成自己的东西。

显然,我还做的不够。需要更多的思考,这也算是一次尝试吧,尝试分析作品,去看自己的不足。

可以看到,我几乎是整个借鉴了这个引导页的风格、形式等,但是具体的内容有很多区别,也做了一些改进。

例如,上图整套的设计都是以山和云为背景,但实际上这跟它所表现的内容,是没有任何关系的,所以只是单纯的背景。

而我在做的过程中,力求能够将背景和主题结合起来,起初的两张关联性都还不够,做到最后一张的时候,基本上是有密切的相关性了。

例如,力求风格、元素、颜色上的更加统一,希望能关注更多的细节等等。


结束语

曾经有一个设计师问我(其实是一次面试),你临摹这个icon,你知道它哪里做的好么?你知道它所在意的细节是什么吗?问的我一脸懵圈,说实话,在临摹的时候我确实没有去考虑它到底为什么好看,于是我只能老实的回答说不知道,并向他请教。

面试官很好,是一个很厉害的设计,于是开始跟我分析那套icon好在什么地方,注意的细节是哪里。于是我知道了,一个高UI跟一个入门级UI的区别在哪里,希望终有一日,我也可以成长到想要的样子。

其实我一般不喜欢分享自己的设计,因为觉得做得还不够好,献丑咯!

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,407评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 女儿2岁后,很明显的变化。就是“我要……”,强调自我意识。目前我通过转移注意力、假装比赛,比前期情况好多了。但上...
    Brendamin阅读 256评论 0 0
  • 烟酒为伴 不知已经静静地在这里多长时间,只看见一堆烟蒂和几个空瓶。 静静地坐着,望着手中燃烧的烟头,又看看杯中所剩...
    MrME_Lee阅读 338评论 0 0
  • 铺天盖地白皑皑, 蒙古包外马犹在。 寒鬃雪蹄驮诗去, 冰肌玉骨入画来。
    珠江潮平阅读 337评论 6 10