由于智能手机以及平板电脑的快速发展,App呈现爆炸性的增长。App设计没有网页设计那么自由,但还是有不小可以发挥的余地。相比网页设计,App在设计上有诸多的限制,需要注意的要点很多。
App风格与系统风格统一
App是运行于iOS或者Android这些系统中,系统有其自身的设计风格,不论是iOS 6以及之前版本的拟物化风格,还是iOS7的扁平化风格,还是Android的Holo风格,整个系统所有界面在设计风格上是整体统一的形成一个整体。因此,在设计App的时候需要将设计风格与系统风格统一起来这个因素考虑进去。若在扁平化风格的iOS 7系统上运行一个重度拟物风格设计的App,就好比在繁华的时代广场突然出现一栋明清小楼,经典虽经典,但是和这个大环境格格不入。这里并不是讨论扁平化设计和拟物设计哪个好(尽管我站在扁平化设计这一边),而是要与系统风格保持统一,形成整体。
Image may be NSFW.
Clik here to view.
如果在iOS 7扁平化风格的系统上运行右边重度拟物风格的App,那是多么一番精神分裂的景象。因此,如果扁平化就全部扁平化,若是拟物化就拟物化走到底。
PPI对元素在屏幕上尺寸大小的影响
PPI的问题主要对Android系统的手机影响比较大,而对iOS设备而言影响微乎其微。首先,什么是PPI?PPI即Pixel Per Inch,每英寸的像素数。很好理解,如果PPI越高,每英寸的像素越多,单个像素在屏幕上的显示面积就越小。在iPhone和iPad上,各只有两种PPI,而且是2倍的关系,这在设计界面适配不同PPI的设备的时候变得比较好处理。
但是,在Android平台的机型中,各种屏幕尺寸各种分辨率应有尽有,因此就导致出现了无数的PPI。为了让App应用程序的界面在每一个Android手机上看起来都是一致的,因此需要针对各种分辨率进行适配,当然也不能完全做到100%。不同的PPI必须重新设定字体、边距等尺寸,否则会在不同的屏幕上显得大小不一,PPI越高元素的大小反而越小。在设计界面的时候需要考虑到一种分辨率有可能会对应哪些屏幕尺寸,为了让界面看起来协调,用户使用起来舒适,需要调整相关的界面元素,这是一项枯燥又费时的工作,而且并不能保证所有的机型都能保持一致。
文字内容的可识别性
文字内容的可识别性同样是受PPI的影响,但是文字承载的是内容,如果用户看不清则会影响使用,这是个大问题。在网页设计中,由于电脑显示器的PPI都比较低,而且基本都差不多,因此通常使用12-16号的字号是最普遍的,也是能够保证舒适阅读的。但是在手机上,越来越高的PPI则需要不断提高文字的字号,传统的网页设计的经验在这里不可行。由于安卓平台的PPI众多,最可靠的方法只有针对具有代表性的设备进行测试以找到最佳的字号。
跨平台的设计风格的统一性
如果一款App的规划中是包含多个平台,比如iOS,Android,甚至把Windows Phone也纳入支持的平台的话,那么跨平台的设计风格的统一性是非常需要注意的一个要点。每个平台都有自己独特的设计语言,要保证App在各个平台上看起来协调统一,同时在不同平台上的App本身又看起来协调统一,让用户不论在使用哪个平台的版本的App的时候都能一眼识别出来这是什么App,这是个很复杂的工作。Evernote是个很值得借鉴的例子,它支持多个平台,却取得不错的多平台间的统一性。并非要做到平台间的完全一致,只要在跨平台协调与系统协调之间取得一个平衡点,那么就是可行的。
iOS作为目前最流行最佳的平台,几乎所有的App都会开始以iOS版本为原型开始设计。一个通常容易犯得的失误就是,App中融入了过多的iOS系统的风格,而在跨平台的设计中,将iOS平台的风格带入Android甚至是Windows Phone又显得那么得“另类”,需要针对其他的平台再做调整,一来浪费了时间,二来就会导致跨平台的风格不一致性。
弹性布局
弹性布局其实应该是界面程序员所负责的工程,但是做为设计师也可以从弹性布局这个理念出发做设计。弹性布局的目的是为了在不同的分辨率或者屏幕比例下也能做到界面伸缩自如,整体界面不影响使用。技术不断在发展,未来分辨率越来越高,同时也有可能产生不同的比例,因此除了在调整PPI之外还需要对布局有所调整。而对于Android平台多如牛毛的设备而言,一个个去调试显然不切实际,因此使用弹性布局,使界面元素自适应不同的比例则是最佳的方案,后期维护的成本可以缩减不少。
当然,除了这些需要主要的要点之外,还有更多的设计原理等多种规则需要注意。总之,App设计看似只是一小块屏幕上的设计工作,但是其中的难度却不小。若要做好一个App的设计,需要考虑多方面因素才有可能做到最好。