什么是界面设计

界面是人与信息沟通的渠道，界面设计的目的是使这个渠道简洁明了，使人能随意地进行操作，并在这个过程中得到有效的帮助。而网页界面设计的目的则是为了使网页中的内容得到更好的体现，更加突出界面设计的主题性。尽管网站的页面设计根据不同的系统功能要求，会体现出一定的个性化设计，但也要遵循一致性原则，即使网站整体保持色调、组件等元素的一致性（张帆等，2005；古大诒等，2000；刘永瞻，2002；吴瑜，2004）。由于系统涉及的页面众多，文中仅选取若干代表性的页面进行设计说明，主要包括总体界面设计、国家风险界面设计、运输风险界面设计与系统管理界面设计。

5.2.4.1 总体界面设计

该原型系统总体界面设计参考了Web界面设计的一系列基本原则，采用Sharepoint对整个系统界面进行合理的部署。主体界面主要包括：A区域为系统主题LOGOB区域为功能导航栏；C区域为功能细分区；D区域为功能展示区；E区域为版权信息说明（图5.20）。

图5.20 系统总体界面

5.2.4.2 国家风险界面设计

国家风险展示界面的设计宗旨是：①全面准确、清晰地在GIS地图上显示世界各个区域或者国家的风险；②清晰、明确地显示与我国在油气和固体矿产资源进出口方面有密切往来国家的地理、历史、民族宗教等基本信息，特别是油气输出敏感地区、国家的政治、经济、地缘等风险信息，为用户是否选择其作为石油进口来源提供科学依据。

国家风险界面由两部分组成。第一部分通过GIS调用世界地图，在世界地图上根据每个国家或者区域的风险大小，用不同的颜色来为每个国家或者区域着色，主要是采用了红色和黄色两种色系来表示风险。

第二部分为每个国家的信息展示，主要包括与我国在油气和固体矿产资源进出口方面有密切往来的20几个国家。第一部分页面设计与主界面保持一致，第二部分重点介绍国家信息展示页面，如图5.21所示。风险信息的国家风险界面色系选择了与整个系统相一致的蓝色系，色彩清爽、干净，给人以清新愉快的感觉。界面布局以块状分布为主，在有限的区域内井井有条地展示大量、丰富的信息。整个界面链接的逻辑思路清晰，用户可从任何页面方便地返回首页，或者在各功能模块间切换。

图5.21 国家风险界面——国家信息页面

此页面设计，为用户提供了最重要的油气信息，将页面中心分为3个区域，区域C是地图展示区，在最醒目的区域E将以文字结合图标的形式展示该国家的地理位置、油气资源概况和数据来源说明；页面的左下部（区域D）被设计为列表菜单，用户可以根据自己不同需要选择、查看相关信息；页面最下方的区域F是版权信息展示位置。

国家风险界面在设计过程中严格贯彻了简洁、美观的设计思路和以用户为中心的设计理念，较好地实现了美观与实用的结合，达到设计初期制定的目标。

5.2.4.3 运输风险界面设计

我国在进口油气过程中有80%是靠水路运输完成的。在海外油气运输过程中，必然涉及航线风险事故率、港口吞吐能力、海盗袭击等因素的影响，因此在本系统中重点对运输风险这一模块进行了详细的设计与开发。该界面设计，首先是以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或实现必要的功能为目标。在整体界面风格上同主界面以及国家风险等其他几个子模块风险采取同一色系和界面框架设置。这样，一方面可以使得大家能够快速通过该系统界面挖掘有用信息；另一方面可以使得整体界面搭配合理、美观。

运输风险界面设计的思路主要是：首先，通过MapInfo软件并运用GIS技术将运输风险各底层指标数据进行可视化处理和展现，包括港口风险、航线风险、承运风险、海盗袭击4个主要模块。通过可视化处理后，针对具体港口等详细信息进行单独页面展示；最后运用Flash技术对港口、航线、承运、海盗袭击进行动画展示。

进入运输风险界面后，点击其中某一子菜单风险查询，即可得到如图5.22所示的GIS风险专题图界面。以航线风险为例，在右侧主框架下，利用MapInfo和MapXtreme软件对所有航线进行绘制，通过GIS技术实现航线的风险展示，主要分为以下4个版块：在C区域内，采用树形菜单，使得客户可以直接选择所需版块；在D区域内，参考部分专业地理信息系统软件，建立拖动条调整专题图界面的大小，对整个界面显示实现了有效补充；在E区域内，主要通过航线的颜色展示该航线的风险程度，航线的粗细表示该航线的承运能力，将后台数据可视化展示，客户可以根据图示直观地看出各个航线的相关风险信息，方便决策者依据信息作出决策；在F区域内，利用频谱技术将航线的风险值由高到低通过图例显示，以方便客户一目了然地看出每个航线的风险值高低；在右下方的G区域内，为了对GIS专题图进行详细了解，运用GIS软件设置了相关辅助按钮，包括放大、缩小、拖移等，以求实现更智能化操作。另外，在选择国家底层风险值以及航线的风险值时，考虑整体界面风格的搭配，选取合适的色系，使得界面显得柔和、美观。

图5.22 运输风险中的航线风险GIS图

5.2.4.4 系统管理界面设计

系统管理模块在进行页面设计时很好地体现了总体设计原则，系统管理在保持整体蓝色调、系统默认字体，以及分栏框架结构设计，系统管理内部的各个子页面之间也体现了系统风格以及交互行为的一致性。

国外油气与固体矿产资源开发管理系统的系统管理模块，主要面向后台的系统管理员用户，所以对于用户的系统知识有着一定要求，比如后期的网站操作维护、数据库更新等，都要求系统管理员能够进行良好的网站维护操作（吴坤，2005）。因此，界面在设计过程中更具有专业面向性。针对系统管理模块的典型页面（国家数据管理页面）进行具体介绍，如图5.23所示。

图5.23 国家数据－资源概况

国家数据页面中，系统管理的基础数据管理页面设计，主要采用了基于模板技术的动态网页设计，即利用模板页技术以及AJAX技术，使得子页面能够继承模板页的主体界面。采用这一关键技术的优点是：当要对网页的主体界面进行修改时，只要对模板页进行变动即可，大大地简化了网页的维护工作。

主体页面分3大功能区域：A区域是功能选择区，包括两处链接入口；B区域是事件触发区，控制C区域内容展示；C区域是对象信息展示区。其他区域如系统LOGO、导航栏、版权信息等，与主界面设计保持一致。这样的布局，以最适合操作、浏览的方式将文字放在页面的不同位置，也体现了页面触发的逻辑流程。

UI 设计师的职能大体包括三方面:一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量 UI 设计的合理性。

UI设计目前的前景还是很不错的，很多企业都缺少 UI设计师。而且可以看到的是，现在社会的发展，更多的智能机和智能机器人研发出现，这些都离不开UI 设计师。所以说 UI 设计的是很有前途的，是不会失业的。而且 UI 设计门槛不高，要入门也不难的。

从工作内容来说，UI 设计在当前的互联网领域、科技领域可以说无处不在，

好的 UI 设计能够明显提升用户的使用体验,从而给产品带来更多的附加值,所以UI 设计对于互联网产品是非常重要的。目前 UT 设计通常分为两个大的工作方向，一个是交互设计,另一个是视觉设计。

总的来说，UI 设计相比较于编程而言，还是非常适合大众学的并且就业前景很广阔。学完 UI 设计，能获得一份稳定而又不失乐趣的工作，同时有利于追求更高品质的生活，在艺术领域可以获得更多的启迪。

1、简易，是要让用户们方便使用、方便了解产品，减少用户选择发生错误的可能性。

2、一致性，是优秀界面都具备的特点。界面的结构必须清晰且一致，设计风格必须与产品内容相一致。

3、色彩的舒适度，好的设计看上去很统一简洁，颜色搭配很好，保护眼睛。

4、文字的主次分明，任何作品要传达信息，如果字体排放凌乱，文字大小、颜色没区分，间距行距都没有，很难挖掘自己想要的信息，所以文字每一个细节都很重要，至少要让别人看清楚文字写什么。

5、易用性。不管是手机主题，网站设计，APP设计，需要让用户快速上手，简单又好看，达到方便用户的目的。

界面设计（即UI设计）是人与机器之间传递和交换信息的媒介，FaceUI称包括硬件界面和软件界面，是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来，随着信息技术与计算机技术的迅速发展，网络技术的突飞猛进，人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。

UI界面设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。UI设计分为实体UI和虚拟UI，互联网说的UI设计是虚拟UI，UI即UserInterface(用户界面)的简称。

好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。国内大部分UI工作者都是从事这个行业，是了解软件产品、致力于提高软件用户体验的产品外形设计师。

这些设计师大多是美术院校毕业的，其中大部分是有美术设计教育背景，例如工业外形设计，装潢设计，信息多媒体设计等。

扩展资料

UI即用户界面设计行业刚刚在全球软件业兴起，属于高薪技术设计产业，与国外在同步发展水平。其次国内外众多大型IT企业(例如：百度、腾讯、Yahoo、中国移动、Nokia、联想、网易、微软、盛大、淘宝等众多企业)均已成立专业的UI设计部门，但专业人才稀缺，人才资源争夺激烈。

就业市场供不应求。如今，国内的UI设计日益发展，有了专门的职业分工也开始出现一些较高水准的一线设计师与UI设计交流组织。但总的来说，在这一领域，我们与西方发达国家间的差距仍是显而易见的。

软件领域不像物质产品那样，存在工艺、材料上的限制，其核心问题恰在于人。因此，提高软件UI设计师的个人能力，真正提升软件产品的人性化程度，已成为中国UI发展的重中之重。

参考资料来源：百度百科-UI设计

我们一般所说的UI设计多指UI视觉设计，主要负责APP、Web、H5等页面的色彩、布局、icon、字体方面的设计工作。但随着互联网的不断发展，纯视觉的工作已经开始日益减少，行业要求UI设计师也要懂点交互设计和产品方面的知识，即懂用户体验设计（User experience），国内称UE，国外叫UX（全栈设计师甚至要懂代码）。UI设计最后产出物是高保真视觉稿＋页面标注＋切图。

出于成本考虑，有的中小型公司和初创型公司也会让UI设计师负责一些平面类的设计，如：海报、宣传册、LOGO等。所以，UI设计师如果会平面设计或手绘则是加分项，但不是必须项，不会也不用担心。

UI设计是近年来关注度非常高的一个行业，UI设计师也是引发了很多人的关注。UI设计主要是图形设计和交互设计。图形设计就是传统意义上的美工，以前UI设计不受重视，所以美工地位不高，现在随着UI设计的兴起，美工也被称为UI设计师。其实UI设计师不是单纯意义的美术工人，而是软件产品的“外形”设计师。交互设计主要设计软件的操作流程、树状结构、操作规范等。

在这个颜值当道的年代，UI设计师的水平高低直接决定了互联网产品（不伦手机还是PC）的颜值。撇开产品的质量，用户接触产品的第一印象，就是UI设计师的杰作，对于很多受众来说，一旦产品的颜值/第一印象达不到标准/审美，那下一步就是直接拜拜了。

一个好的UI设计师，能给予产品一张标致的脸，能赋予有趣的灵魂新的价值，所以说UI设计绝不是打杂美工。

UI设计师岗位职责包括了很多的方面：

首先ui设计师应对Photoshop（Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及）。

Illustrator（作为一款非常好的矢量图形处理工具，该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目）。

Flash（Flash是一种动画创作与应用程序开发于一身的创作软件）等图形软件比较精通，使用比较熟练。

对于网页制作工具html（超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素）。

Dreamweave（DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器）等也要熟练运用；其次要会使用一些办公软件；还要对互联网应用产品的人机交互有一定的认知；最后，还要有创新精神，在平面设计与网页设计上有较强的能力。

界面设计是ui设计师需要重点掌握的一个设计能力，下面我们就通过案例分析来了解一下，界面设计技巧包含哪些设计方法。

1、借鉴好的程序

多了解同类软件的界面，并加以分析与了解，直到能够区别好的用户界面与差的用户界面。但不能够机械的模仿别人的界面。

2、功能的统一

有一些很常用的功能，如添加、修改、删除、查看，同一个软件中，这些功能应该有相同的*作方法。举个例子，几乎我们所有的程序中都有*作员管理这一块功能，但没有一个功能完善统一的模块可供调用，结果虽然程序员间相互复制这个模块，但经过修改后，每个程序的*作管理都不相同。

3、变灰的功能

有时有些功能不可用，好不要删除这些按钮若项目，而是使他们变灰为不可用状态，这样有助于用户理解整个程序的功能。

4、默认按钮

使用不具有破坏功能的默认按钮，在每个窗口中，为了方便用户，一般都定义了一个默认按钮，当用户敲回车键时可以快速执行某功能，但有时用户会不小心按错回车键，这时候执行了默认功能后，不能产生不可还原的*作，比如删除或保存。

界面设计与制作专业主要培养掌握网络等媒体艺术设计和制作工具的使用技巧，能独立完成网络等媒体艺术作品的简单设计与制作等技术人才。

界面设计与制作专业主要面向网络媒体行业、数字艺术行业，从事网页美术、网页广告、网页动画、站影视设计和制作、多媒体美术设计制作等岗位工作。

更多职业教育培训，请查看：https://wenda.hqwx.com/catlist-3.html/?utm_campaign=baiduhehuoren