Photoshop移动UI设计
上QQ阅读APP看书,第一时间看更新

1.3 手机界面设计的原则

随着科技的不断发展,手机的功能变得越来越强大,基于手机系统相关的软件应运而生。手机设计的人性化已不仅仅局限于手机硬件的外观,手机界面设计的要求也在日渐增长,由于要求越来越高,手机界面设计的规范性就显得尤为重要。

1.3.1 界面效果的整体性和一致性

手机软件运行基于操作系统的软件环境,界面设计基于这个应用平台的整体风格,这样有利于产品外观的整合。

•界面的色彩及风格与系统界面统一

软件界面的总体色彩应该接近和类似系统界面的总体色调。一款外观与系统界面不统一的手机,会给用户带来不适感。合理地结合系统界面设计包括图标、按钮的风格及在不同操作状态下的视觉效果。

•操作流程系统化

因为手机用户的操作习惯是基于系统的,所以在界面设计的操作流程上要遵循系统的规范性,让用户会用手机就会使用软件,简化用户的操作流程。如图1-4所示。

图1-4 界面效果的整体性和一致性

1.3.2 界面效果的个性化

设计时除了要注意界面的整体性和一致性,也要着重突出软件界面的个性化。整体性和一致性是基于手机系统视觉效果的和谐统一考虑的,个性化是基于软件本身的特征和用途考虑的,如图1-5所示。

图1-5 界面效果的个性化

•特有的界面构架

软件的实用性是软件应用的根本。在设计界面时,应该结合软件的应用范畴,合理地安排版式,以求达到美观适用的目的。这一点不一定能与系统达成一致的标准,但它应该有它的行业标准。界面构架的功能操作区、内容显示区、导航控制区都应该统一范畴,不同功能模块的相同操作区域的元素风格应该一致,使用户能迅速掌握对不同模块的操作,从而使整个界面统一在一个特有的整体之中。

•专用的界面图标

软件的图标按钮是基于自身应用的命令集设计的,它的每一个图形内容映射的是一个目标动作,因此作为体现目标动作的图标,它应该有强烈的表意性。制作过程中选择具有典型行业特征的图标,有助于用户识别,方便操作。图标的图形制作不能太烦琐,要适应手机显示面积很小的屏幕,在制作上尽量使用素图,确保图形清晰。如果针对立体化的界面,可考虑部分像素羽化,以增强图标的层次感。

•界面色彩的个性化设置

色彩会影响一个人的情绪,不同的色彩会让人产生不同的心理效应;反之,不同的心理状态所能接受的色彩也是不同的。不断变化的事物才能引起人的注意,界面设计色彩的个性化,目的是通过色彩的变换协调用户的心理,让用户对软件产品时常保持一种新鲜感。

1.3.3 界面视觉元素的规范

•线条色块与图形图像的结合

界面上的线条与色块后期都会用程序来实现,这就需要考虑程序部分和图像部分的结合。自然结合才能达到界面效果的整体感,所以需要程序开发人员与界面设计人员密切沟通,达成一致。

•图形图像元素的质量

尽量使用较少的颜色表现色彩丰富的图形图像,既确保数据量小又确保图形图像的效果完好,提高程序的工作效率,如图1-6所示。

图1-6 界面视觉元素