
1.3 优秀App界面
Version:CS4 CS5 CS6 CC
想要设计出优秀的App界面,首先应该从设计团队入手。本章将为大家展示App设计与产品团队的关系。
有些人认为App设计就是一个独立的个体,只要由设计者单独设计出来就可以了,但是我们不能忽视一个问题——App界面同时也属于产品团队,如果没有产品团队的配合,最终也无法发挥界面的优势。因此,想要设计出优秀的App界面,要从了解团队开始。


1.3.1 优秀App界面的特点
智能手机的软件五花八门,界面的美观程度和友好程度也是良莠不齐,质量差的界面设计常常让用户在使用过程中摸不着北,下面让我们看看优秀的界面都应该具有哪些特点。

1.3.2 产品团队与设计师
关于产品团队人员的划分,我们将引用UI设计网上比较被认可的一种划分方式。
产品经理:产品团队的领头人物,对用户的需求进行细致的研究,针对广大用户的需求进行规划,然后将规划提交给公司高层,公司高层将会为本次项目提供人力、物力、财力等资源。产品经理常用的软件主要是PPT、Project和Visio等。
产品设计师:产品设计师主要在于功能设计方面,考虑技术是否具有可行性,常用软件有Word和Axure。
用户体验师:用户体验师需要了解商业层面内的东西,应该从商业价值的角度出发,对产品与用户交互方面的环节进行改善。常用软件有Dreamweaver等。
UI设计师主要是对用户界面进行美化,常用软件Photoshop、Illustrator等。
以上所进行的人员划分方式,是指在公司内部职责划分明确的前提下,并不是所有的公司都能做到职责划分明确。
1.3.3 项目中的App设计流程
在一个手机App产品团队中,通常App界面的设计者在前期就应该加入到团队中,参与产品定位、设计风格、颜色、控件等多方面的问题的讨论。这样做可以是设计者充分了解产品的设计风格,从而设计出成熟可用的App界面。

1.产品定位
产品的功能是什么?依据什么而做这样的产品?要达到什么影响?
2.产品风格
产品定位直接影响产品风格。根据产品的功能、商业价值等内容,可以产生许多不同的风格。若产品是以面向人群为定位,那产品的风格应该是清新、绚丽的:若产品是以商业价值为定位,那产品的风格应该是稳重和大气的。
3.产品控件
用下拉菜单还是下拉滑屏,用多选框还是滚动条,控件的数量应该限制在多少个比较好等。
4.制订方案
当产品的定位、风格和控件确定后,就需要开始制订方案,一般情况下,我们需要做出两套以上的方法,以便于对比选择。
5.提交方案
将方案提交后,邀请各方人士来进行评定,从而选出最佳方案。
6.选定方案
将方案选定以后,就可以根据效果图开始进行美化设计了。
1.3.4 设计灵感
在原型完成后,就可以进行视觉设计。通过视觉的直观感觉为原型设计进行加工,比如,可以在某些元素上进行加工,如文本、按钮的背景、高光等。
在没有想法的时候,可以多看看其他优秀的App设计,来为自己的设计找些灵感。
