界面设计艺术管理论文

内容摘要结合界面设计的行业发展与人才需求现状，针对应用型本科高校界面设计课程存在的诸多问题进行了一系列的总结与分析，详实地阐述了课程教学改革的实施对策，旨在提高实践教学质量，增强学生的项目实践能力，构建符合行业需求的应用型课程体系。今天小编为大家推荐《界面设计艺术管理论文(精选3篇)》，欢迎阅读，希望大家能够喜欢。

界面设计艺术管理论文 篇1：

地方工科类院校门户网站界面设计研究

摘 要：近几年随着地方工科类院校信息化建设的不断发展，门户网站建设越来越受到重视，同时对门户网站的界面设计提出了更高的要求。文章研究了地方工科类院校门户网站界面设计存在的问题，并提出了界面设计的基本原则，重点论述了扁平化技术、网站地图、线框图、学校大数据展示等内容。

关键词：门户网站；界面设计；学校大数据

随着计算机信息技术迅速普及和网络技术应用的发展，地方工科类院校门户网站己经成为学校对内、对外展示和宣传手段方面发挥着越来越重要的作用。如果把高校信息化建设比做一個框架，那么高校门户网站建设就是信息化建设的主要窗口，高校门户网站的建设水平和内容丰富程度直接决定了信息化建设水平。通过对现有地方工科类高校门户网站行比对与分析，发现网站界面设计问题较多，信息框架复杂，功能定位不准确，交互设计不友好等问题严重影响了高校门户网站的使用效果。

1 高校门户网站的定义

1.1 门户网站的定义

门户网站中的门户原意是指正门、入口，现多用于互联网的门户网站和企业应用系统的门户系统。所谓门户网站指的是一个应用框架，它将各种应用系统、数据资源和互联网资源集成到一个信息管理平台之上，并以统一的用户界面提供给用户。根据维基百科的定义门户网站（Web portal，又称入口网站，入门网站）指的是将不同来源的信息以一种整齐划一的形式整理、储存并呈现的网站。

1.2高校门户网站的定义

高校门户网站的是一个让高校师生以及校友、访客利用校园网络平台获取校内、外信息资源和互联网信息资源的重要入口，建立门户网站同时也是高校对外展现学校实力和宣传学校自身优势的一种有效手段。通常来说高校门户网站一般是由作为形象框架的门户主网站和作为内容主体的二级网站以及各类信息系统来共同组成的，是高校内部所有校园信息与互联网资源实现交互、共享的窗口，同时高校门户网站解决了高校信息孤岛问题，整合了校园内部所有资源，方便了师生以及校友、访客的使用。

2.1地方工科类院校门户网站界面设计存在的主要问题

1）网站界面设计内容过于繁多，重点不突出，所有的信息都想在门户网站的首页展示出来，网站界面排版非常乱，没有统一的设计风格，造成用户使用不方便，更不能及时得找到感兴趣的内容，用户体验差。

2）网站界面设计没有总体规划，思路不清晰，目标不明确，设计初期没有使用设计原型软件，致使网站总体设计结束以后才去返回重新设计，更重要的是重新设计也不一定会是最终的网站效果，浪费了大量时间。

3）网站界面设计中没有重点突出学校的办学特色，没有根据学样现有的文化和办学理念找到合适的方式展现出来，导致界面设计者和学校要求没有达到统一的意向，始终达不到最终的理想界面设计。

4）过时的界面设计 ，由于负责制作地方工科类门户网站的制作者大部分都是计算机或者相关专业的，对界面设计的现有的流行技术了解得不是特别多，所以造成制作的网站界面跟不上时代潮流，做不到与时俱进，严重影响了

5）网站界面设计对用户访问的粘性不够，例如：大部分同学甚至不知道学校的门户网站，或者由于网站界面设计的不合理，造成没有兴趣去访问第二次或者更多次的访问，出现这些问题主要是我们在设计门户网站的时间没有充分的考虑到我们主要的用户是谁？分为几类？每一类的用户都需要什么？我们能提供什么？

3 地方工科类院校门户网站界面设计基本原则

3.1 简洁统一性原则

简洁统一性原则是门户网站界面设计的重要的原则，这条原则说起来简单却做起来难，要做到简洁而不简单，富有感染力，有强烈的第一印象，简洁不仅仅是去年不必要的内容还要重点突出一些内容，同时操作设计也要尽量做到简单，使潜在用户能最快的速度找到想要的内容，并且有明确的操作提示，而且所有门户网站的界面要统一，包含所有的二级网站界面也要统一，通过对网站界面的各种元素（框架、颜色、图片、字体、留白等）使用统一的规格，使得网站的用户看起来应该是和谐统一的一个整体。通过这些系统的、规范化的设计 ，不断的强化潜在用户的记忆，使用户对网站产生良好的印象，减少用户的学习量和记忆量，用户必须记住的任何信息应该是和当前操作有关的，而不是和计算机使用相关。统一的网站界面设计对于潜在的报考学生来说，是了解学校的第一印象，特别重要，错误的网站界面设计最后会影响到招生的排名。

3.2 界面友好性原则

门户网站界面友好性是门户网站制作的需要重要考虑的重要原则，界面友好性对网站潜在用户的正确使用门户网站起着十分重要的作用。友好性的界面设计要符合用户的使用习惯，充分考虑到门户网站页面的兼容性和信息导航的舒适性，选择好框架和色彩的搭配，提高网站的访问率和使用效率，同时也要考虑到网站的界面风格、框架设计和色彩的搭配等因素对网站界面设计的影响。

3.3 以用户为中心原则

学校门户网站界面设计要从师生方便使用为中心的原则立场上来充分考虑门户网站界面设计。深入研究师生的使用习惯，通过调查问卷、现场问答等多种方法了解师生的需求，关注他们的期望和喜好等，对反应的问题要想办法解决，清楚师生使用门户网站界面习惯不同，设计要有针对性，比如：在界面设计调查时发现学生主要关注学习方面、校园文化、体育活动等方面的内容，教师主要关注教学任务、科学研究等方面的内容，针对这一情况我们在设计界面时要对不同的访问用户制作出不同的访问页面。

3.4 个性化设计原则

成功的学校门户网站界面设计可以给潜在用户带来亲切感，使用方便，提高用户体验。对于学校门户网站的个性化设计就是在符合学校整体网站界面设计风格的基础上，增加一些个性化的设计元素（如现在比较流行的学校大数据、扁平化设计等），同时研究新的界面设计技术溶入到网站界面设计里面。

4 对地方工科类院校门户网站界面设计的几点建议

4.1 深入调查研究，对地方工科类院校门户网站界面用户进行分类

为了更好的方便用户使用，使用户更有兴趣访问网站，根据多年从事门户网站设计和调研结果分析，目前地方工科类院校门户网站的用户主要分为以下几类用户：考生、学生、教工、校友、访客、捐赠。

考生：主要关注的信息是学校的本科、研究生的招生信息，奖学金、助学金、贷款等介绍，学校简介、校园环境等相关信息。

学生：主要关注学校跟学生自己学习和生活密切相关的网站，如：学生经常访问的教务处网站、图书馆网站、学工处网站、就业中心网站、本人的学校邮箱和博客等相关网站。

教工：主要关注的是校内的教务信息、科研信息、学校的新闻和公告等网站，如：人事处网站、教务处网站、科研处网站等。

校友：校友是学校门户网站访问用户不可忽略的重要访问来源，根据调研，校友主要关注校友网站、校友电子杂志、校友查询等信息。

访客：主要关注学校的校园风光、学校历史等信息。

捐赠：校友捐赠已经是目前很多高校一项重要的收入来源，同时也给在校学生带来多项奖学金、助学等，校友捐赠主要关注学校的捐赠平台以及所捐赠款项的使用去向等。

如下图所示：

以上的用户访问的位置要跟搜索放在页面的右上角，方便用户第一时间找到。

4.2 将扁平化设计应用到地方工科类院校门户网站界面设计中

早在2013年ios7发布以来，扁平化设计就轰动了整个互联网世界，很多网站和APP界面设计都使用了这项技术，带来了很好的效果，所以我们要把扁平化设计应用到地方工科类门户网站界面设计当中。扁平化设计是一种设计风格，以减法为主要设计理念，呈现出更加概括、抽象的设计样式，在实际运用中不使用透视、渐变、纹理、阴影等效果。扁平化设计通常应用在视觉设计范畴，即放弃一切装饰效果，所有元素的形式都更靠近几何形态，边界干净利落，没有复杂的装饰效果。相比常见的拟物化设计，扁平化设计略去了一切仿真的元素，包括阴影效果，高光等，目的在于让使用者将注意力集中在信息本身，而不是产品的装饰美等辅助因素上。“在视觉设计中，扁平化设计强调了极简主义，提倡了‘少即是多’的美学理念”，通过简洁的色彩、图形、文字的搭配最直观的向用户展示有效信息，是一种极简的设计方法。

4.3 使用信息架构对地方工科类院校门户网站界面进行设计

1）信息架构的英文是Information Architecture，简称信息架构，是美国建筑师沃尔曼（Richard Saul Wurman）先生在1975年创造出的一个新词汇。目前一般将信息架构定义为“组织信息和设计信息环境、信息空间或信息体系结构，以满足需求者的信息需求的一门艺术和科学。”，包括调查、分析、设计和执行过程，它涉及到组织系统、导航系统、搜索系统和标签系统的设计，目的是帮助人们成功地发现和管理信息。简单的说，信息架构就是将复杂的信息简单地传达用户的技术。人们在出于各种目的对信息加以处理的时候，对复杂的信息，怎样才能使他们更易于理解，更便于使用呢？这个时候，需要用到的就是信息架构。

2）网站地图在地方工科类院校门户网站界面设计中的的应用。维基百科定义：网站地图描述了一个网站的架构。它可以使一个任意形式的文档，用作网页设计的设计工具，也可以是列出网站中所有页面的一个网页，通常采用分级形式。这有助于访问者以及搜索引擎的机器人找到网站中的页面。网站地图是门户网站界面设计中的一个重要环节，良好的网站地图设计可以使潜在的访问用户第一时间了解到网站的结构、栏目和内容等基本信息以及网页之间的相互关系，同时可以快速的被各大搜索引挚收录，就像我们经常访问的城市在线地图一样，使我们的潜在用户快速找到自己想要的内容。

3）线框图在地方工科类院校门户网站界面设计中的的应用。线框图是门户设计设计不可或缺的重要组成部分，是网站设计师根据网站客户需求将网站构架形象化的一种展现形式。良好的网站线框图的设计可以使整个门户网站在设计前期更早的发现问题，并及时的解决，这将会大量的节约我们设计门户网站的时间、人力和金钱，使我们有更多的时间去开发门网户网站新的功能。本实例使用Axure进行设计线框图，这是根据对地方式工科类院校门户网站的内容的分类的展示。

4）合理的搜索系统设计。搜索系统主要负责帮助门户网站的用户第一时间搜索到自己感兴趣的信息，通过网站内部和外部搜索引擎，使用最快捷的方式提交给用户搜索的结果。通过对用户使用方式的了解，我们将搜索系统放到了门户网站的右上角，使用户在使用过程中能快速找到并方便使用。为了能更好的推廣学校的门户网站我们这里使用了百度网站的搜索，使搜索的信息更精确，内容更丰富。

4.4 运用大数据技术对学校特色信息进行定期展示

目前我国已经处于大数据时代，随着互联网技术的快速发展、高校门户网站建的迅速普及，以及家长和学生对学校大数据要求了解的逐渐提高，学校门户网站急需展示出学校的核心竞争力，增强学校的办学信心，在高校门户网站的位置上增加学校大数据的展示已经成为未来发展的必要趋势，同时学校的大数据信息要不断的更新，保证信息的准确，通过学校大数据运用突出数字和图示的方式，使访问者可以快速的了解学校的一些基本信息

4.5 学校要统一思想，提高认识，充分认识到网站界面设计的重要性

学校领导以及相关工作人员要充分认识到网站界面设计是一个重大的系统工程，是学校信息化建设的重要组成部分，需要全校干部职工理解、参与 、协调及配合。因此，在设计网站界面之前，要通过召开会议和调查问卷等形式，广泛宣传，了解各方面需求。同时对相关设计工作人员进行定期技术培训，确保设计人员掌握最新的网站界面设计技术，提高界面设计能力。

5 结语

综上所述，本文探索了地方工科类院校门户网站界面设计中存在的主要问题，并归纳了地方工科类门户网站界面设计的原则和网站界面用户分类，同时简要探讨了扁平化技术、信息架构、网站地图、线框图、搜索系统设计、学校大数据展示等在地方工科类院校门户网站界面设计中的发展趋势。

参考文献：

[1] 王令中.视觉艺术心理.北京：人民美术出版社，2006.

作者：迟瑞丰 许宏年

界面设计艺术管理论文 篇2：

新时代背景下界面设计课程教学改革之探议

内容摘要 结合界面设计的行业发展与人才需求现状，针对应用型本科高校界面设计课程存在的诸多问题进行了一系列的总结与分析，详实地阐述了课程教学改革的实施对策，旨在提高实践教学质量，增强学生的项目实践能力，构建符合行业需求的应用型课程体系。

关键词 界面设计 应用型 教学改革 实施对策

1 引言

在数字技术飞速发展的时代背景下，用户界面与人机交互设计已成为当下最为活跃的研究领域之一。对于应用型本科高校的艺术设计类专业，在与“移动互联网”及“新媒体”相关的专业课程方面也不断进行改革与探索，以培养满足社会建设与行业需求的应用型创新人才。界面设计作为高校数字媒体艺术专业的一门核心课程，已逐渐成为专业院校为交互设计领域培养优秀界面设计师的中坚力量。因此，界面设计课程的教学内容与模式应紧跟社会发展趋势，注重知识体系的实时更替，推陈出新，改变教学方式方法，从而达到应用型人才培养的真实目的。

2 界面设计的行业发展与人才需求现状

随着我国移动互联网技术的日新月异，智能手机与平板电脑的不断普及使“界面设计”越来越被人们所了解和熟悉。加之用户对产品的情感化意识不断增强，以人为本与用户体验至上的理念内涵持续深化，用户界面设计已逐渐成为当下人才市场上炙手可热的职业之一。

界面设计是一门综合性极强的专业课程，在数字媒体艺术专业的人才培养方案与课程设置当中拥有重要地位和巨大意义。界面设计不是单纯的美术绘画，它需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计，其涉及心理学、设计艺术学、符号学等多重知识体系，其应用领域几乎涵盖了所有与数字技术相关的产业[1]。如今高新智能技术的发展，使国内关于界面设计的人才供需矛盾问题愈来愈凸显，许多应届毕业生的专业能力不能较好满足行业需求。面对现状，应用型本科高校必须依遵行业发展，完善课程设计， 加强学生专业应用能力的培养，真正突破人才培养与社会需求脱节的壁垒。

3 界面设计課程教学中存在的诸多问题

3.1 课时问题导致教学无法深入

就目前开设界面设计课程的应用型本科院校来看，该类课程普遍存在教学课时设置偏短的现象。据调研，界面设计课程大都为艺术院系数字媒体艺术或视觉传达设计专业的必修课程，在学分设置方面基本以 2～3 学分居多，课时设置为32～48 课时，每周 4～8 课时，课时不足导致教师在课程教学内容的安排上存在较大局限。在课程中，学生无论是在专业基础理论知识学习方面，还是在实践应用拓展训练方面，均受到了不同程度的影响和制约。学生对于界面设计的学习， 也仅停留在相关软件的运用及对界面视觉层面的美化设计，而关于交互原理、操作逻辑以及用户研究方面却无法深入探究。

3.2 教学内容与行业需求不匹配

随着行业的发展及用户需求的提升，企业对界面设计人才能力与素质的要求越来越高。优秀的界面设计师，不仅能承担界面视觉的美化，而且在用户需求挖掘以及交互设计方面同样能够深度参与。但从目前国内界面设计的教学内容而言，大部分依旧仅针对于界面的设计原则、规范及软件表现技法等方面的讲授与训练。学生在设计实践中，对产品前期调研、用户分析以及低保真原型设计等内容训练的缺失，不利于深入理解产品的开发流程与整体设计。故教学内容的不完善，是导致界面设计人才培养与行业需求脱节的重要因素。

3.3 课程考核评价体系不完善

国内多数院校设计类专业的课程考核评价体系依旧采用平时成绩与期末成绩加权的方式形成学生最后的总评成绩，其中平时成绩由平时作业成绩加考勤成绩构成。这种考评模式虽然能够一定程度地考查学生对讲授知识的掌握情况，但从平时成绩与期末成绩的权重占比来看，过于偏重最终的设计成果，而缺乏平时作业的考查与设计过程的跟进，从而导致学生在完成平时作业时，不能够认真对待。

3.4 师资队伍缺乏项目实战经验

目前，国内高校教师多以教学科研为主，缺乏项目实战经验，不了解企业管理与运营，对社会与行业需求存在认知上的偏差。尤其是国内艺术设计专业教师， 大都没有从事一线设计的工作经历，参与商业项目较少，对行业标准与工作流程了解不够，使教学内容与企业设计生态脱节。故任课教师自身项目实战经验匮乏， 专业理论陈旧落后，无法切实确保人才培养质量。

4 课程教学改革的实施对策

4.1 合理规划课程内容，夯实设计理论基础

根据行业需求与专业发展，重新构建课程体系，优化课程内容结构。在教学进程上，增加界面设计课程总课时量，延长课程周期，保证每周 8 课时以上的集中教学环节，以及充分的课后实战训练时间。在教学内容上，深度把握行业需求，完善课程的专业理论知识。教师可利用两周课时进行用户研究方法与交互设计基础理论的讲授，并以情感化设计的理论作为指导依据，将情感化表现的相关理论与研究方法注入课程并形成基本理论体系[2]。同时，充分结合设计思维与方法、服务设计等前置理论课程内容，将相关知识点融入界面设计理论教学环节，注重专业知识拓展与迭代。

4.2 以设计流程为导向，开展项目模式教学

以项目化实践教学模式为抓手推动课程改革创新，是应用型本科院校转型发展的有效途径。在课程实践教学环节，将企业设计项目带入课堂教学，教师引导学生按照企业的设计工作流程全面展开设计任务，营造情景式的教学氛围。在教学中，学生可根据设计要求成立项目工作小组，团队成员可根据企业设计部门的职位设置，分别扮演产品经理、用户研究分析师、交互设计师、视觉设计师等角色， 并各自承担项目中的工作内容，教师负责把控设计目标与方向。以项目模式开展教学，能够让学生按照界面设计工作流程，从用户研究出发，围绕企业实体开展用户调研，发现用户痛点，并将其转化为设计的机会点，再通过交互与视觉设计呈现为产品界面以满足用户需求[3]。通过项目实战训练，巩固和拓展了专业理论知识，充分调动了学生参与课程学习的主观能动性，提升了学生沟通表达与团结协作的职业素养。

4.3 以行業需求为基准，完善考核评价体系

基于上述项目式课程教学改革，根据界面设计课程体系建设及教学内容特点，在课程考核评价体系方面应做出相应的调整。首先，适当增加课程平时成绩的权重占比。任课教师需严格把控学生平时作业的完成质量，关注设计项目的实践过程，重视学生在课程学习过程中的综合能力培养。其次，针对项目细化考核内容。根据界面设计流程将各个环节划分权重比例，任课教师对学生每一工作环节的完成效果分别考评，最后加权构成总成绩。再次，以行业标准对项目成果进行评估。对项目的最终完成情况，以项目提案形式组织汇报展示，同时邀请业界专家参与评估，为学生提出更符合行业规范的指导性意见。最后，向外界展示推广结课成果。课程负责人可策划优秀课程作品展，多形式多渠道的推广学生作品， 让更多校内外专业教师及业界人士为学生的项目成果做出中肯评价与意见。

4.4 加强师资队伍建设，全面提高教学质量

课程改革创新的推动离不开师资队伍建设，高校应积极引领教师成长，打造双师型实践教师团队，为专业发展与课程建设注入新活力。一方面，加强校企合作，吸纳行业优质资源，聘请业内专家为相关教师培训实践技能，参与课程教学环节，为学生提供有效的实战训练方法。另一方面，专业教师应积极下厂实习锻炼，真正走进一线设计公司参与商业项目，了解产品开发流程，学习业内最前沿的新知识、新技术，提高自身的项目实战能力，为提高教学质量、完善教学内容、优化课程设置、改进教学方法提供新思路。

5 结语

综上所述，本文对界面设计课程改革的思考与探讨，充分结合了国内部分院校艺术设计专业在课堂教学中真实存在的问题，以及国内界面设计人才在就业市场的困境。应用型本科高校界面设计课程的改革创新，要以数字经济为引领，以高新技术发展为驱动，立足社会与行业对界面设计人才培养的需求，遵循科学的教育教学规律，助力应用型人才培养，全面提高教学质量。

（作者系河南工程学院 助教）

【参考文献】

[1]任工昌，王力.工业软件界面设计研究[J].电影评介，2011（1）：85-86，109.

[2]康凯.《UI 设计》课程教学改革[J].知识经济，2017（23）：161-163.

[3]陈海星.以设计工作流程为导向的项目式界面设计课堂教学改革与实践[J].装饰，2017（11）：108-111.

作者：李琦

界面设计艺术管理论文 篇3：

基于品牌提升的APP界面设计原则

摘 要：移动互联网高速发展的环境下，基于品牌APP的界面设计通过视觉、听觉和触觉等能给用户带来更直观的互动体验。文章结合优秀的APP界面设计案例进行分析，提出APP界面设计与品牌特色相结合，并提升品牌的设计原则。

关键词：品牌提升；APP界面设计；设计原则

检 索：www.artdesign.org.cn

Principles of APP Interface Design Based on the Brand Promotion

XIAO Wen-ting（Sunde Polytechnic， Foshan 528333， China）

Key words ：brand promotion； APP interface design； design principles

Internet ：www.artdesign.org.cn

随着4G网络的成熟以及移动终端硬件技术的快速更新，移动终端设备的界面设计随之也高速发展，并形成自己一套独立的设计语言。据调查数据显示，80%的智能手机用户均下载过品牌APP，其中23.2%的用户下载过数十个以上的品牌APP。各大品牌逐渐意识到APP的开发与运用能帮助企业品牌获得较好的影响力，快速接触目标消费者，甚至成为销售产品不可缺失的营销手段。在我国，基于品牌的APP设计还是相对新鲜的事物，其产生与发展只有几年的时间，并未有全面针对品牌APP的VI系统设计规范，只是被归属到传统企业VI系统应用中的一部分。面对APP界面设计严重的同质化和低竞争力等问题，基于品牌提升的APP开发与设计，将APP的界面设计与品牌的提升密切结合，即界面设计服务于品牌，并有效地强化品牌形象、增强品牌友好度、扩大品牌影响力、深入洞察与了解目标用户等。因此，如何将APP界面的设计与品牌特色相结合，并提升品牌的设计原则包括以下四点：

一、一致性原则

APP界面设计的一致性即通过视觉结构、视觉层次、视觉元素等达到设计的统一整体，减少用户认知成本，加深对品牌认识。设计师要自如地把控好品牌APP在众多移动终端中的视觉效果，需要对同一设计策略从线下到线上做宏观的统筹，处理好各个系统之间的差异，利用和发挥各平台的优势，让品牌APP能在不同的终端呈现最佳效果，并形成品牌形象的完整与延续。

（一） 与系统设计指南一致

专家们在关于界面设计的书籍与著作中都强调了界面设计的一致性。因为只有统一一致的界面准则才能降低用户的学习成本，减少学习风险，同时还能避免多样复杂的视觉元素干扰消费者对品牌的理解。每个操作系统都会有自己官方的设计指南，设计师在进行APP应用设计与开发时，要确保设计符合操作系统的一致性。① 例如，在IOS系统人机交互指南中指出所有的IOS系统版本中默认字体是Helvetica Neue。虽说从IOS 7系统开始可以使用很多可选的字体，但继续沿用和遵循此设计原则才不会给用户带来不适感。遵循用户的使用习惯，才有利于品牌信息的推送。

（二） 视觉结构一致

Jeff Johnson在其著作《认知与设计——理解UI设计准则》中指出，信息呈现方式越是精炼和结构化，人们就越能更快和更容易地扫描到并理解它。构建清晰的视觉层次界面，能帮助和引导用户专注于信息本身。②通常APP视觉结构主要包括状态栏、导航栏、主菜单、内容区域等四个部分，每个部分再细分出更多的元素。在品牌APP界面设计时要注意如何合理有效地整合众多的元素，为传递品牌信息服务。例如通常APP界面的主菜单习惯出现在界面顶部，因此就要遵循此原则，将其置于顶部，其他各页面的布局不变，协调好各个控件的比例关系，避免造成视觉结构的混淆，让用户能在较短时间内适应APP的界面布局，捕捉品牌信息。

（三）视觉元素一致

1.品牌图标

图标是指带有含义的计算机图形，是可视化界面系统中具有交互功能的符号化视觉表现方式。品牌图标作为提升品牌APP界面中重要的组成部分，主要包括两种，一种是品牌APP的开启图标，如同PC端的软件快捷方式；另一种是品牌APP中的界面图标，如导航图标、工具栏图标、按钮等。品牌图标的设计是APP界面中重要的辅助和指示图形，其视觉语言务必善用或延用企业品牌VI系统的设计规范，满足各平台的一致使用规范，增强用户对品牌认知延续，提高品牌与用户的互动效率。

首先，品牌开启图标。外观上始终保持与品牌的界面设计风格一致，大多以品牌LOGO作为图标的基础图形元素，以减少用户对品牌认知的负担，在有限的界面布局中强化品牌形象，引起用户的注意力。其次，界面内部的功能性图标。其视觉特征也要与品牌既有的识别系统保持一致，例如图标线条的长短粗细、圆角弧度、视觉风格、留白空间等都应思虑周全。品牌图标整体统一的视觉特征不仅形成APP界面设计的整体美观效果，也反映出品牌的严谨性与专业性，在品牌推广过程中可加强用户对品牌的识别性。

2.品牌色

色彩是用户最容易辨识的品牌元素，成功的品牌会很巧妙地运用它独特的品牌色。不少互联网产品品牌都有着让人印象深刻的品牌色，如腾讯蓝、雅虎紫、淘宝橘、京东红等。无论在官方网站、移动端APP设计、相关线下衍生品都应和谐统一的运用。

基于品牌提升的APP界面设计在品牌色的运用时首先要使品牌的主色、辅助色与其他平台的运用一致，但允许适当地根据移动端平台的特点做细微调整。其次，各终端尺寸不同，品牌APP界面设计在品牌色的比例要达到视觉一致，颜色搭配以纯的品牌色为主，三个之内的配色为辅进行搭配。简洁干练的用色，才能在保证品牌统一性的同时，使用户更容易地感受到品牌所营造的氛围。

3.品牌图与文字（案）

图片的编排方式能无意识地让用户感知品牌产品，传递品牌意识，而文字却是用户获取理性信息的重要媒介。移动端APP界面设计受限于屏幕的大小，为吸引用户的眼球，提升品牌档次，通常采用大尺寸配图或整图做背景，配合精简的文字（案）辅助的方式。以图片社交分享APP Pinterest的界面设计为例（图1）。该应用最大的特点就是采用瀑布流的形式展示图片内容，在有限的画面中采取大尺寸的图片为内容展示。它独特的图文编排方式吸引用户不断地发现新的内容，参与到产品的互动交流中，并且在各平台上都能很好地体现出该品牌产品的特色。此外，APP界面设计欲为品牌提升加分，文字（案）应遵循精简原则，必须清晰可读，大小合适，颜色与背景色有较为明显的对比等设计原则。

二、沟通原则

美国认知心理学家唐纳德·诺曼在《情感化设计》一书中，将设计的层次划分为三个等级，即“本能层、行为层和反思层”。本能层关注视觉外观设计，行为层关注互动操作设计，反思层则更重视用户体验。③沟通原则主要指基于品牌APP的界面互动操作设计。

（一）简化操作的过程

移动端品牌APP的操作界面设计，要考虑效率与时间的因素。满足用户碎片化的沟通时间，用简洁、便利的功能操作，提高互动效率。以任务管理类APP Clear的界面操作设计为例（图2）。无按钮的界面设计将“简洁”的设计理念实现得淋漓尽致，通过不同手势几乎完成了所有的操作命令。从图中可以看出该APP界面的图形设计没有复杂的按键，渐变醒目的色条排列任务，区分优先级，用户可以根据自己的喜好自由调节。简洁的操作过程，让用户减少了记忆的负担，对各界面部分自由控制，提高了APP的使用效率，实现了视觉、交互、程序与硬件的完美结合。独特的界面设计与操作流程设计让用户记住了该产品，赢得了品牌的好感度。

（二）优化操作状态的反馈

当下的APP界面操作置于触摸屏之上，用户没有了按键的触感，只能通过视觉和听觉得到操作状态的反馈。如果用户没有很好地被引导以及得到及时的信息反馈，将会导致用户在与界面的交互过程中迷失方向，进而产生挫败感。④因此基于品牌提升的APP在界面中以品牌形象大图或产品大图为背景，操作按钮设有点击前后的不同状态，用户能清晰地从界面上看到必须要的信息，被引导进行操作与交互。按钮设计为当下流行的幽灵按钮，整体视觉风格醒目简洁。没有复杂的色彩、样式及纹理，线框示意轮廓，文字示意功能，具有强烈的视觉冲击力，让用户能沉浸于品牌APP的交互与体验中，优化品牌信息的传播（图3）。

三、用户个性体验原则

在产品同质化严重的今天，保持品牌的与众不同才能从众多产品中脱颖而出，展示自身特色，提升市场竞争力，体现品牌价值。移动互联网环境下，新的传播媒介为品牌提供了重要的媒介手段供用户参与到APP界面体验中。而产品交互系统中可参与性表示用户体验品质高低，可参与性好的系统，会使人难以忘怀，物有所值，并从中感受到使用的乐趣。⑤基于品牌提升的APP界面设计，以用户为中心，需更深入寻求用户的个性体验，满足目标用户个性化的精神参与感、情感需求。例如，日本著名的生活品牌——MUJI（无印良品），它致力提倡和实践着“No Brand”的品牌精神，并提倡简约、自然的现代生活哲学理念，受到追求简单、自然、朴实的年轻消费者喜爱。该品牌在进军移动端APP的开发与设计时，精准定位品牌特色与应用市场类型，寻求独特的品牌推广方式。选择应用排行热门的工具类进行开发，并完美地与品牌产品特征、消费目标用户直接关联。例如MUJI to Relax 是无印良品的一款音乐睡眠APP（图4）。它不同于一般的音乐APP，可以通过摄像头检测用户的心跳定制专属的白噪音功能，具有极强的互动性和趣味性。虽然是移动端的应用工具，但其创意不仅具有定制音乐的功能，还能结合MUJI品牌本身经营领域来进行产品拓展与延伸，如配合MUJI品牌的香薰灯、靠枕等使用。MUJI to Relax APP的界面采用与品牌定位一致的扁平化、简单的设计风格，用数字化工具深入洞察了品牌受众的消费心理。心跳制定音乐的功能，营造了情感化的使用氛围，提升了品牌的好感度。差异化的产品体验，切合了目标用户个性化的情感需求，扩大了品牌领域的影响力。

四、 环境原则

品牌APP界面设计的环境原则包括两种，一种是APP运行的系统应用环境，如ISO操作系统、Android操作系统、Windows操作系统等。另一种是用户操作APP的场景、情景等。本文中的环境原则主要指第二种。品牌要维护与消费者之间良好的关系，给用户带来更好的体验，就要注重APP与用户对话的方式和使用的场景。用户可能会在走路、开会、乘车、与人交谈等多种情景中使用品牌APP，灵活运用移动设备硬件功能，如重力感应器、GPS、摄像头等，提高用户与APP参与度。良好的交互设计配合直观达意的视觉设计，不仅较好地传递品牌信息，还能更好地让用户在体验中提升品牌好感度。

环境原则并非每款品牌APP必须严格遵循的原则，但如在开发与界面设计时充分考虑到，能塑造良好的品牌特色，提升品牌竞争力。

当下的移动互联网时代，品牌APP的开发与设计是现阶段提升品牌最具竞争力和可塑性的方式。基于品牌提升的APP界面设计通过本文提出的一致性、沟通、用户个性体验、环境等设计原则能将APP界面设计与品牌特色相结合，并从品牌内容展示、品牌信息传递、目标用户了解、品牌影响力扩大等方面提升品牌。

注释：

① 徐曼鹭，王峰，吴栋.“浅谈Ipad应用的视觉设计原则”[J].艺术与设计（理论），2015（3）：54-56.

②（美）Jeff Johnson.认知与设计—理解UI设计准则[M].张一宁 译. 北京：人民邮电出版社，2011：36.

③ 李四达.交互设计概论[M].北京：清华大学出版社，2009：21.

④ 刘春强.视觉选择性注意在网页交互界面设计中的应用研究[D].无锡：江南大学，2014（21）.

⑤李世国.交互系统设计—产品设计的新视角[J].装饰，2007（2）：12-13.

作者：肖文婷