以下剖析界面元素和手机硬件、界面元素和软件要求之间的关系,寻找设计思路。
手机操作方式 | 屏幕 | 处理能力 | 软件大小 | 适配性 | |
内容 | √ | ||||
交互 | √ | √ | |||
排版 | √ | √ | √ | ||
色彩 | √ | √ | √ | ||
动态效果 | √ | √ | √ |
|
手机操作方式(物理按键或者全触摸屏)、屏幕大小、处理能力受手机参数影响。
软件大小指的是e指通软件大小的硬指标。
适配性是一套界面设计方案仅可能适配更多机型。
1. 内容:指的是整个界面中包含的所有信息,界面上内容来源于流程图中限定每个界面完成的功能。内容受手机屏幕影响。a)屏幕:手机上每个界面显示的内容有限,最好每个界面完成单个任务,并保证用户能很流畅地操作,尽量避免字符输入。
2.交互:具体表现在用户如何选择主功能,如何选择子功能,如何退出软件等等。交互设计就是在既定的内容框架下,根据用户的使用习惯去安排界面上内容的显示顺序、显示方式和界面操作方式(静态)。交互主要受手机操作方式和处理能力影响。a) 手机操作方式:触摸屏比物体按键操作更方便,例如触摸屏的手机选择某个功能时,只选点击该功能即可,而物理按键的手机需要按手机上下键,再按手机确认键。b)处理能力:手机处理能力强,软件运行的更快,软件和用户之间的信息交互就更快。
3.色彩:指的界面上采用的色系及显示精度。界面色彩设计由主要受屏幕、软件大小和适配性影响。a)屏幕:屏幕的分辨率高,色彩区分更为明晰,细节更丰富,视觉效果更好。b)软件大小:软件大小有限制,例如JAR包必须在400K以下,界面设计就不能使用过多的图片,优先考虑程序自绘。现有界面设计主要采用图片横向填充,如使用2*25像素的图片,横向填充成240*25的背景图。c)适配性:为了保证软件的可适配性,界面设计尽量使用单向色彩渐变效果,如2*25的图片只有上下渐变效果。另外,参照手机QQ等软件和近期程序实现的情况上来看,设计上尽量少用圆角和半透明效果。
4. 排版:指的是界面上的整体布局,包括图片和文字的大小,图片和文字在界面中的位置。界面排版主要受操作方式、屏幕和适配性影响。a)手机操作方式:触摸屏可以使界面设计更为灵活,不拘泥于现有的界面设计这样上下或者左右排版。b)屏幕:屏幕大,界面排版可以宽松些,比如标题栏可以大些。c)适配性:尽量避免使用滚动条,最好是界面上的内容一屏能完全显示,如主界面上的子功能控制在7个以内。
5.动态效果:指界面切换的变化过程。动态效果受手机操作方式、处理能力和软件大小的影响。a)手机操作方式:多点触摸时,会增加动态效果。b)处理能力:手机处理能力强,可以增加复杂的动态效果。渐变效果要花费不少时间去编写,这部分设计和编程上都有点难度。c)软件大小:动态效果会增加程序负担,还有可能增加图片数目,势必增加软件大小。如果有动态效果,也要放在用户经常使用的界面上。
综合以上论述,当主流手机操作方式改变时,界面的交互、界面排版和动态效果就可以相应地调整;软件的大小可以增加时,界面色彩和动态效果也可能相应的调整。