App界面设计流程和视觉页面布局
发布日期:2016-10-07 19:39:31
一、明确传达主旨
优秀的APP界面视觉设计首先是能够非常明确的传达这个APP的主旨的,说白了就是这个APP是用来干什么的。产品必须是一个优雅的整体,产品的设计必须是由内而外的统一、协调,像万万没想到里的孔女神一般只存在于电影或者游戏当中。所以,色彩、图案、形态、布局等的选择必须与APP的功能、情感相呼应,务必做到一脉相承,零时间传达APP的概念。

二、有特点、吸引人
优秀的APP界面视觉设计是有特点的、吸引人的,特别是在第一眼的时候。当然这必须先满足上面那一点,而不是单纯的为了搏眼球、搏出位。整个设计过程会是一场微妙的博弈与平衡,以达到一种魅力的素雅的耐看的境界。

三、体谅用户
优秀的视觉设计师是能够体谅用户的。每做一个决定的时候,都是从用户的角度出发,而不是总是陷入无限的自我的陶醉或者情怀当中。

四、精通多种风格
优秀的视觉设计师是熟悉精通多种风格的。用户是多样的,需求是多种的,流行是会随着时间变化的,APP的视觉有什么理由不做出必要的改变呢?

五、个人理念
优秀的视觉设计师是有自己的理念的。这种理念不会是狭隘的扁平化或者拟物化,这些只是表象的手段。这种理念应当是基于它是如何有益于用户的,又或者给用户带来什么样的好处,获得了什么样的启发,或许是生理上的,或许是情感上的。

App界面设计流程和视觉页面布局

完整的流程,分层次设计,自下而上去完成
  1.策略层,定义产品使命、价值、目标人群
  2.愿景/功能层:定义核心场景、功能列表
  3.结构层:做流程图、信息架构,确定主导航、主菜单
  4.框架层:梳理每一个主界面的内容、布局
  5.表现层:视觉设计,涉及图标、配色、切图。
  产品经理主要关注1~2,在去找设计师之前,请先问自己以下几个问题,以保证需求明确:
  产品给用户带来的价值是什么?
  竞品有什么?我们做这个有什么优势?
  为什么样的用户而做?
  用户会在什么样的场景下使用这个产品?
  要完成这个产品,最大的瓶颈是什么?是技术攻关?体验出彩?还是运营资源?
  交互设计师主要关注3~4,在交付方案之前请先不断问自己以下几个问题,以保证体验质量:
  该界面要求用户完成的最重要的任务是什么?
  这是最简单的解决方案吗?
  信息是否组织得当?
  设计是否易用且一目了然?
  标准是否一致?
  能否减少用户点击次数?
  视觉设计师主要关注5,在与产品经理PK之前请先不断问自己以下几个问题,以保证减少返工:
  界面上需要突出的重点是什么?是否进行了有效的突出?
  界面上一共有几个层级,是否用清晰的视觉语言予以展现?
  同样层级、同样性质的元素是否用了一致的设计语言?
  主色调、材质,是否符合整体品牌感?
  细节有无丢失?按钮点击态、反馈、缺省状态、字数超出、加载中、未加载态、加载失败态,是否都提供了?
  另外,合作不易,三个角色分别需要注意的问题:
  对于产品经理:
  1.APP 的设计,不要只看竞争对手确定自己的定位,不要“因为竞品A和B没有做到,所以我们要做比A和B更牛B的XX功能”,而是要以用户为导向,思考自己为客户 提供的价值。在向其他人描述你的想法时,请用这样的句式来描述和思考:XXX这一类型的人在XXX的时候、XXX的环境下,想要做XXX事情,遇到了 XXX问题。而我们这个APP能够通过XXXX方式巧妙的帮助他解决了这个问题。
  2.不要直接拿线框图给交互设计师看,直接描述你的需求即可,描述清楚。让设计师知道你的目标是什么,接下来让交互去画原型,让更专业的人做专业的事。
  3.不要太纠缠视觉,对于一些无关紧要的细节,该放手就放手,尽量减少提出主观意见。
  4.别太迷信用户反馈,能提反馈的,大部分都是粉丝、深度用户、高级用户,他们代表不了全部用户的心声。
  5.让开发主管去评估工作量,如果对某一部分工作量的评估觉得时间太长,就把它拆分成子任务。
  6.每周对一到两次开发成果,别频繁的去打扰人家。
  7.bug不断发现,不断修复,发现/修复率小于1,才开始变得可控了,才能确定bug的具体规模并精准预测发布日期
  8.少做少错,新版本尽量别加太多锦上添花的功能,满足最核心的就行了。
  对于交互设计师:
  1.不要一提商业化就头疼,谁不想做一个干干净净没广告的APP ? 别老想着高大上,目标最重要。通过你的设计,让用户消无声息的贡献点击,让商业化变得人性化,这才是你的本事。
  2.别太窝囊,别产品说怎么改,就怎么改,要跟他争,把自己当成产品的owner,产品的数据、规划,你全都要知道,这样信息对等了,才有话语权,才能有机会站在用户角度提供人性化的设计建议,否则只能是个画线框图的。
  对于视觉设计师:
  1.简洁不等于好(在业界大谈特谈简约至上的风气下,一定有人对这句有疑问,不细解释,请自行先翻一下诺曼的《如何管理复杂》这本书)。符合用户的心智模型,让人一目了然,才是好。
  2.别做一大堆方案,ABC方案抛出去让人选,这样累不累?自己先判断哪一个方案最好,把它做到自己满意、可行、拿得出手,就行了,不要沦为美工。
  3.给开发的视觉稿,先自己想一下,布局如何实现,不同屏幕尺寸如何适配。如果有动画效果,别天马行空的描述,能做出动画示意最好,做不出来,也找一个靠谱的示意。别让开发gg太上火。

上一记录:真正轻量化的移动App设计
下一记录:移动APP的交互设计差异化

打造极简风APP UI的实用设计技巧
打造极简风APP UI的实用设计技巧
随着用户对UI的喜好开始偏向简约,设计师有必要将整个UI简化剥离至基本状态,因为保留关键元素才是成功的钥匙。从某种意义上说,极简主义的
2017-07-05 10:11:46
专业的APP开发公司需要具备四条件
专业的APP开发公司需要具备四条件
。据有关统计数据表明每一个智能手机至少会装10个以上的手机APP,因此,APP开发公司提供了一个广阔的发展前景。市面上也出现了诸多的草根与
2017-06-16 22:45:49
手机商城APP开发有何优势
手机商城APP开发有何优势
现今,谁的手机里,没几个商城APP应用,说出去绝对会笑死个人,在全民移动互联网时代,手机商城APP开发,被越来越多的企业所追捧,那么手机
2017-06-16 22:09:40
APP开发者如何进行微互动设计
APP开发者如何进行微互动设计
微互动设计的定义微互动设计简而方之就是围绕常见功能(如点击或喜爱按钮),更改设置,填写表单或执行其他操作的单一操作。这些微互动设计是
2017-05-09 23:22:14
App开发UI设计需注意四细节
App开发UI设计需注意四细节
精美的UI视觉设计不仅为其手机软件的开发自身加分,也为企业的形象加分,UI视觉设计越来越被重视。而手机App软件开发的UI设计要想去吸引用
2017-05-09 23:02:35
那些打动人心的APP设计
那些打动人心的APP设计
能用、好用、爱用,这三个层次往往被用来形容互联网产品。能用是基础,说明用户可以通过该产品来解决实际问题;好用是每个互联网从业者都在
2017-05-09 08:49:38
App开发前规划十分重要
App开发前规划十分重要
不可否认,手机是当今世界上引领潮流的趋势,而手机App应用在市场上如火如荼地发展,大型的全球化企业和中小企业都把手机软件开发纳入到他
2017-05-08 08:44:41
手机教育APP开发 功能和难点详解
手机教育APP开发 功能和难点详解
有关内容的创业逐渐多了起来。付费内容成为了焦点话题,应运而生的各类教育APP层出不穷。那么,教育APP的开发难点在哪里?如何开发出一款高
2017-04-10 09:16:48
教你做好App端的banner设计
教你做好App端的banner设计
一切不以传达有效信息、有效传达信息为目的的banner都是耍流氓。世界要看脸,App也要看banner,作为一条与用户连接的关键纽带,门面当然要
2016-12-14 21:33:07
如何增加APP运营曝光的机会
如何增加APP运营曝光的机会
  如果把APP市场当做好莱坞,那么APP开发就是电影制作,很多人都想开发成功的明星产品,明星产品的成功是企业APP开发人员漫漫艰辛历程的
2016-12-01 19:00:22
叶老设计
Copyright ©2015-2016 cnyelaw.com All Rights Reserved 叶老设计 版权所有 网站地图 备案:湘ICP备16009065号
网站设计 长沙网站建设 长沙网站设计 长沙网站制作 长沙做网站 长沙建网站 长沙网站建设公司 长沙网站设计公司 网站建设公司 网站设计公司 长沙商城网站建设 长沙微网站制作