界面设计范文

导语：如何才能写好一篇界面设计，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

关键词：多媒体界面设计

界面是计算机系统中跟人打交道的部分，是用户与计算机系统的接口，与人和计算机的关系密切。在多媒体课件中，用户界面的设计是一门艺术，它综合了多个学科的内容。据统计，在人类通过感觉器官收集到的各种信息当中，视觉约占65％。因此，在多媒体课件设计过程中，充分考虑人的视觉特性是十分重要的，灵活的人机界面对于调动和激发学习者的兴趣，提高学习积极性，具有重要作用。为此，我们应从以下几个方面考虑来精心设计操作界面。

一、操作简便

多媒体课件是面向用户的，在设计时要考虑到用户的特点、能力、知识水平，应把立足点着重放在那些非计算机操作者，不应对用户有额外的知识、技能要求。因此必须做到：

1.安装使用力求方便。课件的安装、启动过程应力求简单，一般通过鼠标和键盘的几个简单操作动作即可完成。开始运行时，应对课件的结构、内容、主要操作方法、功能键等进行简短的介绍。在整个课件运行过程中，对命令键、功能键的命名应始终如一，所有功能键只能赋予一项功能，并尽可能在屏幕上显示功能键和提示信息。

2.菜单力求简明合理。设计时，根据教学内容的需要，把教学内容划分成若干层次，利用菜单技术来实现多层结构，各级菜单应逐层深入，直至覆盖全部教学内容。菜单的分级最好不要超过三级，每级菜单都应设置返回按钮，以便学习者不想往下学习时，可随时返回上级菜单。菜单的表达方式有文字式、图形式、表格式、图文混合式等多种形式。文字菜单比较简单，可设计成下拉的方式，逐级选择子菜单；图形菜单新颖直观，根据教学内容，设计成形象的图标，用鼠标一点就可选中，使用非常方便。实际制作中，用得最多的是图文混合式菜单，它具有文字菜单和图形菜单的优点。在设计时要注意菜单的标题应简单明了，文字表达要言简意明，能表达所要选择的教学内容。

3.提供在线帮助信息。为了用户使用，课件中应设置必要的帮助信息，如系统帮助、功能帮助、警告帮助等操作信息。这些帮助可以是综述性的信息，也可以是与所在位置的上下文相关的针对性信息。帮助信息可以起文档手册的作用，但内容应精炼，应以简略文字、图形说明等形式指导学习者完成某种功能的操作。

二、内容简洁

课件的操作界面避免繁琐，内容应力求准确、简洁明了。

1.准确、简洁。准确就是要求表达的意思明确，不要使用意义含混、模棱两可的词汇或句子；简洁就是尽可能用较少的文字或简单的图表来表达所需的信息。

2.突出重要信息。可以在显示中使用黑体字、加下划线、增大字的宽度、闪烁、反白和彩色来强调某些重要的、期望引起学习者注意的信息。在描述局部细微变化时，应采用加圈放大或特写的方式等。

三、布局合理

屏幕显示和布局应清楚合理。其基本要求是要在屏幕平面上设计好高、宽、深度的空间关系，使布局结构新颖、主体突出、具有艺术感染力，使教学内容生动形象地展示在学习者面前。

1.恰当布置，主体突出。显示内容应恰当，不应过多，切换不易过快，屏幕不应过分拥挤，四周应留出一定的余地。一般正文每屏不应超过15行，每行不超过30个汉字，如显示不下可采用滚动技术。字体应选用笔画丰满的字体，大小标题可用不同字体、字号，以区分层次和段落。文字的色彩也应有一定的对比，从而突出主题。

2.重点集中，视点明确。由于屏幕尺寸较小，要求重点集中，视点明确。在同一画面上，不应出现两个以上的兴趣中心，以免分散注意力。

3.合理预留空行、空格。必要的空行及空格会使结构合理，条理清晰，阅读、查找方便；相反，过分密密麻麻的显示会损害学习者的视觉，也不利于学习者把注意力集中到有用的信息上。

4.美观大方，层次清晰。界面设计要美观大方，不落俗套，但也不易过分“花哨”。界面的“花哨”虽然能从心理上加深刺激学习者的感知，但却显得主次不分，并容易使学习者分散注意力，甚至有的媒体成为毫无意义的累赘，而起不到应有的效果。如果必须把多种媒体引入，最好能让操作者控制依次展示，给人以清晰、有序的感觉。

四、前后一致

前后一致是人机界面领域的普遍原则，它是将相同类型的信息使用一致的相似方式显示，包括显示风格、布局、位置、所使用的颜色等的一致性，以及相似的人机操作方式。一致性的交互界面，可帮助学习者把他们当前的知识、经验推广到新课件中去，从而减轻学习者重新学习、记忆的负担。

五、色彩搭配协调

界面的色彩美与教学内容密切相关。色调要鲜明，要为塑造的形象、创造的意境和表现的主题服务。不同的主题，不同的内容，应用不同的色调来表现。根据教学的意境，有的需要明快，有的需要低沉。色彩美是界面艺术美的重要组成部分，它可使学习者在学习过程中得到美的感受，在美的陶冶中增加情趣，得到更好的感知和理解。但色彩如果使用不合理，就会对人产生视觉疲劳等方面的心理影响，过分渲染则分散人的注意力。因此，色彩的使用也必须遵循一定的原则。

1.正确配置显示的前景、背景色彩。前景与背景在色彩上要有鲜明的区别，形成明暗的对比。一般以单色或特定的简单图形做背景，但对比不能过于强烈，否则刺激太大，使人产生疲劳。文字一般在深色或中度色调背景上用白字或黄字；在浅色的背景上用深色字。再例如动画设计，一般选择深色作为底色，动静部分使用对比强烈的色彩，以区分不同的功能。

篇2

关键词：儿童；app；界面设计

随着80后已渐渐地为人父母，家长们送给孩子的礼物，也已经不再局限于玩具、新衣服。ipad等智能终端产品已经成为越来越多的家长的选择。《2010年儿童网民规模及上网行为调查报告》显示，有51.2%的5岁～15岁儿童使用互联网，其中67.7%的儿童认为互联网是其最喜爱的媒体形式。同期调研显示，目前中国5岁～15岁儿童网民数量达到8958.2万人，儿童互联网渗透率达到51%。

1儿童心理探究

根据Goswami和Brayant从1967年开始做了一个关于0～10岁儿童认知发展的研究，我们可以得知：在儿童的学习过程中，即使是婴儿，他们也都拥有了几乎所有的学习方法。这种学习包括学习声音之间的关系，和典型常见物品的视觉特征。在该研究中他们指出，孩子思考和推理的方式跟成年人大致相同，但是他们缺乏经验。他们需要经验来帮助他们发展自我反思和自我监管能力。在知识的获取方面，孩子对知识的学习可以通过积累认知策略，自我反省和抑制性控制来提高。儿童通过构建因果关系的框架来使他们的经验在生物、物理和心理领域有意义。儿童通过经验、语言和假装玩耍来获取他们的知识，另外教学对于儿童的因果解释系统的发展是最重要的。

在儿童认知能力的发展阶段，经验的增加对于学习和知识的建立起到了关键的作用。另外，假装玩耍和想象也是儿童认知发展的重要的因素。它可以帮助孩子们反思和调节自己的认知行为，并有一个更深入的理解。

2不同年龄段儿童特点分析

对于儿童这一特殊群体，我们往往指的是3～12岁这一年龄区段。虽然统称为儿童，但是由于身体发育状况，受教育的程度，接触网络的时间等因素的不同。所以有必要对儿童这一群体进行细化研究，大致上可以把3～12岁的儿童分为三个年龄区段。

3～5岁，这一年龄段的儿童的自我判断能力还不强，往往不会使用搜索，并且看不懂文字，所以对于这一年龄段的儿童在设计的时候要避免出现文字，用图形来说明。另外由于年龄太小，他们往往不太计较游戏中的胜负，不太关心游戏的结果，而更关心玩的时候的互动体验。

6～8岁，这一年龄段的儿童渐渐的学习了一点文字，所以在应用设计中可以考虑使用简单的文字，但主要是用在功能按键上，并且要通俗易懂。较3～5岁的儿童，由于年龄的增长，他们渐渐的有了求胜心，需要在游戏中取胜。另外这一年龄段的儿童已经可以较为熟练地使用网络了。

9～12岁，这一年龄段的儿童在小学已经处于中高年级了，有的已经是初中生了，已经具备了较多的汉字储备，并且思维逻辑逐渐成熟，所以可以使用较多的汉字，对于网络熟悉程度跟成年人相同，并且对于搜索有了较强的依赖。

3儿童应用界面设计实践

很多儿童类app的设计目的是为了让儿童学习更多的文化知识。这一设计目的虽然没有错，但是要知道让儿童用ipad来学习这一可能性几乎为零。我们要做的就是要把学习的过程与娱乐结合到一起，寓教于乐才能获得儿童的喜爱。因为大多数儿童上网的主要目的是玩。

（1）色彩。由于儿童视觉正处于发育期，对于亮色的事物会比较敏感。在设计的时候，要以亮色为主，尤其是可点击部分。一个界面要以两种左右色调为主，手绘风格可以包含较多的色彩。并且以暖色调为主，视风格特点使用中间色调。

（2）字体。儿童多比较喜欢活泼可爱的东西，所以儿童应用的字体多采用手写体，与场景融合，并多用在标题和功能按键上。简体字体多用在旁白说明，起次要作用，一般用黑色和白色，并会有透明处理。

（3）界面风格。界面风格一方面是由产品的特性决定，另一方面更主要的是延续了开发公司所开发的产品的整体风格。每一个公司所开发的产品的风格往往是统一的。其中多采用手绘风格，让人感觉亲切自然，水彩、蜡笔效果使用较为频繁。还有矢量风格，因为这种风格的色彩往往比较纯，形象比较抽象，所以这种风格多用在年龄较低的儿童应用里面。

（4）层级架构。儿童应用的架构多比较浅，以2～3个层级为主，外加少许的弹出框，这是因为年龄越小，对事物的耐心会越少，所以层级要越来越少。设置功能往往会融入到首页的场景中，来减少层级，比如语言设置，伴奏设置等，再加上动效和音效，降低操作所带来的不适感。

（5）导航。不同的页面导航有不同的特点。首页往往会采用场景式导航，导航按钮融合到场景中，使界面更加自然。动画片类应用的首页多用左侧线形导航，更注重使用效率。内容页往往使用四角导航，尤其是读物类应用。功能按键分布在四个角落，通常会伴有透明效果来弱化视觉，不易引起误操作。隐藏式导航多用于游戏类应用的内容页界面，把很多的功能按键隐藏起来，这样界面就会只剩下一个按键，能让用户更加专注于界面内容。

（6）布局。页面的布局往往会根据界面的场景风格来安排，主要的功能往往会放大居中放置。比如说开始游戏。其他功能按键多会根据场景的需要分布在界面上。对于重要程度相同的功能，往往会采用列表布局。

（7）音效。音效在儿童类应用中很重要，每一个操作都要伴随着音效，而且往往会有背景音乐，并可以很方便的关闭。其中动物的叫声应用较多，人的声音多听起来柔和、缓慢。对于针对学龄前儿童的应用，多使用声音和任务旁白来营造身临其境的感觉。

（8）加载反馈。等待对于儿童是致命的，对于内容加载这种必须等待的事情。加载反馈往往会是小的动画，并且诙谐生动，引人注目，弱化等待感。

（9）手势。小朋友的绝大多数的手势操作都为点击，而且往往是漫无目的的“屏幕扫雷”式的点击。此外会外加少许的滑动，其他更复杂的手势是不会被儿童所接受的。尤其是学龄前儿童，对自己的操作没有心理预期，所以更喜欢乱点尝试。

（10）点选反馈。对于一个小小的点击，必须要有反馈。这往往包含亮度、动效和音效的变化，并且具有持续性、情节性，不要过于简单。过于简单的反馈对小朋友来说是观察不到的。

（11）互动性。活动的界面更能吸引小孩子的注意，所以应用要保持与用户很好的互动性。对于用户的点击都要做出反馈，即使是点击空白区域。这些反馈包括音效、动画，以及震动等反馈。由于小朋友抓住东西就喜欢乱晃，所以当小朋友晃动设备的时候，界面也要有相应的反应。

（12）启动界面。大多数儿童类应用启动界面都比较漂亮眨眼，有一定的趣味性、故事性，但由于儿童更缺乏耐心，所以最关键的是启动界面要快，迅速的开始程序。

（13）图标。儿童类应用的图标往往较大，相邻较疏松，这是因为孩子的点击往往不够准确，往往会点到附近的目标，所以要大要疏松一些。另外图标多为图案，与场景融合，配合适当的文字。一个界面最多有3～4个图标为宜，过多的图标会让小朋友不知所措。

（14）益智。把益智内容穿插在娱乐过程中，是目前比较认同的一种方式，但是这种内容不宜过多。比如铁皮人系列应用，在讲故事的过程中增加一些小的学习点，在应用最后会有一些更具应用内容来出一些益智类题目，这都取得了很好的效果。

篇3

[关键词] 工业软件 界面设计 设计原则

[DOI] 10.3969/j.issn.1002-6916.2011.01.034

1、引言

随着现今计算机硬件的高速发展，过去的软件程序已不再能适应当今用户的要求。软件产品在激烈的市场竞争中，仅仅只依靠其强大的功能远远不够，而且人们也逐渐将目光放在软件的人性化和美学化特征上，看重软件的交互性和艺术性。由此使得在软件的设计过程中，越来越多的软件设计师开始关注用户的心理特征、需求特征、操作特征和审美特征，并根据用户的这些特征来进行软件设计。软件的界面设计，已经成为了现今软件设计的重要环节。

2、 工业软件及其特点

2.1 工业软件概述

工业软件(Industrial Software)指专门在工业领域里所应用的软件。工业软件按其特点及用途的不同，大致可以分为嵌入式软件及各种工业部门专用软件两大类。对这两大类的工业软件进行细分，其中嵌入式软件可以细分为操作系统、支撑软件(嵌入式数据库和开发工具)、应用软件等，它们被植入嵌入式系统之中，达到自动化、智能化的控制、监测、管理各种装备和系统运行的目的；而作为各种工业部门专用的软件，从产品研发、设计、生产、流通、管理等不同方面，实现生产和管理过程的智能化、网络化。

国外工业软件已经经历了一个长期的发展，工业软件种类丰富，应用领域广泛，功能强大，尤其在高科技、综合性领域内的应用程度都非常高。而国内的工业软件起步较晚，基础薄弱，发展速度慢，开发难度高，市场竞争激烈，使得我国自主开发的工业软件数量极少。这对于我国工业的进一步发展带来了一定的阻碍，因此，实现国内工业软件更好更快的发展，是现今我国工业软件发展所面临的巨大难题和挑战。

2.2 工业软件特点

工业软件因应用范围不同，其特点主要表现在以下几个方面：

首先，广泛的工业行业决定了工业软件类型的差异程度高。在不同的行业，所应用到的软件各不相。而同一行业内部部门的繁杂又决定了软件具有较高的细化程度。即在同一行业内部的各部门之间，例如采购部门、设计部门、制造部门和销售部门工作任务及性质不同，虽然同处于同一个行业之内，但是所使用到的软件也各不相同。因此，软件的差异程度高成为了工业软件的显著特点。

其次，工业软件的用途，决定了工业软件的功能比普通家用软件强大，软件结构十分复杂。尤其是应用于高科技、自动化领域的软件，由于其处理对象的特殊性和问题的复杂性，使得这些软件必须具备较多、较复杂的功能才能满足行业的需要。

第三，工业软件的界面较为复杂。由于工业软件所要接收和处理的信息量大，功能复杂，所有的数据信息的显示、功能命令的分布，都是通过软件界面来实现的。而过于简单的界面，无法将信息有效地展示给使用者。

由于工业软件更广的使用、更细化的应用、更强大的功能及更多数据展示等特点，所以在设计工业软件界面时，应根据其特点进行软件的界面设计才更符合使用需求的。

3、工业软件人机界面设计

3.1 人机界面及设计原则

人机界面HCI(Human-Computer Interface)又称为用户界面。人机界面是人与计算机之间传递、交换信息的媒介和对话接口，是用户和系统之间进行交互和信息交换的媒介，是人――机环境系统的三要素之一，是人与机器信息交流的桥梁，凡参与人机信息交流的领域都存在着人机界面。

人机界面是计算机科学和认知心理学两大学科相结合的产物，同时也吸收了语言学、人机工程学和社会学等学科的研究成果。经过40余年的发展，已成为一门以研究用户及其与计算机的关系为特征的主流学科之一。从早期的以面向计算机专业人员为主的手工操作界面，到面向具备一定计算机编程能力人员的命令语言界面，再到今天的面向更多更广泛的普通用户的图形用户界面以及多媒体用户界面。而且随着软件的发展，界面设计已成为软件设计的重要环节之一。

传统的软件设计的三大原则如图3-1所示，包含：用户控制自由、减轻记忆负担和界面协调一致三大原则。用户控制自由，就是在符合用户身份角色的条件下，对界面有着自由的控制权，用户所需要获得的信息，都能够通过界面来获取。同时界面也方便用户对软件进行操作，必要时还能对用户的操作提供帮助和引导；减轻记忆负担，即合理的对界面的文字和图像进行设计，或是对界面的信息进行缩减、整合，使用户在使用中不会因有过多文字、图片或者信息而感觉有记忆负担；界面协调一致原则，要求界面的设计定位要符合软件自身特点，界面整体风格和色调统一，界面局部细节与界面整体相协调，达到整体的均衡美。

3.2 工业软件人机界面设计

从软件整体设计流程出发，工业软件的设计流程应更注重交互和界面设计的内容，改变以往串行设计流程，在确定设计方向后采取并行设计流程，如图3-2所示，即编程设计与界面设计同步展开，并协调进行软件的交互设计，让软件的界面设计伴随着软件的编程设计同步进行。

在工业软件的界面设计中，不仅应遵循软件界面设计的一般性原则，更应该依照工业软件其自身特点，寻求其界面设计的方法，以满足工业软件的界面设计的需要。

首先，由于工业软件用户的特点性，因此在设计之前，分析用户的特点及操作行为，虚构出若干类具有典型性的用户角色，以此建立该软件操作者的用户模型。再根据这些用户模型，定量的测量用户特性，了解用户的技能和经验，预测用户对不同界面设计的反响。通过建立专业的用户模型可以从根本上保证工业软件的界面设计的用户符合性原则。

其次，界面的合理建构成为工业软件界面设计的重要原则。界面的实质，就是一个展示功能和数据信息的窗口。如果界面的布局凌乱，仅仅把大量的信息堆积在界面上，会严重影响使用者的操作。工业软件由于具备较多的功能和较大量的信息，所以在设计初期，必须对这些功能和信息进行分类，分辨出主要的和次要的内容，然后对主要的和次要的内容分别对待。按照用户浏览“F”型模式，即用户浏览电脑屏幕时，浏览起初的若干行时会沿着从左向右的方向，之后用户就会直接向下快速浏览，最终浏览完时会把目光集中于右下角，因此如果以界面中心为坐标原点，向右为X轴正方向，向上为Y轴正方向，构建平面坐标，在这个平面坐标系中，用户首先会关注第二象限的内容，然后是第一和第三象限，最后目光停留在第四象限。根据这一浏览模式，在进行工业软件界面构建时，务必将主要的放置在第二象限和第四象限，而其他的则可放置在第一或第三象限之中。一个合理的界面，能够方便用户的操作和信息的获取。

第三，功能的明确性。工业软件最大的特点就是应用性强，软件的每一个功能在界面中都有与之相对应的命令。工业软件的界面设计注重用户的导向，从用户的角度来考虑和设计界面。用户对于软件的熟练程度，都影响着他们的使用，尤其是对不熟悉软件的初学者的引导，显得尤为重要。根据心理学家George A.Miller的Miller公式：个人一次所接受的信息量为 7±2 比特，对于工业软件的功能构建，应该在5到9项之间，过少则不利于用户及时的找到所需的功能命令，过多则会对用户造成记忆负担。所以在界面设计时，可以改变原有界面设计的分栏或下拉菜单的设计，而采用分组处理的方式。以“分组”的形式改变过多的功能分类，使得软件界面的功能显示更加明确。

第四，细节深入设计。软件界面的细节化设计，存在于界面设计的方方面面，从一个小小的图标、工具命令的命名、动画演示介绍、声音提示，到用户导航、操作帮助等等。都可以进行深入的细节设计，而这也是工业软件界面设计中最难的地方。首先现有很多软件并没有太多的细节设计，设计师不愿过多考虑某一细部的具体设计，再者是人们在使用软件的过程中不太敏感，容易忽视掉这些细节，认为那原本就应该是那样。虽然用户会忽视这些细节，但这些细节的作用确是不可忽视的，它们方便了用户的操作。例如一个简单的命令搜索栏设计，在整体的界面构建中不需占用过多的地方，却能方便用户搜索到他们所需的功能命令，省去用户多次点击鼠标的过程，大大提高了软件的使用效率。因此细节深入设计是工业软件界面设计所比不缺少的一个方面。

4、 小结

界面设计不是单纯的美术绘画，它需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术的设计。注重工业软件的界面设计，不仅能够使其界面变得更美，增加用户的愉悦感，还能提高软件的交互准确性和效率，使用户更准确、更高效的完成工作。

参考文献

[1] 李荣丽，黄艳群.人机界面设计中的用户模型研究[J].长春理工大学学报，2006,(02).

[2] 李乐山.人机界面设计[M].北京：科学出版社，2004.

[3] 杨静.浅谈用户界面设计[J].艺术与设计(理论)，2009,(01).

[4] 欧阳建军.基于交互设计的界面应用研究[J].科教导刊(中旬刊)，2010,(04).

作者简介

篇4

关键词：视觉传达；移动互联网；UI界面设计

视觉是人类接受信息的主要途径，视觉传达设计是人类为实现公共信息的传播，对色彩、文字、图像等各种视觉元素进行组织的行为。一切我们能看到的东西都或多或少的有着视觉传达的设计元素。而在这个以移动互联网为主题的时代下，UI设计正在蓬勃发展，视觉传达设计在UI设计中是可用性与交互设计研究的全面体现。UI设计是新时代下的另一种新媒体视觉传达设计，UI界面设计上有很多的理论与实践都是跟传统视觉传达设计相通的，不同的是，UI设计师需要在UI设计的平台规范下，更好的将传统视觉传达设计元素与移动应用的特点、交互设计、用户体验设计等相互融合，设计出真正让用户觉得好用好看的移动应用界面。

一、移动应用的UI界面设计

随着移动时代的到来，越来越多的人开始关注UI界面设计。UI的全称是UserInterface，用户界面的意思。它包含软硬件的人机交互、行为路径、操作逻辑、用户体验和界面排版的整体视觉设计。打开我们的智能手机，我们的锁屏界面就是UI的一部分，手机里的每一个移动应用的每一个页面，都是UI设计。随着移动互联网的发展与移动应用的海量涌现，人们对移动APP的选择要求上更加挑剔了。界面设计很多时候决定了用户对一个APP的第一印象，所以如今的UI设计越来越重要，越来越受到重视。同时，随着UI设计越来越被重视，UI的设计规范也越来越完善。各个平台几乎都有自己的UI设计规范，这使得UI设计的发展越来越规范化。当然，UI设计的风格没有停止跟随时展的脚步，从一开始的拟物化风格到后来的扁平化风格，现在的UI设计风格则趋于更加的多样化。UI界面设计发展至今也有了很多的设计原则，比如UI设计的简单原则，用户在学习和接受新的事物时需要很大的学习成本，然而如今我们的时间和精力又是那么的宝贵，所以我们的设计需要越简单越好。比如统一原则，从设计风格，排版布局，信息提示、系统文字、字体大小和整体颜色等都做到统一，这样用户才会完全熟悉和记住我们产品的行为路径，而不会造成不必要的使用错误。还有很多设计原则这里就不一一阐述，当然更多的设计原则还需要我们在实践中不断的探寻。

二、视觉传达设计在UI界面设计中的应用

1、版式布局在UI界面设计中的应用

手机APP虽然受到手机屏幕尺寸大小的限制并没有很大的空间来给大家呈现更多信息，但就在这么几寸的一块屏幕上，我们依然需要用心对待，依然需要将有限的空间设计出符合设计规范，拥有良好交互体验和承载对应信息的视觉交互效果。移动应用界面的版式设计和布局规划会直接关系到用户使用该应用的操作习惯和操作行为。同时，小小的一个界面不仅需要交互上的设计，也需要美学上的视觉传达设计。在符合用户交互体验的情况下，界面设计也需要灵活运用到一些传统视觉平面上的版式设计，比如很多时候为了更好的传达信息，也需要在设计中考虑信息的就近原则，元素的一致性等等。界面需要在更小的空间内合理的排版信息，将重要的信息通过异化的方式凸显出来，将同类信息整合在一起。同时，更加追求美观的情况下，更是需要设计师更好的将视觉传达版式设计中的一些留白处理等更好地运用到UI界面设计中去。

2、色彩在UI界面设计中的应用

设计移动应用界面，同样需要灵活运用色彩设计法则和色彩心理学，设计出更加符合用户使用习惯和认知心理的界面。色彩的应用很多跟视觉传达设计一样，APP的整体色调需要根据该APP的使用人群和他们使用APP的一般使用场景来确定。比如娱乐性高的APP一般采用明亮欢快的颜色。还有一些规范控件设计也需要满足用户的心理期待，比如红色多有警示提醒的意思，一般用在删除取消之类的控件上。

3、文字在UI界面设计中的应用

文字是一种最直接和传统的视觉语言，是传统信息和界面信息传达的主体，参与视觉设计的组织和编排，起到与用户的沟通和交流。文字虽然没有图标图形那么具有强大的视觉吸引力，但在界面中，文字设计依然有着相当重要的地位。UI界面设计需要在有限的空间内更注重用户的体验与交互。所以文字设计在UI界面中需要更加简化，突出重要信息，兼顾内容简洁与视觉效果。给用户一个简单高效的体验，避免让他们产生困惑甚至是误导。比如在一些信息详情页中，一般文字信息会比较多，这个时候就需要注意到文字在界面中的大小和间距，为了不使大段文字在小屏幕上显得冗杂，设计时可以放大加粗相关标题和重要信息以更好的提醒用户，尽量保证整个APP的所有文字一致和规律，统一规范的字体字号能让APP使用起来更加流畅，减少用户的认知。

4、元素符号在UI界面设计中的应用

元素符号能在视觉传达设计中起到很好的信息传达效果，UI界面中显然也是。元素符号还可以在很多时候给一个移动应用奠定一些设计风格。比如以前风靡一时的拟物化元素和后来的扁平化元素。在UI设计中，在符合应用功能和用户交互行为的前提下，通过各种元素符号能更好的美化界面和提升用户体验。比如在界面loading处理上，使用一些有创意的提示性图标能让用户感到更加有趣贴心从而缓解他们等待的焦躁，这样的情感化设计能够进一步提升用户体验，同时还能让界面更加丰富趣味。

三、结语

篇5

关键词：沈阳；近代；建筑技术

中图分类号：S611 文献标识码：A 文章编号：

建筑的本质是空间,而空间是由界面围合而成的。在商业步行街中,街道空间主要由建筑界面围合而成,因此界面扮演着举足轻重的角色,界面设计的好坏即是决定步行街是否具有活力的关键要素。在现代城市设计中,商业步行街界面设计应该充分挖掘城市文化内涵,将传统文化和当地建筑特色元素融合在一起,使传统特色商业街的内容与地域文化达成和谐统一,创造出适应传统特色文化需求的现代商业步行街设计。

1界面在商业步行街设计中的功能及重要性

1.1商业步行街中界面功能

界面是商业步行街的重要实体因素,它界定出空间,赋予街道活力,主要具有围合和认知两大功能[3]。首先,连续而完整的界面围合出商业步行街的整体轮廓,创造了作为实体的步行街建筑空间,同时也创造了依赖两边界面而围合出的街道空间。其次,街道界面不仅有认知和识别单体建筑的主要功能,同时也肩负着整个城市的认知功能,人们通过对街道直接的视觉感知能够进一步构成对整个城市的印象,唤起场所的精神体验。

1.2界面的重要性

1.2.1传统文化与心理学根源

界面作为建筑形态构成的基本要素,其存在具有中国传统文化渊源。“凿户以为室,当其无,有室之用”这句话就明确的表达了老子对于空间的认识,“无”因为“有”的存在而存在,“有”和“无”有力的对比产生了空间,这里的“有”即可认为就是界面。而里坊制度则表现了中国传统城市布局对于界面的重视,例如里坊制的代表唐长安城,利用“墙”围合出以“里”为单位的领域空间,使得“曲”“巷”相隔,形成了集中内聚式的大规模封闭型城市[4]。从心理学根源分析,“边界效应”则从行为心理学方面解释了界面的重要性。“边界效应”最早由心理学家德克·德·琼提出,他指出空间的过渡区域是人活动和交往发生最多的地方。

1.2.2界面与城市空间环境

城市空间环境是一个极其复杂的系统,界面作为城市组成的有机局部,起着举足轻重的作用。围合性强的界面能够使人们完全的感受到城市的完整性与合理性。

2重视地域特色的现代商业步行街界面设计策略

2.1塑造界面的可识别性

可识别性是界面之于建筑的最主要的功能体现,作为地域性的现代商业步行街,更应注重界面对于传统文化、内涵精神的理解、继承和发扬,使其独具地方特色风貌。特征突出的界面元素增强了界面的可识别性,使得不同地域的街道显示出不同的地域性格,给人带来了不同的地方印象。

2.2符合当地建筑尺度的边界轮廓线

在处理地域性商业街时,应仔细剖析当地传统建筑的形体特点,把握形体体量,抓住轮廓要素,重复尺寸相近的建筑组群,建立起一种韵律和肌理,以符合当地城市肌理。

2.3利用界面创造特色空间

符合地域特征的特色空间使商业步行街更具识别性,特点更鲜明。现代步行商业街的大量建设给城市带来活力的同时难免给人一种似曾相识的感觉,统一的大招牌、底层架空的连廊、大片的玻璃幕墙,这些单调的建筑立面让人在现代化大都市里失去了方向,失掉了对于不同地域街道的记忆。为使商业街各具风格,提高其辨识性,必然需要特色空间带给人们别样的感受。

3 康平大辽圣市商业步行街界面实例分析

3.1项目背景

康平历史悠久，境内被发现的辽金城遗址已有6处。县城东南22.5公里，辽河之滨的辽代棋洲城遗址清晰可辩，辽代千年佛塔巍然耸立。东西辽河的源头亦在康平，所以康平县政府为展现康平的城市形象、特色风貌以及历史文化内涵,在卧龙湖东岸建设了一条以辽代传统文化主题的商业街。于是从延续辽代北方建筑地域特色的角度出发,通过对辽代传统文化以及辽代建筑特征元素的挖掘,设计了大辽圣市商业步行街方案。

3.2挖掘建筑文化内涵的立面设计

康平大辽圣市商业步行街借鉴了北方地区民居建筑风格,结合现代建筑设计理念与界面处理手法,进行了具有辽代传统文化内涵的立面设计。仔细研究辽代传统建筑,发现其主要特征表现在屋顶和斗拱上。辽代建筑继承了唐代建筑的很多特点，并且学习了很多宋式建筑的作法，所以辽代建筑的屋顶曲线很平缓延展，雄浑大气。庑殿顶是辽代建筑主要的屋顶形式,高低起伏的屋顶和交错的层高形成了其独有的错落感,商业街立面轮廓依旧沿用这种形式,并进行简化,在2层,3层之间进行层高变化,局部4层,结合双层檐口,形成了丰富的天际轮廓线。辽代很多建筑也会采用庑殿顶的形式，两坡顶就用于等级更低的普通建筑。所以在建筑屋顶也会有很多变化。辽代鸱吻很有自己的特点，有别于其他各朝代，有着北方游牧民族的野性特征。所以屋顶上的鸱吻是体现辽代建筑风格非常重要的标志，如图1所示。

3.3关注“阴角”空间

“阴角”空间是城市与街道设计中常采纳的空间处理形式,在泽当镇商业步行街中创造“阴角”空间,增强了街道的空间吸引力,使街道更具魅力。芦原义信在《街道的美学》中指出:“用‘阴角’空间可以创造出一种把人拥抱在里面的温暖、完整的城市空间。”这有助于积极的向使用者提供街道的精神。在泽当镇商业步行街设计中,也运用了这种现代步行街设计手法,将商业楼间隔有序的后退,自然的形成可供人停留的内向型阴角空间,改变了商业街过于平淡的界面形式,同时也加强了界面的阴影,使得沿街界面更加立体、生动。这些后退2 m~4 m形成的空间也提供给人们一个暂时停留场所,赋予商业步行街可游憩的功能。

3.4连续性原则

连续的街道界面给人整体完整的印象,康平大辽圣市商业街利用连廊加强了街道的连续性。根据规范中防火要求,商业街每隔80 m需要断开做消防通道,在长度不过300 m的街道如果进行断开,必然会影响其界面的连续性,街道感减弱。于是在需要断开的建筑之间设计连廊连接,加强了视觉连续性,且不影响消防疏散的需求,如图2所示。

3.5结合总体规划的多层次界面设计

康平大辽圣市商业步行街总体规划以街道景观轴线为中心,在22 m街道红线范围内设计大量中心绿化,并设置灯光照明设施、小品、座椅等,加强其对整条街的主导作用。结合总体规划,沿街建筑设置成骑楼形式,底层形成退廊,形成灰空间,增加了介于建筑实体界面的“有”与步行街道空间的“无”之间的层次,再加上景观树阵的景观层次,构成了建筑—连廊—树阵—中心景观的多层次街道界面。

4结语

在全球化浪潮下的今天,尊重当地文化,延续传统文化才是建筑符合不同城市环境的发展模式。在研究建筑基本理论的基础上,抓住传统建筑的设计要点,将传统文化和现代技术紧密结合,创造出既满足现代社会需要又能体现传统文化特色的建筑,以求在传统文化受到严重冲击的今天寻找一个平衡点。在此,笔者通过分析界面在商业步行街中的功能和重要作用,发掘传统特色文化的现代商业步行街界面设计策略,并将之运用于设计中。

参考文献：

[1]芦原义信.街道的美学[M].天津:百花文艺出版社,2006:130-139.

[2]克里夫·芒福汀.街道与广场[M].北京:中国建筑工业出版社,2004:137-157.

篇6

1.研究背景电子信息技术的快速发展促进了电子产品的更新换代，特别是以人机交互电子液晶画面为中心的界面设计发展尤其迅速。众多界面设计中出现了独创性极高且具有实质性差异的界面设计。界面中的图案、形状以及色彩等要素均构成了区别于其他产品界面的极其重要的识别性要素。界面是计算机和用户交互的媒介，界面设计的好坏决定了用户对软件的使用黏度。而且设计良好的界面可以对用户起到很好的向导作用，可以快速并且准确地引导用户完成相应操作，目前已经成为设计领域新兴和快速发展的一个方向。因此，各国认识到界面设计的重要性，纷纷通过完善知识产权制度促进界面设计的发展。2.研究目的韩国是全世界电子产业发展较为迅速的国家之一，其对于电子产品设计的保护制度和界面设计的保护制度已经得到实践的检验，具备一套相对完备的设计保护体系。文章通过介绍韩国界面设计保护制度，为中国界面设计发展提供可借鉴的内容，同时也有利于提升中国设计知识产权保护的国际化水平。

二、韩国界面设计保护制度的现状分析

韩国特许厅（韩国知识产权局）明确认识到界面设计的重要性，迫切需要完善界面相关的图标设计及GUI界面设计的相关保护制度。因此，韩国特许厅从2004年7月1日开始将界面设计（界面设计的专利法名称为“画像设计”）列入外观设计的保护客体范围。1.韩国图像外观设计的保护范围韩国的设计保护法规明确保护的计算机图像外观设计范围可以分为三大类：图形用户界面（GraphicalUserInterface，GUI）、计算机图像（ICON）和作为Character的图示设计。目前，我们使用的手机、电脑、PDA、Mp3等都属于应用计算机图像的电子产品。图形用户界面包括：网页和主页的GUI；移动电话、PDA等设备中的移动GUI；汽车导航、Mp3、CDP、智能电视等信息家电等GUI。计算机图像包括：文件编辑软件、视频播放软件的GUI；单个或者成套的工具图形。图示设计包括：内容的图示；计算机显示器屏幕保护画面；角色设计；3D动画。2.韩国界面设计的保护要件（1）强调载体的功能性以简单的展示功能为目的的界面设计不属于专利保护的范围，一旦界面中通过某种图案、形状、色彩以及它们之间的结合可以实现产品的某种功能性时，就属于专利法中界面保护的范围。（2）限定某种特定产品申请界面设计保护时，界面被看作特定产品中的一部分。因此，申请书中对于图面的提交要求和部分外观设计保护制度中对于图面的要求相同。在提出专利申请时，界面设计的图形中除了需要展示图形外观设计外，还需要同时提交此界面设计应用于某种特定电子产品时的状态图。如图1所示，需要保护的界面通过实线体现在图形中，而应用界面的电子产品的外观则通过虚线表示出来。另外，需要注意的是关于申请书中“外观设计的产品名称”的表示方式。如，一项手机界面的外观申请书中，如果在产品名称一栏中填入“手机的界面设计”是不授予外观专利权的，应该在描述产品名称时以产品为中心进行描述，即“呈现界面设计的手机”。同样的界面设计应用在不同产品上时，应该针对不同产品分别进行外观设计的保护。（3）对于有变化的界面设计需要提供各个关键界面的图形变化的界面是指通过界面中的形状、图案、色彩及其结合的设计的变化完成产品中的某些功能，具体包括以下两个方面：图形形态的变化以及图形位置的变化。需要注意的是，变化的界面在提交六视图之后还不能明确表明变化状态时，需要提交能够表现出前后变化状态的参考图。3.界面保护中的一些特殊情况（1）界面中包含不被保护的客体情况申请界面保护的设计中，往往界面中含有不需要申请保护的内容。在这种情况下，不能单独将非保护客体隔离申请，因为非保护客体的存在已经间接影响到保护客体的位置、大小以及范围等因素。因此，非保护客体一旦被认定为影响保护客体的因素时，必须同时出现在界面中。（2）显示界面中包括印刷内容如果显示界面中包括印刷品，那么在提交视图时需要提交包含印刷品的显示界面正面图和显示印刷品背面的视图，以及印刷品单独的正面图和背面图。

三、结语

篇7

关键词 网站；用户界面；用户体验

中图分类号：G712 文献标识码：B

文章编号：1671-489X（2016）21-0033-02

在网站的设计与开发中，一个良好的界面设计能够给用户带来良好的用户体验。对用户体验度的关注度在逐渐提升，从最初提出用户体验的时代，到将用户体验以技术方法进行呈现，经历多年的历程。UI（User Interface，用户界面）设计的应用是将用户体验思想实践落实，是将用户体验思想通过网站的导航、界面、图标、色彩等表现层的设计，逐一应用理论并结合技术层面进行实现，是用户体验思想的一种显性表达。

1 什么是界面？

界面是一个窗口，界面设计是开发中最重要的方面。对于应用软件来说，用户界面对用户的应用十分重要，用户通过界面可以使用该软件，并且希望界面比较简单、便于使用。图形用户界面是当前用户界面的主流，当前各类图形用户界面具有的一个相同点就是应用的窗口使用键盘和鼠标作为输入设备。目前界面设计领域已经开展到移动端，移动端的界面设计原则有别于PC端。但是无论是基于哪种设置，良好的界面设计是同样重要的。

2 软件界面设计的前期准备工作

在制作一个项目设计前，应该先确立好设计的主题。比如：一个图书管理系统软件的主题就是“图书管理”，远程教育系统的主题就是“远程教育”。于是软件界面的设计就要围绕主题来进行，让用户一看软件的界面，就知道这个软件是做什么的。不能让软件的界面与软件的主题相差太多，如果一个电脑硬件管理系统的界面上都是和电脑无关的东西，如花草、山水，就不能反映该软件的主题与功能，那么，这个软件的界面就是失败的。

美工作为界面美化的主要人员，不但要拥有艺术设计、包装设计的才能，还应该穿插整个项目，给界面程序设计人员提出系统参考意见。

3 确定界面设计原则

确定界面类型时，需要考虑多方面的因素，如用户的自身特性、系统的成本/效益、环境、系统任务等。这时，在着手进行软件界面设计前，必须在心里有一个轮廓，对要设计的软件的功能有所了解，同时对该软件的界面设计有成形的构想，还要遵守界面设计的原则。

1）一致性原则。一致性主要体现在软件的显示方式和概念模式的一致性，并且在类似的情况下具有一样的操作序列，如在帮助、提示及菜单中产生相同的术语，具体是指在不同的应用系统中具有相似的布局、相似的外观界面、相似的信息显示及相似的交互方式等。界面设计保持高度一致性，这样用户使用不同的软件时可以掌握软件的共性，将局部的经验和知识推广到其他场合。界面设计的一致性要求对于用户的软件应用十分重要。

2）控件的使用、提示信息窗口风格、颜色、信息措辞做到一致，遵循统一的标准。这样做具有以下优势：

①通过一致的界面风格，可以让用户建立起一样的心理模式，对于一个界面使用熟练之后，切换到下一界面，用户也容易使用，容易理解语句，推测出界面的各种功能；

②给用户统一的感觉，不觉得混乱，而是心情愉快，支持度增加。

用户界面简称为UI，通过对UI进行设计，其设计内容包括软件的操作逻辑、人机交互、界面美观的整体设计。好的UI设计让软件变得有个性、有品位，并且操作简单、舒适、自由，充分体现软件的特点及定位。人机交互，即人与设备之间的交流，UI设计在设备之间成功地充当了翻译的角色。

4 网站中UI的重要地位

网站的设计与开发不仅要适用于PC机的模式使用，更要适用于移动设备使用，使两者的操作都具有良好的用户体验。这就给很多网站的UI设计提出很高的要求，同时也凸显出UI在当前网站中的重要性。网站最大的门槛就是取得用户信任，而UI设计直接影响用户的体验和网站的形象，用户考察一个网站是否有实力，是否是正当网站，UI是首要因素。一个网站UI做得好，可以让网站的形象在用户心中得到提升，而且能让用户得到浏览的体验，甚至能决定一个网站的转化率。

5 UI设计在网站设计中的体现

UI设计的成功之处就是为网站带来比较高的浏览量与转化率。对于很多网站平台的建立，UI的设计不仅体现在其从界面所表现的色彩、样式上，还体现在导航系统设计、图标设计、不同类型网站的风格定位等方面。

导航的设计与使用 构成网站导航的是网页中的焦点元素，它们让用户清晰直观地找到自己想要的东西，引导用户去寻找网站上最重要的信息，以达到销售或者查询等目的。导航设计并没有一个统一的设计方法，每个网站由于其目标、需求、设计手法、运营等诸多因素影响，导致它们在导航设计上千差万别，但是导航设计还是有基本的规律和原则的，确保组织架构的可靠性。

1）确定信息架构。信息架构是合理的组织信息的展现形式，支撑起网站内容的骨架。信息架构的主要任务是为信息与用户认知之间构建一座畅通的桥梁。更重要的是，要从用户的角度来看待网站内容，从一个用户的角度去看待一个网站的信息需求。对针对页面信息的完整性、连续性、可靠性等问题进行解决，明确网站所要达成的目标，针对网站的用户群去解决登录、订阅等逻辑问题。

2）保持简单的风格。绝大多数的网站浏览者可能会一致认同这一点：网站的导航区域要尽可能设计得简单。的确，复杂而拥挤的导航会阻碍网站的整体可用性。

图标的设计与使用 对于用户接收的信息而言，相对于文字信息的表现，图像的信息表达能力要远远大于文字，在有限的时间和空间里，把界面中精彩的文字描述转化为一个简练而意义明确的图标，就成为满足用户需求的有效途径。更深一步，图标的应用让整个界面与人之间的交互更便捷，使情感化设计和人性化设计得以回归。在各种终端交互界面中，图标不仅起到代替文字描述以节约空间的作用，不仅是一种装饰图形与符号，更重要的是它发挥着交互性、情感化、指代性、隐喻性等作用。人机界面交互中，一个小小的icon（图标）是减小用户阅读负担，实现界面友好性、界面情感化等交互目的的重要途健

1）图标遵循的设计原则。图标在设计与运用上要形象，语言要单一，表现要概括，提取图像中不可或缺的元素去表达；在构图上要饱满，图像空间占有率要在75%以上，从视觉上要一样大；形象造型上体积要丰满，来增加构图的识别性，太复杂会降低图标的识别度；在用色方面，前景色与背景色要有足够的反差，用明暗的反差、冷暖的反差去对比表现。当用两个形象语言表达一个图标时，要有主次，不能同等对待。

2）图标设计的四要素。

①达意性。图标要清楚地表达设备要处理的功能，图标的核心价值是传达功能含义。

②概括性。在图标的表现中，可有可无的东西不能太多，不是原始图像的直接使用，要过滤掉可有可无的元素，对凸显其特征的内容进行展示，从现实生活中提取物品最典型的特点进行创作。

③可用性。所有的设计都要具有可用性，图标设计与制作的本质是要最终运用到程序和网站中。可用性的应用包括了可识别性和可开发性，图标在任何设备环境下都能够被用户所识别，所设计的图标能真正地运用于实际的网站中。

④情感性。图标的设计与使用要贴近用户的生活、经验、情感，使用户具有亲切感，增加用户对网站的信任，提升用户体验。

图标的风格要统一 在一个网站上运用的图标，其风格定位要统一，要从形状与取向的统一、透视的统一、光线的统一、材质的统一、色彩的统一等方面对图标进行定位，以保证网站风格的统一性。

6 展望与发展

UI设计是一个新兴的设计领域，是高于平面设计之上的、基于用户体验的设计思念理论而形成的一门专门的学科，并且随着人们对用户体验的关注程度越来越高，对UI设计的要求也会逐步增高。UI设计的应用领域也会随着移动端技术的不断成熟与发展，越来越广泛地扩展到人们的生活中。参考文献

[1]于松翠.基于用户体验的网站界面设计研究[D].西安：西安工程大学，2013.

篇8

关键词：手机　界面设计　视觉

        随着社会日新月异的发展，手机作为消费类电子产品，从诞生之日起至今从未停止过前进的步伐，并且以前所未有的速度发展，成为更新速度最快的个人电子产品。 手机不仅仅是用于通话的工具，更多地集娱乐、生活、新闻资讯于一体，越来越深入地介入到了人们的日常生活中。

        一、人机交互下的手机界面设计

        手机界面在人机交互的信息传递过程中具有重要的作用。 手机软件界面是置身于手机操作系统中的人机交互的窗口，设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计。早期的手机界面由于技术上的制约，大部分采用黑白色、蓝色、绿色等屏幕。在界面设计上，文字是界面的主要信息，而图形则是用线条简单勾勒，缺少图形的设计美感，手机界面单调，仅仅以满足功能，缺乏视觉形式美。随着技术的发展，人们对审美的需求日益增加，手机界面由原来的单色发展为彩色，信息内容更加丰富，文字选择既能满足功能性又符合审美需求， 图形更加精美，甚至有些图形还采用动态形式出现，受众还可以根据个人需要自行定义文字和图形，手机界面得到了快速的发展。2007年，“iphone”手机的诞生，使手机界面设计产生了一种革命。它给用户带来了前所未有的手机新体验，还前所未有地拉近了用户与手机之间的距离，让不同年龄、性别、地域的人都能够在手机图形化界面中得到体验的，它将文本界面图形化，界面设计更加个性化、人性化。随着科技的发展，界面正悄悄地融入我们的日常生活中，变成生活的一部分。

        二、手机界面设计的视觉语言

        手机界面的视觉语言，主要包括文字、图标、色彩搭配、动态导航、界面版式等一系列构成元素。

        1、界面文本的选择

        文字的主要功能是在视觉传达中向大众传达作者的意图和各种信息，要达到这一目的必须考虑文字的整体诉求效果，给人以清晰的视觉印象。手机界面的字体设计直接影响到界面的风格，字体标准的选择依据操作系统类型决定，应当使用与其界面视觉风格统一标准的字体，避免繁杂零乱，使人易认、易懂，切忌为了设计而设计。 通用的字体最易阅读，特殊字体用于标题效果较好，但是不适合正文。如果在整个页面使用一些特殊字体，这样读者阅读起来感觉一定很糟糕。特殊字体如果在页面上大量使用，会使得阅读颇为费力，浏览者的眼睛很快就会疲劳，不得不转移到其他页面。手机界面中字体的选择，还应考虑界面的大小，使两者大小比例协调。对于触摸屏手机来说，由于其屏幕较大，文字可以适当放大，不仅从形式比例上考虑，同时也方便了其功能性的操作。

        2、界面图标的设计

        图标是界面的图形符号，是具有明确指代含义的计算机图形，是构成界面风格的重要元素，和用户如何操作手机关系密切。 图标的功能是我们进行图标造型设计的标准和依托，在设计图标之前要确定图标功能，也就是说要考虑图标的隐喻性，它代表的意思必须是用户可知的、熟知的。比如iphone内置的备忘录应用就是一个使用隐喻的典范。除了基本的删除和邮件这些图标隐喻，整个产品的外形：棕色的头部导航，米黄色的纸质背景，配合细致的行隔线和垂直的双细线，俨然就是一可爱的小小备忘本。将产品与实体对应起来，用户一看就知道软件的用途。结合界面图形设计的隐喻性，图标图形应尽量使用简洁的平面图形，尽量使用像素化的表现形式。 图标的设计要尽量避免生硬的边缘轮廓，提倡渐变、羽化加强图形的仿真性能，使设计更加趋于人性化。一方面图标的设计要求简单美观、富有吸引力，这样用户才愿意让这些图标长久占据有限的屏幕空间；另一方面也要把握可识别特点，让用户在大量图标中轻松找到该应用程序。图标必须有自己的特点，对于关联的产品，可以结合品牌进行设计。

        3、色彩的搭配

        手机界面的总体色彩应该与界面主题相协调，在手机软件界面的色彩设计上，妥当运用色彩这种感性元素协调各要素之间的关系，使形态和功能特点得到突出，达到明确产品特征、强化诉求的目的。 色彩是影响手机界面的重要因素， 色彩搭配要考虑到你希望对用户产生什么影响，为手机界面设计选择合适的颜色，包括背景色、元素颜色、文字颜色等。 比如基于饱和的色彩和华丽的质感，塑造超酷、超眩的视觉感受，利用羽化了的像素对图形图像进行仿真设计，不仅塑造界面色彩、形状，还进一步在元素的质感和体积感上下功夫，给用户一种高贵华丽的视觉享受。对于界面的整体色调，最好使用邻近色或同类色进行色彩构成，采用色彩的弱对比，因为界面图形本身就结合了体积感和质感的塑造，如果整体色调对比太强，很容易给用户造成眼睛疲劳。把握界面整体色调的同时应注意在图标和线条的色彩配置上下功夫，以活跃整个画面，避免整个界面色彩单一、黯淡无光，合理地使用线条和色彩渐变，以确保细节的完美体现。

       4、动态导航的设计

        手机界面的动态导航设计是结构层面设计中的主要工作之一，它是对手机操作进行宏观操控的区域，随时可见，在这里它可以保存当前操作结果、切换当前操作模块、退出系统，实现对软件的灵活操控。导航设计的好坏，直接关系到用户使用是否能够流畅。 面对较复杂的导航，我们第一反应是将其简化。 合理的导航设计，应该首先关注用户，提示明确，让用户知道自己的当前位置，并且能够迅速跳转到下一个界面，尽量让用户一目了然，减少用户操作步数。在设计导航时，也要遵循人类的认知法则，符合所对应用户的认知度。如果设计的导航让用户很费劲或者花费较长时间才能搞清楚，无疑是失败的体验。 

        5、界面版式

        手机界面的版式在设计时应该结合软件的应用范畴，合理安排，在有限的屏幕上将众多元素整合排列，以达到美观实用的目的。由于屏幕有限，设计师应考虑将重要信息或视觉流程的停留点安排在注目价值高的最佳视域，使得整个界面的设计主题一目了然。比如将最常使用的高度概括的信息，或者一些常规操作如添加、完成、保存、取消——置于屏幕顶端。 屏幕的底部一般是辅的工具栏或切换视图使用的页签栏。一些影响较大的操作如果出现在屏幕下半区域，要仔细考虑它们的排列设计。 应用程序界面必须尽量简洁，一目了然，用户看到就能马上理解。比如我们可以尽可能地减少输入，直接为用户提供选项，如索引列表，既方便用户记忆，也可以帮助用户快速扫描并直接选中。要尽量避免不必要的交互，不要一味提醒用户如何操作，设计时应该关注如何更有效地引导用户集中精力快速完成任务。在iphone手机内置的短信发送，版式布局合理，不但写信人和收信人的信息内容左右区分，而且在底色的选择上也进行区分，信息内容通过时间顺序排列下来，整个信息来回历史一目了然，用户进行功能操作的时候更加方便快捷。界面版式的设定，在很大程度上需要借鉴相关手机系统界面的版式，以确保样式的相对统一，利于系统与软件的整合。当然也要考虑软件本身的应用特性，结合操作的可用性和可实施性，对版式进行合理的调整，使呈现信息的区域与区域之间协调统一、主次得当。

        美国未来学家尼古拉·尼葛洛庞帝曾在其著作《数字化生存》中写道:“我的界面梦想是，我的电脑将变得更像人。” 可见用户希望得到更加人性化的界 面，不仅要求视觉的形式美感、功能上操作便捷，更重要的是一切必须以人的需求为根本，带给用户人本主义设计关怀。好的界面设计也不仅仅是包括视觉上的，同时还有触觉、听觉以及交互性方面等，相信未来的手机界面设计能给用户带来多感观的体验。

        参考文献

        [1]刘冬冬 何人可 3g手机用户界面设计探讨[j].包装工程，2007。

篇9

[关键词]：情感；APP；界面设计；三层次理论

随着体验时代的到来，产品设计师逐步认识到，人们在基本需求得到满足的情况下，更关心情感上的需求和精神上的慰藉。加大情感体验在产品设计中所占的比重，设计出更多满足消费者情感需求的产品，将会是市场的必然趋势[1]。在APP产品同质化现象日趋显著竞争日愈激烈的当下，将情感融入到产品界面设计之中也显得尤为重要。

1、 APP产品的情感需求与情感化设计

《心理学大辞典》中认为的：“情感是人对客观事物是否满足自己的需要而产生的态度体验”。在Aarron Walter的《Designing for Emotion》一书中，作者将用户界面设计需求与马洛斯的人类需求层次理论联系起来，产品特质被划分为功能性、可依赖性、可用性和愉悦性四个层面，而愉悦性层面处于普遍缺失钐。因此，我们的APP界面设计需要超越可用性，融入能够给用户带来愉悦情感体验的情感化设计[2]。

美国学者唐纳德・A・诺曼在《设计心理学3：情感设计》一书中表示：一个令人愉悦、具有美感的物品，是以感官诉求为特点，令使用者的印象更为深刻，使用者感受到物品所带来的吸引力，从而形成情感上的联系。诺曼从知觉心理学出发，根据人类大脑三种运作层次，提出情感化设计的三个不同的层次，即本能层次、行为层次和反思层次[3]。

本能层次是指人类先天的部分，事物的外形、声音、材质、味道等等信号特征对人产生的视觉、听觉、触觉、味觉等的刺激占主导作用。行为层次是指人类日常行为部分，人们使用各类工具与产品完成目标任务来满足需求，是围绕产品的功能的实现过程进行评价的。反思层次依赖产品带给人们的记忆和使用产品所带来的自豪感，以及一些深层次的意识活动带来的乐趣。反思层次设计是本能层次设计和行为层次设计在具体文化、环境、价值基础上的深化与升华。

2、情感化设计在APP界面设计中的运用

诺曼的情感化设计理论在设计领域具有广泛的指导作用和启发意义[4]，APP 的界面是产品最终效果的呈现，是实现用户与产品交流的窗口。用户通过界面了解和使用产品，界面设计的优劣直接影响产品的使用效率、用户评价和口碑。三个层次的设计在APP界面设计中的运用可以对应表现为：本能层的设计即关注界面的外观视觉美观；行为层的设计即关注交互操作行为的乐趣；反思层的设计即关注长期印象和品牌的建立。

3情感化的APP界面设计方法

3.1 满足用户本能层的情感需求：刺激感官，本能

让用户初次接触产品时就能认识到产品设计的美感，并愿意进一步使用和体验。设计方法主要体现在色彩元素、文本元素、图形元素以及版式布局的运用[5]。

3.1.1色彩元素的运用

不同色相带给人不同的情感联想，与用户性别、所处的环境、文化以及个人经验有关。一方面要注重色彩的心理感知，使用符合用户特点的色彩。另一方面，

需基于功能分布合理配色，色彩的使用既要有统一性，形成 APP 区别于其他产品的独特个性，也要兼顾不同功能区承载的作用，协调、呼应、对比，通过合理的配色提升 APP 界面的易用性。

3.1.2 文本元素的运用

文本元素是 APP 与用户沟通以及用户与用户之间进行信息传递的重要载体。一方面，字形、字号、颜色、粗细等构成了字体的基本属性。受限于屏幕尺寸，建议设计中使用的文本控制在一到两种字体，通过改变字体的大小、颜色、间距、行距等来提升文本展示的层次性。另一方面，APP用户的使用情境的多样性构成字体的外部环境，直接挑战着字体设计的可读和易读性。设计中需充分预见可变因素，积极适应外部环境的变化，实现用户自主调整文本元素属性，增强界面的可控性。

3.1.3 图形元素的运用

图形不仅能够减少用户认知负担，同时能够传递给用户美的享受。APP界面设计中的图形元素主要分为两种：Logo 图标和界面中的功能性图标。Logo图标是用户下载和使用 APP 的重要入口，承载着用户的第一印象和感受，与其他界面一起向用户传达着整个产品的设计理念。在色彩、样式、质感等设计元素上应与 APP 的其他界面相统一，构成 APP 的视觉特点，帮助用户形成连续的视觉体验，增强用户对APP的感知。APP界面中的功能性图标通常设计简洁，主要使用于导航栏、工具栏和标签栏。不同的操作系统提供了很多标准的图形控件供设计师和开发者使用，这些图标对用户来说概括性强，相互一致，更易理解识别，应尽量采用这些标准图标。

3.1.4版式布局的运用

版式布局虽存在一定的规律可循，但具体到不同 APP 的不同界面，一方面需界面形式服务于界面内容。另一方面，需在设计之初便对APP界面有整体性把握，不同功能界面既变化又统一，力求所有界面无论从审美还是交互都能在相同元素的统一和不同元素的变化中创造出用户可以识别的界面模式。

3.2 满足用户行为层的情感需求：趣味互动、社交体验

主要是从互动形式和互动内容两方面体现界面的操作乐趣。互动形式包括简化操作过程、智能技术应用。互动内容包括使用游戏策略和增强社会互动。

3.2.1简化操作过程

APP的操作界面设计一方面需着重考虑效率与时间的因素。人们处理信息、学习规程和记忆细节的能力有限，减少冗余步骤和干扰项，能够减少用户的记忆负担，提高互动效率。另一方面在交互操作中，当过程无法简化时，可以将复杂操作转移给系统，让机器代替用户进行操作。如记录用户名和密码、自动识别用户IP所在的城市等交互设计细节。

3.2.2智能技术应用

随着信息技术的高速发展，手机交互技术也实现了数次重大革命，体验领域的不断突破，优化着用户体验。APP产品中智能交互技术的有效应用，如指纹识别、语音识别、眼球识别、面部识别等技术的应用，能在增强用户信息安全时带来不一样的操作体验，也能间接提升用户对产品的好感度。

3.2.3使用游戏策略

游戏的本质是被设计出来的欲望。如流行的智能手环，能够把每天走了多少步分享到朋友圈中，这就是一种游戏的竞争激励机制。常见的用户签到、级别划分、活动奖励、成就累计展示等，能够提高用户使用APP的积极性与参与感。

3.2.4增强社会互

人们沟通情感的需求决定APP产品的社交属性。评论、点赞、关注、分享、吐槽等都是社会化互动情感需求的体现。表达与倾诉、交谈与互动、群体归属、连结关系等良好的社会互动能够维持用户的参与、提高用户粘度、提升品牌影响力。

3.3 满足用户反思层的情感需求：唤醒记忆、触发认同

主要是使用户在不断使用APP的过程中，通过互动影响到自我形象、满意度、记忆等，与产品间建立情感联结，形成对产品品牌的认知和忠诚度。可以从以下两方面入手：

3.3.1 记忆符号的运用

情感不只来自于感官的直觉刺激，更产生于对岁月的回顾和经历的记忆。鉴于每个人的成长环境、区域、经历不尽相同，建议设计过程中参考集体记忆，从而设计出可读的隐喻。收集集体记忆―选取记忆原型―将记忆符号导入设计，是最直接的唤起人们记忆和情感双重共鸣的方式[6]。基于记忆便会产生熟悉感，会更易于融入人们的意识，消解于日常而不会给人们带来突兀感。

3.3.2情感的代入与交流

情感代入是以语言、图像、声音、动作等营造身临其境的感觉。丰富用户对世界的认知和对自我的认知。社会性情感的满足会给用户带来自信，是用户自我实现的一种方式。APP的高模拟性优势使得通过五感完整构建一个接近于人的形象成为可能，让产品中的人物或形象与用户以朋友的方式对话、互动、游戏，是产品与用户情感交流的好方法。

4 、结语

结合情感化设计的APP界面设计旨在为用户提供愉悦的情感体验，然而需要注意的是，大多数的情感化设计停留在本能层和行为层，不能引起用户的强烈共鸣。而且伴随着APP生命周期的演变，用户使用产品的新鲜感和惊喜感会逐渐淡化。所以，设计师需要时刻关注用户需求和产品自身的发展，提供其他产品不能提供的情感体验，真正发挥界面情感化设计的效果。

[参考文献]：

[1]尹建国.产品情感化设计的方法与趋势探析[J].湖南科技大学学报，2013，16（1）：161-163.

[2]Aarron Walter，王兴 译.Designing for Emotion[M].北京：人民邮电出版社，2014.

篇10

关键词：PPT课件 界面设计 图形 图片 文字

中图分类号：TP317.4 文献标识码：A 文章编号：1672-1578（2016）11-0056-02

随着教育技术在各领域应用的推广，PPT课件已经成为教师教育教学、各行业业内交流过程中非常常见的一种辅助手段，如何制作出高质量的PPT课件这个研究课题越来越为人们所关注。课件不是知识点的简单堆砌和罗列，需要进行设计，而优秀的界面设计是高质量PPT课件必须具备的条件。

好的界面设计不仅能使课件更加赏心悦目，增加观看者的无意注意时间，还能提高文字可读性[1]，强化讲演重点。那么，如何才能设计、制作出美观实用的界面呢？笔者认为可以从以下几个方面着手去做。

1 利用现成的模板

如果制作者本身的设计能力、美学素养不是非常过硬或者制作时间有限，那么可以考虑使用PPT或者WPS自带的设计模板，特别是WPS中有许多国人开发的模板可直接使用，新版本的WPS里模板更多样，而且和PPT相互兼容。

2 自制模板

自制模板有两个阶段，一个是模仿阶段，一个是完全创作阶段。当然这需要根据自己个人能力进行选择，还需要考虑课件需求的实际情况。

无论是模仿还是创作，PPT课件得界面设计都离不开图形、图片、文字这三个元素。为了使得整个课件保持和谐统一，课件的封面、目录页、内容页、封底还应考虑包含相同或相似元素。在幻灯片母版里进行相应制作可以提高制作效率。

3 注重界面设计三元素

3.1 界面设计中的“图形”元素

图形在PPT课件中可以作为教学内容，也可以缩小后放在页面某处作为美化元素。

3.1.1 简单图形的插入

可以利用“插入”面板里的形状或者smartart插入需要的简单图形。例如幻灯片中插入图片，如果画面中只有图片，画面会很单调，如图1所示。如果加上一些图形，哪怕只是两根简单的线条，也会为画面增色不少，如图2所示。

3.1.2 多个图形的叠加

打开”文件”菜单下的“word选项”面板，在“自定义功能区”中可添加“形状”选项卡，如图3所示。其中的形状剪除、形状交点、形状联合、形状组合四个命令项可以设计当多个图形对象叠加时留下的图形，利用这种方法可以进行简单的图形创作，如图4所示，图4为学生课堂作业。

3.1.3 图形的创作

单击插入――形状――任意多边形，多次重复单击、移动鼠标可以绘制出有意义的图形雏形，然后通过编辑顶点调整控点和控制柄位置可以创作出需要的图形，图形绘制好后再设置合适的填充色，多个图形合在一起，可以形成一幅非常漂亮的画，如图5、图6所示。图5、图6为学生课堂作业，图中所有对象都为任意多边形或其他图形绘制而成。

单击插入――形状――任意多边形，然后像用笔绘画一样按住鼠标左键拖动也可绘制图形，不过这种方法绘制出的雏形，放大后线条毛糙、不流畅，而且后期因为控点太多不容易调整。图形雏形也可以利用一些简笔画作为参考图，绘制完成后再删除参考图。

在课件制作过程中，作为简单图形插入的应用比较常见，而复杂图形创作因为比较费事，很少人选择使用它。不过笔者认为，通过多个图形叠加或者利用任意多边形绘制出的复杂图形，当掌握技巧后绘制起来并不是非常困难，而且也不需要非常专业绘画技巧。

3.2 界面设计中的“图片”元素

图片在课件中可以作为教学内容，也可以仅用于美化。

3.2.1 图片素材的选择

图片素材的选择需注意以下几个方面：首先尽量选择分辨率较高的图片，否则放大后图片会模糊不清，达不到观看效果；其次要注意图片构图本身的纵横比，否则拉伸后会变形，影响画面美观效果；再次，作为背景的图片不能选择色彩、层次丰富的图片，否则会造成喧宾夺主，文字内容无法醒目表现的情况出现。另外，课件中图片不是越多越好，要考虑到实际需要，要权衡利弊后慎重选择，更不能选择与教学内容毫不相关的图片，否则可能会给观看者造成理解上的干扰。

3.2.2 PPT图片工具的使用

PPT自带的图片工具可以对图片进行裁剪、背景删除、图片边框、图片效果、图片颜色、对齐、旋转等操作，使得图片更加符合讲演需要，经过图片工具处理的图片外在形式更加多样、生动。

3.2.3 图片素材的处理

利用PS工具或者美图秀秀可以对图片水印效果、多余的内容删除等其他细节进行调整。美图秀秀操作简单，容易掌握，特别是“抠图”操作非常简单实用。当然对于图片的一些复杂的处理，特别是多图层操作，还是用PS更合适些。

对于要在一些颜色鲜艳多样，明暗层次丰富的图片上输入文字的情况，可以考虑在图片上插入一个有底纹色、边框的图形，形状效果适当调整后，在图形上输入文字，这样既保留了所需图片，又使得插入的文字醒目、突出。

3.2.4 PPT中的图形与图片

作为图形插入到PPT后还可以根据需要随时调整，而如果是通过photoshop或者其他图片创作工具制作出的图片，插入到PPT后是不能在ppt中修改的，而只能在原有创作工具中进行修改。不仅如此如果后期对图中部分内容制作动画的话，图片是无法实现的，图片只能作为一个整体制作动画。例如一幅树的图片在后期利用PPT来做动画的话，只能制作出针对整棵树的动画，而不能仅针对树上的树叶做动画，而如果是图形，就可以根据需要任意安排树中的多个树叶对象做不同的动画。

3.3 界面设计中的“文字”元素

3.3.1 文字内容的设计

文字是界面设计的“点睛之笔”，通常在使用过程中是作为讲演者语言的重复强调或者辅助说明。制作课件时最容易犯的错误就是一张幻灯片上文字太多，信息量太大，导致重点不明，字体不清。同时由于界面上内容太多，也会让人感觉界面缺乏设计，如图6所示。解决方法有：方法一，删减原有文字，提炼出关键词或关键语句，可分层次、分条列出，注意分层最好不多于三层；方法二，分成多张幻灯片。

例如，图6中的幻灯片可从以下角度考虑界面设计的整改：一是一张幻灯片中涉及的主题太多，重点不突出，整改措施是根据文字表达的不同主题将内容分在三张幻灯片上，同时为了突出重点，在标题处配合图形进行设计，段落文字中重点词语用彩色突出标记，还可以配合合理的动画设计突出文字中表达的重点；二是根据背景颜色以及幻灯片中图片的位置、大小、内容合理安排文字的位置、大小、字体等，保证界面风格一致；三是相同级别的文字保持字体、字号、颜色、设计方式的一致。如图7所示。

3.3.2 个性化文字字体的应用

为了配合界面设计的风格，有时做课件时会选择比较个性的字体，这些个性的字体一般电脑上都没有安装，所以一旦做好的课件换了电脑打开后，这些个性化的字体就会变成默认的字体，失去了本身的风格。这个问题的解决有两种方法：一是把这些个性化的字体文字保存成图片插入在幻灯片中，这种方法比较适用于文字比较少而且一般不需要进行修改的内容，因为一旦存成图片后文字就不能编辑了，如果有错误，只能重新制作存为图片插入；另一种方法是将需要的字体文件保存在课件包里，提示使用者为了达到最佳观看效果，使用课件前需安装必要的字体，这种方法不存在修改文字麻烦的问题，但是字体需要手动安装。

3.3.3 文字颜色的选择

一张幻灯片上文字颜色不宜过多，否则容易让观看者眼花缭乱，找不到重点。文字颜色还需要与背景色形成鲜明对比，保证文字醒目突出。

当然，作为课件的界面设计来讲，还需要考虑课件的使用对象以及教学内容等方面的适用性问题，适当的留白对于课件界面设计来讲也非常重要。

参考文献：