论文部分内容阅读
1.以用户为中心的设计
作为广泛应用的电子通讯产品，手机的界面是用户与手机进行信息输入输出的媒介，好的手机界面不仅要能准确地表达手机的功能，而且要能适应用户的认知特性和行为特性，要能引导用户进行正确、舒适的操作。但是，为年轻人设计的手机设计理念，导致了手机在儿童人群中普及的极大困难。随着80，90身为父母，家长们送给孩子的礼物，也已经不再局限于玩具、新衣服。ipad等智能终端产品已经成为越来越多的家长的选择。本设计采用“以用户为中心”的设计方法，通过分析产品的目标用户—学龄儿童的认知特性，行为方式和需求，设计一款关于学龄儿童的手机界面。设计流程如图1所示。
2.简洁明快突出主题
首页是我们进入一个手机界面开始，因此手机界面的成功与否直接影响到用户的使用，决定用户是否会继续使用。要想让用户满意，就要帮助他们找到需求内容，理解内容，可以流畅操作。并且还有一个前提是在用户能忍受的手机界面浏览过程中所需要的时间和脑力。，手机主页的功能和性质就是提供入口。用户想要的信息，尤其是具体内容，不可能在主页上完全出现。他们必须通过各个界面按钮进行到下一个手机界面，而后再选择直到最后获取信息。简洁的手机界面让用户感觉方便简洁的使用感，在通向下一个手机界面，简洁明确的主题风格是不可缺少的。
3.简单清晰的视觉感设计
每个人对于信息的获取不会完整进入大脑，如同平时看报纸一般，对信息的获取总是都是带有选择性的。用户的视觉流程总是趋向于简单而快速，就像一个四处游弋寻找猎物的鲨鱼，用户只要找到有趣的或大致符合要找的内容就开始点击进入了，即使不成功就后退。人的习惯于追求满意策略，也就是用户寻求的不是最佳选择，而是大致满意。因此在手机界面设计中，要简化视觉设计，提供简单易懂的分类和视觉引导，能让用户的注意力集中起来（见附图2）
认知心理学证明人的思维和感知是井然有序的，大脑就是一个超级模式处理计算机，能在密集的信息中进行视觉模式处理，视觉系统按照视觉提示将信息做优先级处理，形成人脑易于识别和记忆的信息流。这就是我们能快速有效处理视觉信息的机制，视觉提示就是视觉的层次关系，层次越清楚，大脑做出判断的反应越快，对信息的捕捉力越强。手机视觉界面的设计应根据人的这种视觉处理模式来展开，运用视觉属性将元素分组，创造清晰的视觉层次。
一、视觉属性包括颜色和形状，可明确定义的区域就是做到每个内容版块在功能和逻辑上都是合理的，在视觉上也是能清楚区分的。在PicLab是一个滤镜相机类的APP，背景就理所当然的运用了由许多照片拼凑而成的Metro风格图片。但如果直接使用，背景会显得比较抢镜，所以铺上一层模糊的色彩也是不错的选择。（见图3）将视觉层次提升至最高，按钮都用最亮的颜色，提示用户点击。通过对色彩的合理组织，手机界面给用户引导出了正确清晰的视觉层。
二、突出重点加强对比，比如，Moves是最近比较热门的一款运动类应用。绿色代表健康和积极向上，在黑色的衬托下，少量的荧光绿更是显得很出众。APP还使用了时间轴的计算方式，让用户一目了然，对自己的运动情况了如指掌。（见图4）
三、内容具有逻辑关系的部分在视觉上也统一起来，如无印良品一向以极简著称，甚至极简到没有logo，所有的东西都崇尚原汁原味，不添加任何修饰，这样的理念也被带到了自家APP的界面设计中。简单的东西总会让人看起来舒适宁静。（如图5）
4.手机界面统一性
手机界面除了主界面还包括许多子界面，界面视觉的一致性原则就是指主界面和子界面之间的视觉风格必须统一。手机界面的总体色彩应该与系統界面的总体色调相协调。在众多的手机软件产品中都涉及到自定义界面下载，那么在设计中色彩搭配显得尤为重要，必须考虑图符色彩与换肤色彩之间效果的统一。如蓝色的手机外壳，屏幕上却搭配大红的默认字体或底色，既让用户感到不舒服，更影响手机的品牌形象。在手机界面的色彩设计上，妥当运用色彩这种感性元素协调各要素之间的关系，使形态和功能特点得到突出，达到明确产品特征，强化诉求的目的。一般采用对比统一的艺术处理手法使界面色彩达到和谐化设计，用强化明度对比、纯度对比、色相对比、色调对比等来着重强调主题，体现产品设计的艺术风格统一性。
5.简单干净配色
手机界面配色必须以有效传达信息、帮助用户阅读为目的。高效的信息交流是简单而又直接的。在手机界面中出现过多的色彩，在视觉影响和艺术表达往往都适得其反。手机界面的主色调是用户对界面的第一印象，因此在设计用色上要充分考虑大部分人对色彩的情感联想和心理暗示。如学龄儿童的手机界面需要简单，耀眼的色彩来表现，图标的颜色要简单干净的表现，在图标这块我认为各个平台需要达成一致性，如果产品是在快速发展的情况下，图标达成一致不仅不会影响整体美观也提高了效率。（如图6）
6.手机界面文字的精简
文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。手机界面的字体设计直接影响到界面的风格，字体标准的选择依据操作系统类型决定，应当使用与其界面视觉风格统一标准的字体，避免零乱，使人易认、易懂，切忌为了设计而设计。通用的字体最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整个页面使用一些特殊字体，这样读者阅读起来感觉一定很差。特殊字体如果在页面上大量运用，会使得用户使用费力，用户的眼睛很快就会疲劳，不得不转移到其他页面。手机界面中字体的选择，还应考虑界面的大小，使两者大小比例协调。对于触摸屏手机来说，由于其屏幕较大，文字可以适当放大，不仅从形式比例上考虑，同时也方便了操作的精简。
参考文献
[1] [中]交互设计 简约之上
[2]（中）王受之.世界平面设计史[M].中国青年出版社，2002.9
[3]（美）Robert Hoekman，Jr.瞬间之美---Web 界面设计如何让用户心动[M].人民邮电出版社，2009
[4] 《大众文艺》杂志文献 包装工程，2007
[5]（中）梁景红.设计师谈网页设计思维[M].电子工业出版社，2006
[6]（中）李清.见微知著：Web 用户体验解构[M].机械工业出版社，2010
（作者单位：大连工业大学）
作为广泛应用的电子通讯产品，手机的界面是用户与手机进行信息输入输出的媒介，好的手机界面不仅要能准确地表达手机的功能，而且要能适应用户的认知特性和行为特性，要能引导用户进行正确、舒适的操作。但是，为年轻人设计的手机设计理念，导致了手机在儿童人群中普及的极大困难。随着80，90身为父母，家长们送给孩子的礼物，也已经不再局限于玩具、新衣服。ipad等智能终端产品已经成为越来越多的家长的选择。本设计采用“以用户为中心”的设计方法，通过分析产品的目标用户—学龄儿童的认知特性，行为方式和需求，设计一款关于学龄儿童的手机界面。设计流程如图1所示。
2.简洁明快突出主题
首页是我们进入一个手机界面开始，因此手机界面的成功与否直接影响到用户的使用，决定用户是否会继续使用。要想让用户满意，就要帮助他们找到需求内容，理解内容，可以流畅操作。并且还有一个前提是在用户能忍受的手机界面浏览过程中所需要的时间和脑力。，手机主页的功能和性质就是提供入口。用户想要的信息，尤其是具体内容，不可能在主页上完全出现。他们必须通过各个界面按钮进行到下一个手机界面，而后再选择直到最后获取信息。简洁的手机界面让用户感觉方便简洁的使用感，在通向下一个手机界面，简洁明确的主题风格是不可缺少的。
3.简单清晰的视觉感设计
每个人对于信息的获取不会完整进入大脑，如同平时看报纸一般，对信息的获取总是都是带有选择性的。用户的视觉流程总是趋向于简单而快速，就像一个四处游弋寻找猎物的鲨鱼，用户只要找到有趣的或大致符合要找的内容就开始点击进入了，即使不成功就后退。人的习惯于追求满意策略，也就是用户寻求的不是最佳选择，而是大致满意。因此在手机界面设计中，要简化视觉设计，提供简单易懂的分类和视觉引导，能让用户的注意力集中起来（见附图2）
认知心理学证明人的思维和感知是井然有序的，大脑就是一个超级模式处理计算机，能在密集的信息中进行视觉模式处理，视觉系统按照视觉提示将信息做优先级处理，形成人脑易于识别和记忆的信息流。这就是我们能快速有效处理视觉信息的机制，视觉提示就是视觉的层次关系，层次越清楚，大脑做出判断的反应越快，对信息的捕捉力越强。手机视觉界面的设计应根据人的这种视觉处理模式来展开，运用视觉属性将元素分组，创造清晰的视觉层次。
一、视觉属性包括颜色和形状，可明确定义的区域就是做到每个内容版块在功能和逻辑上都是合理的，在视觉上也是能清楚区分的。在PicLab是一个滤镜相机类的APP，背景就理所当然的运用了由许多照片拼凑而成的Metro风格图片。但如果直接使用，背景会显得比较抢镜，所以铺上一层模糊的色彩也是不错的选择。（见图3）将视觉层次提升至最高，按钮都用最亮的颜色，提示用户点击。通过对色彩的合理组织，手机界面给用户引导出了正确清晰的视觉层。
二、突出重点加强对比，比如，Moves是最近比较热门的一款运动类应用。绿色代表健康和积极向上，在黑色的衬托下，少量的荧光绿更是显得很出众。APP还使用了时间轴的计算方式，让用户一目了然，对自己的运动情况了如指掌。（见图4）
三、内容具有逻辑关系的部分在视觉上也统一起来，如无印良品一向以极简著称，甚至极简到没有logo，所有的东西都崇尚原汁原味，不添加任何修饰，这样的理念也被带到了自家APP的界面设计中。简单的东西总会让人看起来舒适宁静。（如图5）
4.手机界面统一性
手机界面除了主界面还包括许多子界面，界面视觉的一致性原则就是指主界面和子界面之间的视觉风格必须统一。手机界面的总体色彩应该与系統界面的总体色调相协调。在众多的手机软件产品中都涉及到自定义界面下载，那么在设计中色彩搭配显得尤为重要，必须考虑图符色彩与换肤色彩之间效果的统一。如蓝色的手机外壳，屏幕上却搭配大红的默认字体或底色，既让用户感到不舒服，更影响手机的品牌形象。在手机界面的色彩设计上，妥当运用色彩这种感性元素协调各要素之间的关系，使形态和功能特点得到突出，达到明确产品特征，强化诉求的目的。一般采用对比统一的艺术处理手法使界面色彩达到和谐化设计，用强化明度对比、纯度对比、色相对比、色调对比等来着重强调主题，体现产品设计的艺术风格统一性。
5.简单干净配色
手机界面配色必须以有效传达信息、帮助用户阅读为目的。高效的信息交流是简单而又直接的。在手机界面中出现过多的色彩，在视觉影响和艺术表达往往都适得其反。手机界面的主色调是用户对界面的第一印象，因此在设计用色上要充分考虑大部分人对色彩的情感联想和心理暗示。如学龄儿童的手机界面需要简单，耀眼的色彩来表现，图标的颜色要简单干净的表现，在图标这块我认为各个平台需要达成一致性，如果产品是在快速发展的情况下，图标达成一致不仅不会影响整体美观也提高了效率。（如图6）
6.手机界面文字的精简
文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。手机界面的字体设计直接影响到界面的风格，字体标准的选择依据操作系统类型决定，应当使用与其界面视觉风格统一标准的字体，避免零乱，使人易认、易懂，切忌为了设计而设计。通用的字体最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整个页面使用一些特殊字体，这样读者阅读起来感觉一定很差。特殊字体如果在页面上大量运用，会使得用户使用费力，用户的眼睛很快就会疲劳，不得不转移到其他页面。手机界面中字体的选择，还应考虑界面的大小，使两者大小比例协调。对于触摸屏手机来说，由于其屏幕较大，文字可以适当放大，不仅从形式比例上考虑，同时也方便了操作的精简。
参考文献
[1] [中]交互设计 简约之上
[2]（中）王受之.世界平面设计史[M].中国青年出版社，2002.9
[3]（美）Robert Hoekman，Jr.瞬间之美---Web 界面设计如何让用户心动[M].人民邮电出版社，2009
[4] 《大众文艺》杂志文献 包装工程，2007
[5]（中）梁景红.设计师谈网页设计思维[M].电子工业出版社，2006
[6]（中）李清.见微知著：Web 用户体验解构[M].机械工业出版社，2010
（作者单位：大连工业大学）