UI设计范文

UI设计范文（精选12篇）

UI设计 第1篇

(一)按属性分,分为启动图标和工具栏图标

1. 启动图标就是代表产品的象征符号,通过用户的点击起到运行及打开产品及软件的作用。

启动图标与标志设计相比有一定的相似之处,是产品或者企业的象征。但启动图标讲究可读性,而标志设计则更注重抽象和象征寓意并更多地从企业文化视角出发,强调寓意的深度。启动图标出现的平台单一,以电子屏幕为主,而标志可以出现在任何相关平台。

2. 工具栏图标就是软件及产品内部起到解说和装饰功能的图标,是工具文字化解释的图标化设计,以增强界面设计感的表达和用户体验的趣味性。

简约、概括、传达性是工具栏图标的主要特点,系列化设计也是工具栏图标区别于启动图标的典型特征。

(二)按表现手法分,分为拟物化图标和扁平化图标

1. 拟物化是指在最直观的印象上与实物尽可能地相像,通过造型、质感、文理、阴影等效果的运用对事物进行再现,让人可以一眼就看出来这是什么东西,有的可以表现得尽善尽美,有的可能就让人觉得过于追求细节,甚至是过剩的装饰。

拟物化的设计也有一些致命的缺点,比如过分注重形式,缺乏功能性的展现;将时间大量花在各种效果的呈现上,忽略了形式美的表现。拟物化设计确实引领过UI设计的先锋阶段,功不可没,我们从中得到了更多经验的总结,也锻炼了很多设计技能,是设计师进行UI设计的必经阶段。

2. 扁平化是指摒弃高光、阴影和透视感的效果,通过抽象、简化、符号化的设计元素来表现。界面表现极简抽象,矩形色块、大字体、光滑、现代感十足,让你想去体会这是什么东西。其交互核心在于功能本身的使用,所以去掉了冗余的界面设计。扁平化是通过尽可能抽象的语言表现图标的符号化和简约化,更加注重造型的形式美的视觉语言而摒弃细枝末节的设计。扁平化图标多以简约的线条、形状、高级的渐变配色和元素的构成关系夺人眼球,简约而不简单。

二、图标差异性的表现

图标设计在不同平台差异性还是很大的,比如不同的媒体形式,电脑、手机、平板电视、智能家居,等等。在同一平台的不同品牌也有很大差异,这也是体现多样化和个性时代所需。但总的设计指导思路是不变的,都是要满足视觉审美日益增进的用户,让他们真正地体验到什么是好的设计。作为设计师需要分清不同平台和同一平台不同阶段产品在规范上的具体使用,跟随时代发展与时俱进。

(一)在电脑系统中

windows历代系统中直到windowsphone系统出现,图标风格有了翻天覆地的变化,是拟物化到扁平化最典型的案例。极致的扁平化的界面,大胆的结构划分,图标的极简设计,纯色填充与镂空,一时间受到了众多评论,褒贬不一。现在来看是设计风格发展到一定阶段的必然结果,需要一个代表性的设计思想去做突破,这一过程也是人们的视觉审美认识水平进一步提升的表现。这也要求设计者不断积累学习最新技术,扩展设计思维,满足更加挑剔的用户。

(二)在手机系统中

苹果公司的iphone系列也是图标演变的教科书式范本。ios7横空出世之后,扁平的界面图标立马成为了大家议论的焦点,这次的风格转变得到了很多赞同之声,虽然有些较为传统的用户不大习惯,速度也受手机本身的配置所限,但界面的优化让用户看到了一个全新简约的界面形式,释放了屏幕,解放了双眼,图标颜色的全新配色也让人眼前一亮。

三、扁平化的逆袭

(一)开发更加简单

拟物化到扁平化的变革实际上是UI设计发展到一定阶段的必然结果。互联网科技下的数字媒体设备的更新换代逐渐代替了传统纸质、电视、广播等媒体,现在人们的生活逐渐被数字化的产品所替代,手机、电视、家电、电脑、平板等一切与生活有关的设备都趋于操控的智能化。拟物化在起初对人们认识新事物时是有一定的启发和指导认知作用的,让人们对这些智能产品的认知达到了一定的习惯性,对更新换代的新产品就有了更大的信心和好奇感,人们就会更加注重产品的美观和操作的流畅性,扁平化也就应运而生。而具有代表性交互动作的图标,则成为主要表现扁平化设计的载体,让人们能更好地与产品沟通与交流,开发也随着技术和界面扁平化变得更加简单。

(二)使用更加高效

拟物化的时代是装饰过剩的时代,经不起人们的细细品味。我们做的每一样设计不可能都去像画工一样描摹得逼真,我们更应该像艺术家一样提炼精髓,抽象简约地去表现事物,赋予它灵魂。大家都喜欢有意境的抽象符号,会让我们的认知更清晰。在未来的设计中,一个时钟APP要特地地设计成时钟的样子,那一定是傻透了,装饰过多会分散注意,无法更加注重更多好的互动体验,反而降低了效率。

(三)缓解审美疲劳

无论是绘画还是设计,繁久必简,这就像进化规律一样那么的有效。随着windowsphone和苹果ios界面的发布,扁平化就像一阵春风,瞬时间改变了流行的面貌,使得设计变得更加简约清晰。解放了用户的眼睛,削减了视觉审美疲劳,被更多逐渐变得简约、优雅的设计所替代,可以说这场变革改变了人们焦躁、烦闷的复杂生活方式,让生活越来越好。

四、扁平化图标设计的技巧

扁平化图标的流行也有了几年的时间,如果你细心观察过,各个平台的设计都趋于扁平,并且很多扁平化的设计都很雷同,令人印象深刻的也不多,甚至很多时候我们能找到一样的案例,怎样将扁平化赋予生命的力量,也有很多技巧。

(一)简单的设计元素

扁平化完全属于二次元世界,每个图形简单又安静,没有那么多繁杂的点缀。这个概念最核心的地方就是放弃装饰效果,诸如阴影、透视、纹理等能做出3D效果的元素一概不用。所有元素的边界都干净利落,就像剪纸一样有清晰的轮廓,美丽的形状,甚至单纯的颜色。尤其在手机上,因为屏幕的限制,使得这一风格在用户体验上更有优势,更少的按钮和选项使得界面干净整齐,操作起来简单便捷。

(二)关注色彩

关于扁平化图标设计中,从ios7的风格我们就有了非常明晰的感受:界面图标的色彩相对之前拟物化更加绚丽;一些简单的晕染和渐变颜色的使用让人极易被吸引;繁杂的修饰已经远去,让我们心动的是这些漂亮的颜色;颜色之间搭配的考究远远超过拟物化随意的配色方式。对色彩的敏感度也正是考验设计师水平的重要因素。

(三)图形更具创意

自从扁平化设计成为风潮以来,图形创意就尤为受到重视,再也不是元素的简单罗列,堆积成一个具象的图标,而是绞尽脑汁地去想如何用最简单的符号语言去做创意,达成一系列图标的统一化。也不是越简单越好,缺少了正确的传达性再简单也是失败的设计,让外观充分表现产品功能才是正解。并且这和标志的设计还有些不同,标志是单个体的表现,而图标往往是系列化的呈现,所以越是有想法有表现的图形越能被吸引,再加上完美的配色,想设计出一组精美的图标也就变得不那么困难了。

五、结语

UI设计 第2篇

今天在整理本月邮件时发现这个邮件可以公布在BLOG上，也许会引发一些话题和收获。

Vinny 致 我

引用自

抱歉，可能我们正在做着没有意义的事情，但是在我们还没有得出一个结论的时候，大家都还抱着一些幻想和期待!

附件是我纪录他们讨论的截图!期待您的回复：)

附件：

白鸦 致 Vinny

引用自

其实很早一起我们就谈论这个问题，

很多人把类似的“UI组件”“UI控件”叫做“UI规范”， 后来我们讨论的结果是：叫做“UI指南”比较合适。

因为“规范”是虚的!“指南”是用来指导和提高工作效率的

我觉得如下几点需要说明：

1、不管是叫“UI控件”还是叫做“UI指南”，它都不应该和“直接产品易用性”扯上直接的关系。 它顶多只是“项目管理”或者是“产品开发”的一个“效率管理”范围。 只是一种“工作方法”而已。

2、千万不能为了“让产品开发的资源库中多几个G的资料”而搞这些东西， 为了规范而规范只能劳民伤财!

3、这种“UI指南”做好了做实用了确实会对产品的开发乃至整个产品的规范有很大的作用，某些程度上说也是提高和规范UI的一个重要方面。

4、做这样的东西不同的产品应该有不同的办法，“没有通用的易用性/可用性”。

5、一个长久的产品确实很有必要具备这样东西， 因为真正的项目不只是一个项目应该是一个产品 甚至应该说是一个品牌。

所以这样的东西也很有必要。

6、不要说“作出来这样完成的系统指南成本太高，我们不去考虑”! 其实完全可以“先计划一下，慢慢去做起来”。

不要想一口吃个胖子，也不要一点事情都不作。

也许你开始作了就会发现：“慢慢积累，点滴去做，很快就有成绩出来了”。

先做起来

7、另外扯一个话题“没有行业规范”，

所谓的行业规范应该是同行企业之前慢慢形成的一种通用习惯。

在这个商业社会上，如果谁说他的东西是“行业规范”，那么他一定有很多另外的目的.

8、如果做了这个东西，一定是要长期维护的。 最主要的是“开发者用着方便”。

9、其实我更关注“用户情感设计指南”，比这种“用户界面应用指南”要有意思。 最近太忙，有时间写篇BLOG解释一下这个。

参考：

www.uicom.net/blog/article.asp?id=95

www.uicom.net/blog/article.asp?id=169

Vinny 致 我

引用自

谢谢您的见解，还有个棘手的事，各个角色争执不下原型问题

以下是两个角色的观点，我也为之困惑：

UI：UI需要BA(业务分析师)，提供一个明晰的业务流，来完成整个原型设计;

BA：完成需求分析后，再接着完成原型(比如visio)，以及页面流(体现小部分交互样式)。

先前，原型和交互通常是UI根据BA的需求说明书来思考完成。但问题在于需求说明书的业务场景是所有角色(或权限)的全集，相关的细业务流是模糊的，这样通常导致UI输出的页面流不够完善、业务需求反复修改!

目前由BA取代需求、原型和交互这部分工作，我的UI同事认为这样会忽略可用性的问题，造成不好的用户体验，以及产品价值。

其实就我们的业务特点而言，用户是有着相对的特殊性，我的疑惑：要照顾到特殊性就非得忽律对可用性的重视么?!

BA认为UI所须做的是不参与项目工作，而是来规范和评估他们的原型结果，BA承担原型和交互其间问题你怎么看?!

您认为下面这个流程有什么是可以省的?或有什么地方存在意识上的缺陷?

用户研究-分析需求-可用性设计-出原型-用户沟通迭代-gui设计-code

白鸦 致 Vinny

引用自

我这两天在家做手术，没有太多时间回答你的问题。

暂时我只能说：你的看法和观点有点片面，********

等我身体恢复后请提醒我，我应该可以给你完整的回复。

起码可以肯定一点：在这里流程不是最重要的，重要是的协作方法。

sorry 。。

UI中的视觉设计 第3篇

（1）、界面清晰明了。允许用户定制界面。

（2）、减少短期记忆的负担。让计算机帮助记忆，例：User Name，、Password、IE进入界面地址可以让机器记住。

（3）、依赖认知而非记忆。如打印图标的记忆、下拉菜单列表中的选择。

（4）、提供视觉线索。图形符号的视觉的刺激；GUI（图形界面设计）：Where， What， Next Step。

（5）、提供默认（default）、撤销（undo）、恢复（redo）的功能。

（6）、提供界面的快捷方式。

（7）、尽量使用真实世界的比喻。如：电话、打印机的图标设计，尊重用户以往的使用经验。

（8）、完善视觉的清晰度。条理清晰；图片、文字的布局和隐喻不要让用户去猜。

（9）、界面的协调一致。如手机界面按钮排放，左键肯定；右键否定；或按内容摆放。

（10）、同样功能用同样的图形。

（11）、色彩与内容。整体软件不超过5个色系，尽量少用红色、绿色。近似的颜色表示近似的意思。

尽量考虑到使用者的感受，而不是主观的表现。在艺术的创作过程中，实质就是对现实的审美认识与对审美认识的表现过程。

UI视觉设计也可以说是作为平面设计的一部分，也遵循平面设计的基本原则，要考虑到画面各元素组合构成的形式与方法以及这种形式对人心理引起的共鸣。在完善这一些基本形式规律的同时，更应该注意其形式感对人的心理作用以及其表达人的感情的深与广度，使其真正和设计的最终效果相一致，形成一个完美的、全新的整体形象。同时也要考虑到平面构成的基本形式如，重复与近似、渐变也发射、特异与对比、密集、机理等。

“以用户为中心”的UI设计方法，以人为本的设计思路，这一点在国内也经常被提起，但在事实的操作中还有很长的路要走。例如：苹果公司发布乔布斯领导研制的新一代电脑Lisa，当时Lisa电脑的设计人员就认为，必须将立即执行的命令和需要用户附加输入的命令分开。他们决定在后者的命令末尾添加省略号“...”，比如“Save as...（另存为...）”。这个省略号提醒人们：软件会显示一个对话框提示用户输入更多信息（暗示当前命令发生之前还有别的情况）。会立即执行的命令末尾没有“...”。

这条规则被广泛运用，包括菜单和按钮。Lisa计算机以及它的后来者MAC和Microsoft，采用这条规则在细节处理上起了很大的作用。这个也是现在游戏包括很多运用软件上上面常用的一些原则，这条规则被广泛运用，包括菜单和按钮。Lisa计算机以及它的后来者MAC和Microsoft，采用这条规则在细节处理上起了很大的作用。给用户带来了极大的方便。

当一个产品成功打入市场的时候，人们看到的是其强大的功能，上乘的质量，周密的市场策略，合适的价格定为，甚至是美观的包装设计，而很少有人会将亲和性的界面设计放在功劳簿上。例如现在的腾讯，1997年，现在的腾讯CEO马化腾接触到了ICQ并成为它的用户，他亲身感受到了ICQ的魅力，也看到了它的局限性：一是英文界面，二是在使用操作上有相当的难度，这使得ICQ在国内使用的虽然也比较广，但始终不是特别普及，大多限于“网虫”级的高手里。

1999年2月，腾讯在互联网上推出OICQ的第一个测试版本包含的功能十分简单，仅仅只包括简单的在线即时通讯功能，但其界面设计令人称赞不已，事实上，尽管到现在为止，腾讯已经先推出十来个版本以上的QQ软件，但其界面仍然没有任何改变，这表明，从一开始，腾讯OICQ软件的界面设计是十分合理的。

当腾讯推出QQ之前已经有了很多的类似的及时通讯软件。而腾讯的腾讯QQ在功能上面也没有什么特别之处，那么很多人一直在质疑，为什么QQ能够力压群芳，最终几乎接近垄断中国在线即时通讯软件市场？从功能上说，一直以来QQ并没有什么特别之处，但相比之下，其它在线即时通讯软件也没有什么特别之处，大家都是模仿ICQ。但QQ之所以能够取得成功，原因不在于它的功能如何强大，而在于它的界面设计的十分合理，用户操作简单，相比较和QQ同时代的其它在线即时通讯软件，如Sina pager、OMMO等，它们一开始的功能并不弱于QQ，特别是OMMO，其在一面世就推出了比QQ强大得多的功能，如电子邮件、网络硬盘，过多的功能反而让使用者觉得操作十分烦琐，这是它之所以失败的重要原因所在。其后几个月，腾讯推出OICQ 99a，先后新增了公共聊天室、传送文件、无线寻呼、手机短讯、语音聊天等，并且在这个版本里面，腾讯还做了另外一个大动作，那就是把唐老鸭、加菲猫、Kitty猫、皮卡丘、大力水手、汤姆猫、蓝精灵、史诺比、刺猬索尼克等知名熟知的卡通肖像换掉了，换上了腾讯自己设计制作的卡通肖像。令人吃惊的是，在腾讯新增了这么多功能后，OICQ的界面仍然没有任何改变。其合理的设计、良好的易用性、强大的功能，稳定高效的系统运行，赢得了用户的青睐。

毫无疑问，UI设计优势在产品竞争中扮演的重要角色是无庸置疑的，但是，这种优势实现和意识都是长期性的，而非短期行为。他意味着需要相当长的时间让客户了解到，但是一旦形成此种心理上的优势，就会在很长的时间内存在，会将易用的心理暗示代入整个产品的后续开发甚至整个品牌。

当一个产品成功打入市场的时候，人们看到的是其强大的功能，上乘的质量，周密的市场策略，合适的价格定位，甚至是美观的包装设计，而很少有人会将亲和性的UI设计放在功劳簿上。UI设计所倡导的是可用，易用，然而在消费者心中可用，易用是理所当然的。而设计师所应该做的就是默默的为人类服务。

技术是有局限性的，而设计师的思想是无限性的。完美的UI设计能给技术很普通的产品带来质的飞跃也能给企业带来意想不到的收获。这一切都是基于一个目标，以人为本，服务社会。

参考文献

UI设计 第4篇

在 《侏罗纪世界》 和 《王牌特工》 的网站初始背景中, 设计者分别运用电影内片段和场景景深变换, 使用户在登入网站时能很快地融入到电影主题中, 这种新颖的设计方式已得到多数设计师的青睐。随着Flash应用的衰退, 大多数PC网站普遍不加入动态变化, 而在UI中加入视频的网站却逐渐增多。在HTML中插入视频, 需要插入“video”标签, 此标签于HTML5 中供给使用, HTML5 对多媒体网站支撑主要通过包含元素项来兑现, 主要包括Video、Canvas、Audio等元素。其中, Canvas元素拥有十分重要的效用, 它好似一张画板, 通过该元素自带的API联合Java Script代码, 可以在这个画板上绘制各种图案图像以及动画; 而“Video”和“Audio”作为视频、音频特征标记, 使视频、音频从此不必绑定在Object或Embed标记中, 既提高了网页应用的安全性和稳定性, 也在一定程度上提高了用户体验, 随着近些年主流浏览器支持HT⁃ML5, 使得利用视频的环境更加容易。

Web网站和APP程序在页面跳转上是否有接缝这点上略有不同, 随着Flash的没落, HTML的网站成为主流, 页面跳转使用页面刷新, 变得乏味陈旧。然而, 通过Pjax让web网页实现了像APP那样的无缝跳转, 如同插入JQuery一样, PC版网站也可以做到页面间的无缝画面跳转。Pjax的使用, 大大提升了用户体验, 是很多主流网站, 如facebook等都支持的一种浏览方式。在电影《饥饿游戏》 (The Hunger Games) 的官网上, 点击左侧栏链接时, 页面不做跳转, 而只是站内页面刷新, 这样的用户体验比起整个页面刷新来说, 视觉好上很多, 也给用户一种未来科技的代入感。Pjax维护了web原本的构造, 在页面跳转时便替换了原定的代码, 让页面保持整洁, 有利于SEO (搜索引擎优化) , Pjax成功取代了Flash和曾经的Ajax。

大型化、低密度、长页面及扁平化表现

PC网页常常在有限的空间内加入大量单一button元素的设计, 但如今的潮流趋势将UI部件推向了大型化 (Big UI) 、低密度 (Low Density) 和长页面 (Long Page) , 加之Microsoft推出的Window10 和Apple的ios9 中倡导的扁平化设计, 扁平化设计已经在现行的APP UI中逐渐普及。《侏罗纪世界》的网页上, 我们看到设计师很明显地将上述元素运用到位, 右侧栏的button大型化, 模仿window8 和window10 中的“开始”界面栏。点击网页下方六边形的button可以推出长页面, 增加了用户互动元素, 整体网页布局采用低密度形式, 从使用者角度更容易浏览、理解, 减少了网页内容的指向性错误, 也让网页可以更好地利用触摸屏幕进行浏览, 使部分移动设备得以全方位体验网页。这些年来, 许多新型笔记本电脑上安装了触屏, 而触摸屏的使用出自手指点击, 时常不能进行精准操作, 因此用户界面增大, 元素和button之间要留出充分的空间, 页面中表现元素变得清晰, 方便页面滚动浏览。

作为大型化、低密度、长页面这三大项要素的合适布局, 趋势为一栏布局。一栏布局对于使用者, 不会再有不需要的杂项入眼, 使重要的内容汇集在一起, 页面上的文字更容易被阅读, 图片被展示得更大。在今年日本热门电影《百元之恋》的网页上, 就采用了典型的一栏设计, 在banner部分贴出大幅的电影海报, 信息栏则简要地展示电影近期动态和文字新闻, 去掉了侧边栏导航条, 让网页的层级得到降低, 减少了选项菜单, 只留下banner下方的选项栏。

关于扁平化设计, i Phone发布ios7以来就在设计界刮起了追崇之风。扁平化设计是不使用任何额外效果的设计, 去掉3D化效果, 无多重阴影、斜角、立体浮雕等创建出的凸起或凹陷的效果。扁平化网页元素并不是拒绝一切修饰效果。首先, 扁平化元素关注颜色, 通常使用色彩明亮鲜艳的色彩。与此同时, 扁平化也注重文字, 很多扁平化处理只会涵盖很少的文字, 为了达到让用户易辨识的使用感受, 设计中需要注意每一处文字的长度和字体的应用。

SVG的使用和液态布局

SVG (可缩放矢量图形) 格式可以算上目前最为热捧的图像文件格式, 与其他格式相比, SVG不会像JPEG、GIF和PNG依存于尺寸和分辨率, 无论环境变化, 无论扩大减小, 都能够正常输出显示。图片尺寸格式相对更小, 技术上可以制作成动画, 设计出高分辨率的Web图形网页, 图片格式适合在移动端和多种设备下阅览。当今设备的多样化, 画面的分辨率出现了彻底的改变。以前, 宽度符合960px~980px就可以解决问题, 如今对于分辨率多用化, 最符合页面宽度的布局当属液态布局。设计元素和图片不是用像素来定义, 而是使用百分比, 就好比将液体倒入容器中, 当容器的形态发生变化时, 液态的形态也将跟着发生相应的改变, 因此无论什么分辨率的网页, 都能够被布局成拥有一定平衡感的页面, 这样也解决了适应小型或大型屏幕设备时的缺点了。《模仿游戏》 的图片浏览页面就很好地做到了两者结合, 看似排列不同的矩形SVG图片方阵, 通过跟随浏览器大小的变更, 排列从全屏时的四行排列, 缩小浏览器视窗后变为两行排列, 这样也无需左右调节滑动条进行浏览, 而电影剧照的图片清晰度也未发生改变, 仍然保持着很好的用户体验。

结语

综上所述, 本文通过国外电影网站洞悉了一些网页UI设计趋势。值得一提的是, 趋势这样简单的概括难以在设计领域长青, 前端设计往往要做的就是打破设计的框架, 让使用者眼前一亮却恰到好处。了解趋势是重要的, 把握这个背景的网页用户的动向也不容忽视, 在没有了解用户需求本质的情况下, 如果只是为了追求网站的设计, 效果未必能够达到预期。优秀的电影网站设计, 在大商业环境下不断涌现, 跟随这样的设计趋势, 不是普通网页UI设计师的必选项, 但可以说是一个非常不错的选择。

参考文献

[1]徐镇辉.基于HTML5的视频网站设计与Web前端EPG系统实现[J].漳州职业技术学院学报, 2013 (2) .

[2]Sogilog website.“PCサイトのUIデザインにおける12のトレンド”[EB/OL].[2015-02-17]http://baigie.me/sogi-tani/2015/02/pc-site-trend-2015/

UI设计 第5篇

世界级图形设计大师Paul Rand（保罗.兰德）曾经说过：“设计绝不是简单的排列组

合与简单地再编辑，它应当充满着价值和意义，去说明道理，去删繁就简，去阐明演绎，去修饰美化，去赞美褒扬，使其有戏剧意味，让人们信服你所言……”，由此可见，设计绝非轻而易举之事，优秀的设计更是难上加难，今日小编偶然发现一篇界面设计师Joshua Porter博客当中的一篇文章——《Principles of User Interface Design》，文章中列举了20大UI设计原则，看完之后，觉得挺受启发，泛艺学苑老师于是试着将其编译，希望能够给广大设计师——特别是刚入门的初级设计师，提供较好的学习机会。【UI设计快速学习通道>>】

【UI设计需要学什么？>>】

全文编译如下： 免费试学/ 一对一辅导/项目实训/就业保障

1.清晰度是首要工作

清晰度是界面设计中，第一步也是最重要的工作。要想你设计的界面有效并被人喜欢，首先必须让用户能够识别出它？让用户知道为什么会使用它？比如当用户使用时，能够预料到发生什么，并成功的与它交互。有的界面设计得不是太清晰，虽然能够满足用户一时的需求，但并非长久之计，而清晰的界面能够吸引用户不断地重复使用。

2.界面是为促进交互而存在的

界面的存在，促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率，还能够激发、唤起和加强我们与这个世界的联系。

3.保护和尊重用户的注意力

我们在阅读的时候，总是会有许多事物分散我们的注意力，使得我们很难集中注意力安静地阅读。因此，在进行界面设计的时候，能够吸引用户的注意力是很关键的，所以千万不要将你应用的周围设计得乱七八糟分散人的注意力，谨记屏幕整洁能够吸引注意力的重要性。如果你非要显示广告，那么请在用户阅读完毕之后再显示。尊重用户的注意力，不仅让用户更快乐，而且你的广告效果也会更佳。因此要想设计好的界面，保护和尊重用户的注意力是先决条件。

4.让界面处在用户的掌控之中

人类往往对能够掌控自己和周围的环境感到很舒心。不考虑用户感受的软件往往会让这种舒适感消失，迫使用户不得不进入计划外的交互，这会让用户很不舒服。保证界面处在用户的掌控之中，让用户自己决定系统状态，稍加引导，我想你会达到你希望的目标。免费试学/ 一对一辅导/项目实训/就业保障

5.直接操作的感觉是最好的

当我们能够直接操作物体时，用户的感觉是最棒的，但这并不太容易实现，因为在界面设计时，我们增加的图标往往并不是必须的，比如我们过多的使用按钮、图形、选项、附件等等其他繁琐的东西以便我们最终操纵UI元素而不是重要的事情。而最初的目标呢？就是希望简化而能够直接操纵……因此在进行界面设计时，我们要尽可能多的了解一些人类自然手势。理想情况下，界面设计要简洁，让用户有一个直接操作的感觉。

6.每个屏幕需要一个主题

我们设计的每一个画面都应该有单一的主题，这样不仅能够让用户使用到它真正的价值，也使得上手容易，使用起来也更方便，在必要的时候更容易进行修改。如果一个屏幕支持两个或两个以上的主题，立马会让整个界面看起来混乱不堪。正如文章应该有一个单一的主题以及强有力的论点，我们的界面设计也应该如此，这也是界面存在的理由。

7.勿让次要动作喧宾夺主

每个屏幕包含一个主要动作的同时，可以有多个次要动作，但尽量不要让它们喧宾夺主！文章的存在是为了让人们去阅读它，并不是让人们在Twitter上面分享它。所以在设计界面的时候，尽量减弱次要动作的视觉冲击力，或者在主要动作完成之后再显示出来。

8.自然过渡

界面的交互都是环环相扣的，所以设计时，要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的，并且通过设计将其实现。这就好比我们的日常谈话，要为深入交谈提供话由。当用户已经完成该做的步骤，不要让他们不知所措，给他们自然而然继续下去的方法，以达成目标。免费试学/ 一对一辅导/项目实训/就业保障

9.外观追随功能（类似于形式追随功能）

人总是对符合期望的行为最感舒适。当其他人、动物、事物或者软件的行为始终符合我们的期望时，我们会感到与之关系良好。这也是与人打交道的设计应该做到的。在实践中，这意味着用户只要看一眼就可以知道接下来将会有什么的动作发生，如果它看上去像个按钮，那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上耍小聪明，要在更高层次的问题上发挥创造力。

10.区分重点

如果屏幕元素各自的功能不同，那么它们的外观也理应不同。反之，如果功能相同或相近，那么它们看起来就应该是一样的。为了保持一致性，初级设计师往往对应该加以区分的元素采用相同的视觉处理效果，其实采用不同的视觉效果才是合适的。

11.强烈的视觉层次感

如果要让屏幕的视觉元素具有清晰的浏览次序，那么应该通过强烈的视觉层次感来实现。也就是说，如果用户每次都按照相同的顺序浏览同样的东西，视觉层次感不明显的话，用户不知道哪里才是目光应当停留的重点，最终只会让用户感到一团糟。在不断变更设计的情况下，很难保持明确的层次关系，因为所有的元素层次关系都是相对的：如果所有的元素都突出显示，最后就相当于没有重点可言。如果要添加一个需要特别突出的元素，为了再次实现明确的视觉层级，设计师可能需要重新考虑每一个元素的视觉重量。虽然多数人不会察觉到视觉层次，但这是增强设计的最简单的方法。

12.恰当的组织视觉元素，减轻用户的认知负荷

正如注明设计师John Maeda在其著作《Simplicity》中所言，恰当地组织视觉元素能够化免费试学/ 一对一辅导/项目实训/就业保障

繁为简，帮助他人更加快速简单地理解你的表达，比如内容上的包含关系。用方位和方向上的组织可以自然地表现元素间的关系。恰如其分地组织内容可以减轻用户的认知负荷，他们不必再琢磨元素间的关系，因为你已经表现出来了。不要迫使用户做出分辨，而是设计者用组织表现出来。

13.色彩不是决定性的因素

物体的色彩会随光线改变而改变。艳阳高照与夕阳西沉时，我们看到的景物会有很大反差。换句话说，色彩很容易被环境改变，因此，设计的时候不要将色彩视为决定性因素。色彩可以醒目，作为引导，但不应该是做区别的唯一元素。在长篇阅读或者长时间面对电脑屏幕的情况下，除了要强调的内容，应采用相对暗淡或柔和的背景色。当然，视读者而定，也可采用明亮的背景色。

14.循序展现

每个屏幕只展现必需的内容。如果用户需要作出决定，则展现足够的信息供其选择，他们会到在下一屏找到所需细节。避免过度阐释或把所有一次展现，如果可能，将选择放在下一屏以有步骤地展示信息。这会使你的界面交互更加清晰。

15.内嵌“帮助”选项

在理想的用户界面，“帮助”选项是不必要出现的，因为用户界面能够有效地指引用户学习。类似“下一步”实际上就是在上下文情境中内嵌的“帮助”，并且只在用户需要的时候出现在适当的位置，其他时候都是隐藏的。免费试学/ 一对一辅导/项目实训/就业保障

设计者的任务不是在用户有需要的地方建立一个帮助系统，把发现用户需要的义务推

诿给用户，让用户去在帮助系统中寻找他们问题的答案。而是应该确保用户知道如何使用你提供的界面，让用户在界面中得到指导并学习。

16.关键时刻：零状态

用户对一个界面的首次体验是非常重要的，而这常常被设计师忽略。为了更好的帮助用户快速适应我们的设计，设计应该处于零状态，也就是什么都没有发生的状态。但这个状态不是一块空白的画布，它应该能够为用户提供方向和指导，以此来帮助用户快速适应设计。在初始状态下的互动过程中会存在一些摩擦，一旦用户了解了各种规则，那将会有很高的机会获得成功。

17.针对现有问题去完善界面

人们总是寻求各种方案去解决已经存在的问题，而不是潜在的或者未来的问题。所以，不要为假设的问题设计界面，我们应该观察现有的行为和设计，解决现存的问题。这确实不是件能够让人兴奋的事情，但却是最有价值的事情，因为一旦你的用户界面愈加完善，会有更多的用户愿意使用你的界面。

18.优秀的设计是无形的

优秀的设计有个古怪的属性，它通常会被它的用户所忽略。其中的一个原因是这个设计非常成功，以至于它的用户专注于完成自己的目标而忽略了自己面对的界面，用户顺利达成自己的目标后，他们会很满意地退出界面。但是作为设计师，这可能会有点不公平，当我们的设计很优秀的时候，我们不会受到很多阿谀奉承。当然，优秀的设计师不会去介意这些，因为他们心里明白，满意的用户往往都是沉默的。免费试学/ 一对一辅导/项目实训/就业保障

19.多领域学习，借鉴其他学科

视觉、平面设计、排版、文案、信息结构以及可视化，所有的这些知识领域都应该是界面设计应该包含的内容，设计师对这些知识都应该有所涉猎或者比较专长。不要看不起这些知识：要从中获取许多值得学习的东西，以此来提高你的工作能力。设计师的眼光要长远，要能从看似无关的学科中学习，比如出版、编程、装订、滑板、消防甚至空手道。

20.界面的存在必须有所用途

UI设计中用户体验的研究 第6篇

关键词：UI设计；用户；体验；研究；完善

“用户体验”这个词出现在上世纪90年代，被一个叫作唐纳德·诺曼的设计师提出并且推广，他曾任苹果计算机公司先进技术部副总裁。苹果通过自己的产品把诺曼的“用户体验”思想推广到全世界。

从这里看来用户体验实际上最早来自于对于用户心理的揣摩。所以，我们是否可以这样认为：要做到最精致的用户体验，我们更应该把关注点放在用户体验背后的用户心理，而不是用户体验的方法论本身。

1 UI设计的现状

在“互联网+”时代带来的大发展时，部分企业就看出，一切以用户为王，依托互联网，完善发展模式是联系与用户之间关系的最好路径，而UI设计首当其选。就UI设计的发展特点来看，UI设计依托互联网技术，依据用户体验，不断改善界面整体美观度，一切以用户需求、习惯出发，来吸引用户对企业的关注度，从而为企业赢得更大的市场占有率。而另一方面，企业所需要的UI设计人才需大于求，社会根本无法满足企业的用人需求，从而也促使了UI设计水涨船高，薪资待遇、发展前景等优于其他技术岗位，越来越多的人也开始关注UI设计的发展，纷纷投身于UI设计领域。

无论是建筑领域的设计，还是互联网产品的UI设计，或者家居设计，他们最终的目的是让人们舒服，赶走污染眼睛的东西。所以很多程序员把UI设计的人直接认为成是美工，笔者认为极其荒唐，他们实际是一群把美丽的东西带到人类眼前的精灵，他们是帮助人们赶走视觉污染物的医生，除了美工，他们更懂心理、人性、艺术、逻辑和生活。

2 UI设计中用户体验的关键

在UI设计中，我们不断强调用户体验，但究竟用户体验要怎么实现？好的交互设计吗？好的视觉体验吗？不，这些远远不够！用户体验的本质就是用户需求得到满足。用户需求的满足是一个完整的过程，包含多个环节，对应的，每个环节都对应该环节的用户体验。产品交互体验，只是其中一部分（可能渗透在多个环节中）。不同环节的用户体验权重是不同的，核心环节的用户体验，决定了这个产品综合用户体验。一个好的产品，可能很多细节体验都很差，但只要核心体验有保障就会是一个成功的产品。用户体验这个事情，是有个体差异的，如果单独从某个用户的角度，用户体验往往没有绝对的好坏标准。

2.1 满足需求是保证优秀用户体验的第一步

没有哪个成功的产品是单靠用户体验而走向成功的，用户体验一定是附着于满足需求之上。很多人说网易云音乐听的产品体验很好，UI很好看，但有没有想过它为什么能在短短的时间内挤进主流音乐APP的市场。记得音视频的品质在12年之前是很少被人重视的，视频也远远没有普及720P、1080P的概念。但此时高保真，蓝光高清却作为一种小众需求存在着。直到近两年高品质的音视频才普及并进入了大众眼前，云音乐正是在借着这样的势，通过提供超全的曲库与高品质音乐，满足了那些追求高品质音乐与小众音乐的群体。在满足基本的高品质音乐与曲库的基础上，又通过与DJ合作录制电台节目，邀请音乐爱好者制作歌单，慢慢巩固自己的调性，形成自己的好体验。

2.2 用户需求是完整的服务体验过程

用户需求的满足是一个完整的过程，包含多个环节，对应的，每个环节都对应该环节的用户体验。产品交互体验，只是其中一部分。比如有公司做O2O社区平台，主要针对没有网购习惯的一群人，他们没有银行卡，网银、支付宝，甚至手机诺记功能机。针对目标用户在商品结算上，其解决方式是与社区物业或便利店合作，向该社区部署终端设备，该设备由社区合作人员经营，经营利润所得会与经营者进行“分账”。

通过社区让目标用户用电子商务的购物方式，让面对面交易现金成为可能。就这一点而言，我们对这群目标用户提供了比淘宝、京东更好的“体验”。但你知道，体验是全流程的体验，并不只在一个点上。拼物流，京东做的绝对够好够快；拼流畅，十多年的淘宝告诉你一气呵成的购物体验是什么。如果只有单点的体验好，是称不上多么好的用户体验的。

2.3 产品使用感觉与情感化设计

一个产品满足了你的需求，且易用，易学，使用流畅就是好体验了？想一想那些让你记住并喜欢上的产品，是否都有一个小小的点深深地让你感动了一下？那些一个个充满情怀的点，就是产品的情感化设计。只有当产品触及用户的内心时，使他产生情感的变化，那么产品便不再冷冰冰，他透过眼前的东西，看到的是设计师为了他的使用体验，对每一个魔鬼细节的用心琢磨，即便是批量生产也依然有量身定制的感觉。例如一款To do list产品，如果你把一天的待办事项都消除掉，在页面上会写上“忙了一天，现在休息一下吧”。这种传递情感的细节不仅可以增加用户对产品的好感度，更可以让产品更加深入人心，利于产品口碑的传播，有时候可能仅仅一句文案，一个动画，一个彩蛋都可以打动用户，使其与产品产生情感上的共鸣，这便是产品细节中的情感化设计的作用。

2.4 人机交互

人机交互是一个很大的课题，它不仅涉及计算机领域，还相关联到心理学、社会学等科学。所以，在设计产品的时候永远要记得，产品缔造者需要与用户沟通说话，所以UI才很重要；在宣传产品的时候，营销人员要与用户探讨生活与工作真实的麻烦，所以用心沟通很重要；在教育用户使用产品时，你就是一个老师，你要循序渐进指导，所以导航指南设计很关键。这一切统一起来，叫作我们常挂在嘴边的“人性化”。

3 结语

综上所述，在UI设计工作中，用户体验是一个重要的内容，这就需要我们充分地了解用户体验，多方面综合提高UI设计人性化和可操作性，推动UI设计的发展。

参考文献：

[1]屠秀栋.浅谈UI设计[J].电脑知识与技术，2010，07.

[2]冯奇辉.UI设计理念变革探索研究[D].东北师范大学，2014.

视觉UI设计——漫谈信息图形化 第7篇

1 用户界面设计的兴起

从电子产品普及伊始用户界面设计就开始悄悄的生根发芽默默成长。时至今日多屏时代的来临已势不可挡, 电子产品由大屏到触屏、由薄到超薄, 一款电子设备拥有舒适的用户界面会无疑会给用户带来良好的使用体验, 拉近人机之间的距离。而对于任何一款用户界面而言, 检验的标准既不是设计师的意见也不是委托方的看法, 而是终端用户的直观体验。从这个角度来说UI设计无疑是一种建立在科学性之上的艺术设计。

1.1 读图时代的来临

纵观用户界面设计的发展历程, 几款里程碑式的设计案例均由世界级的电子科技类公司所创造的。微软操作系统的演变史, 从某种意义上说就是用户界面设计从无到有的发展史, 早在1985年微软正式推出windows1.0, 有幸使用过的人数应该不会太多, 而此时的用户界面只能用不忍直视来评价;直至windows95推出之后, windows操作系统才为人所熟知, 很重要的原因在于windows95及其之后的版本均采用图形化操作界面, 看起来直观简单, 各模块一目了然。正是因为微软, 让设计界在1995年的时候, 知道了用户界面有多重要!

图形化操作界面也就是信息图形化设计, 把数据视觉化让用户在最短时间内了解所使用的设备。设备再好, 没有一个好的界面, 用户还是不会接受的, 毕竟大多数人对计算机代码都不甚了解, 而让不懂各种代码的人一眼就能够分辨出设备上的内容而进行操作才是最重要的。在分析任何一款视觉界面设计的成功案例时, 认为视觉界面设计是需要质感也好还是简约也罢, 这貌似都不是视觉界面设计最根本任务。私下认为降低学习使用设备的时间成本, 以直观的视觉语言提供给用户尽可能多的信息, 这似乎才是视觉界面设计最根本的任务。

1.2 视觉UI设计———设计家族的新成员

苹果公司拟物化设计的硝烟还未完全散去, 微软以win8.0为契机推出的Metro UI又大有蔓延之势。无论是对产品开发商仰或用户群体来说都在强调效率, 无论在科学技术设备, 还是商业娱乐工具, 操作界面的信息图形化都发挥着重要的作用。这直接导致了近年来传统美工渐渐淡出了视觉UI设计领域, 出现了专业的UI设计机构, 也涌现出一些优秀的设计案例.当然国内的UI设计还处于跟随别人前进的阶段, 而且UI设计既要求基本的图形美感与设计审美能力, 又要有严密的内在逻辑关系, 这在UI设计中几乎成了一个不可调和的矛盾。

2 图形化设计———视觉UI设计的必然走向

UI设计是产品的一部分, 通过图形界面的逻辑严谨布局合理, 设计师可以让用户通过界面就能体验到产品的适用程度。界面更合理, 便能更好地引导用户使用。达到占市场的目的。

2.1 直观的界面才是好的界面

“傻瓜式设计才是好的设计”在设计中常常听同行这么一说, 私下想来大概是说经过UI设计的信息需要直白而单纯。以此为前提UI设计中很难找出比图形更明确、更直观的设计语言!在大多数情况下图形语言甚至于可以无视不同国界间用户的母语差别, 进行无障碍交流。1974年美国平面设计学院设计的联邦交通标识[1], 在全世界范围内被推广恰好证实了这一点。在视觉UI设计领域所有信息图形都按照一定逻辑顺序进行科学排列, 在有限屏幕空间最大化优化内容排列, 清晰展示设备的每一功能属性。在保证功能的前提下, 兼顾视觉清晰, 直观, 美观, 这就是UI设计的基本规则。

2.2 视觉UI设计的多元化发展

和其他设计种类一样, 视觉UI设计在发展中也逐渐形成了一些不同的风格潮流, 而且每种风格的关注点和呈现面貌也都有较大的差异。这对维持视觉UI设计的新鲜度[2]是很重要的。

2.2.1 从Metro风格说视觉UI设计

Metro是由微软公司从20世纪50年代出现的“国际主义设计风格”中获取灵感基于排版的设计语言所开发的一种界面设计风格, 该技术已于2010年初 (美国) 获得Metro UI专利批准如今该技术被引入到Windows Phone操作系统和Windows 8、Windows 8.1以及Office 15中。研究Metro UI会发现此风格对排版设计要求较高, Metro UI设计的元素有很严谨的空间规划, 字体在块面上的位置及留白相当重要, 块面在版块中的布局需要很好的推敲。使用Metro风格界面有效告诉用户设备有何种功能且如何操作。

Metro风格的另一个特点是, 这种剔除不必要设计元素而仅仅基于排版的设计方式能大大地简化设计, 减少设计师工作量。

2.2.2 扁平化的视觉UI设计

2013年4月IOS7.0系统的扁平化设计风格给UI设计界带来一股强大的潮流, 短短几个月内UI扁平化设计已经成为设计行业内最受欢迎的设计风格了。在UI设计中去掉边框, 阴影, 变体, 3D等元素, 这种极简主义的设计方法。展现出一个非常干净简单设计作品, 这就是扁平化设计。

扁平化如此受到追捧, 因为其在UI设计中有着明显的优势。以最简单直白的方式传递设计所要表达的东西, 因此设计会更加注重功能化, 通过明显的颜色方案与排版上的设计, 来减少不必要的视觉设计要素对用户接受信息的干扰。

在视觉UI设计中, 对设计元素“舍”得多是复杂, “取”得多是简单, 而设计师在“取舍”时进行的恰到好处, 则UI界面也就显得简洁亲切, 也就是俗称的界面友好。视觉UI设计之所以能赋予产品生命, 是因为它是经过精炼出来的, 是主要信息和设计因素的集合, 是设计师对细节的注重和对整体的把控。满足了用户对于视觉界面最本质的需求。

参考文献

[1]王受之.世界平面设计史[M].中国青年出版社, 2005:260-261.

论UI设计中色彩的应用 第8篇

一、色彩的基本原理与构成

(一)光与色彩的基本原理

所有的色彩展现在人们眼前都需要通过光来实现,也就是说只有看到光线才能看到所有事物,色彩是人们眼睛的感光细胞和大脑对生活中一切事物所产生的光线感知的一种视觉效应,不同的颜色会产生或反射的光线波长不同,构成了人们眼中五彩缤纷的绚烂世界,色彩就是可见光对人的眼睛的作用所产生的视觉效应。各种颜色的APP对人的视觉刺激各不相同,人对色彩的感觉不仅是由光线的物理性质所决定,也受到周围其他因素的影响,例如情感因素、环境因素,等等。人们对颜色的感知是从位于视网膜细胞的差异化输出开始的,通过将不同的颜色反射到视网膜经由视觉皮层传输给大脑,使人们对反射光线做出反应实现对颜色的辨认。

(二)色彩的构成

色彩展现在人们脑海中需要多方面的因素共同作用才能实现,色彩也具有不同的特点,给人的感觉也是多种多样,既是颜色的反应也是其他感官的反应,能够展现立体感和各种不同维度的感觉。

1. 温度感

在色彩里面人们常说的冷暖色调就是色彩带给人的温度感,以红、黄、橘黄等颜色为代表的暖色调能够让人感到温暖,而蓝色、紫色、深绿色、青色等冷色调会让人感觉到寒冷,这就是色彩的温度感。

2. 距离感

不同色彩经过特殊搭配和构造能够带给人一种距离感,例如有些画面看起来深入浅出带给人一种由近及远的感觉,这就是色彩的距离感,例如对于同一背景同一面积的物体因色彩不同给人带来的视觉效果就各不相同,一般浅色具有膨胀感,深色具有收缩感。

3. 重量感

物体色彩的不同展现能够让人感觉到重量的不同,在实际事物中,一些色彩较淡的颜色,如白色、黄色给人的感觉很轻柔,如棉花、海绵等,而一些深色暗色的物体给人的感觉很沉重,如铁块、石头,这就是色彩带给人的重量感。

4. 尺度感

一般暖色调和透明度高的颜色具有一定的扩散作用,给人一种扩大的感觉,而冷色调具有一定的内聚作用,让人感觉略小一些,例如相同面积的黄色和青色,黄色让人感觉面积要大一些,而青色给人感觉面积小一些,这就是色彩的尺度感。

5. 软硬感

色彩的软硬感与透明度、纯度有关,透明度好、纯度高的色彩让人感觉具有软感,如水、果冻、薄膜等;而透明度差、纯度低的物体给人的感觉有一种硬感,如铁门、铁锅,等等。当然,也有例外,如玻璃、玉石等,不同颜色不同搭配给人的软硬感不同,人们能够通过生活经验通过颜色获得软硬感。

二、色彩的呈现方式对感知的影响

人们对色彩的分辨能力受颜色的呈现方式的影响,从人的视觉系统运作方式来看,影响人对色彩感知能力有以下几个方面的因素。

(一)色彩的饱和度

色彩饱和度过低会影响人们对颜色的区分,色彩的饱和度与纯度有关,纯度越高,饱和度越好,人们的色彩感就越强烈,对于智能手机的显示屏而言,每个像素都由红、绿、蓝三种子像素根据不同的配合比组成,饱和度越高,人们的视觉冲击效果就越强。

(二)色彩区域的大小

色彩区域也被称为色块,色块不能过小,过小会影响视觉效果,色块越小人们就越难辨别其颜色,对于一些图表,很多时候由于色块过小人们往往分辨不清图表中的内容,影响用户对图表信息的捕获,这也是为什么人们追求智能手机大屏幕的原因。

(三)色彩区域之间的距离

两个不同色块的距离不能过远,如果太远人们就难以分辨其颜色的不同,尤其是距离太大需要转移视线才能看到时区分灵敏度会大幅度下降,例如两个蓝色的图标,一个深一点一个浅一点,如果将两者放置在一块人们能很清楚地辨别两者深浅的不同;如果两者距离过大,需要转移视线来分辨,人们分辨两者不同的灵敏度会极大降低,这就是色彩区域距离对人们色彩感知的影响。

(四)其他外部因素

除了上述三种因素会影响人们对色彩的感知之外,还有很多其他因素也会影响人们对色彩的分辨能力,如光线、显示器的质量、显示角度以及使用者自身对色彩的敏感度等,如色盲症患者。在UI设计中,色彩的设计要考虑到所有这些因素,考虑越全面,设计越合理就越容易被用户接受。

三、色彩在UI设计中的应用

UI设计的内容包括手机图形用户界面设计和图形版式设计,图形用户界面设计的内容包括手机APP图标、图标的显示色彩、手机背景画面的显示色彩、手机浏览器的导航、文本显示等;版式设计的内容包括布局设计和交互式设计。在UI设计中,需要保持界面的一致性,图标设计风格和手法的一致以及色彩风格的一致性,要让客户从整体视觉角度感受到一致性。

(一)色彩的选择

用户在使用手机时首先第一眼看到的就是图标的色彩,不同的色彩使人对图标的感受也不同,因此,图标的颜色不能随便确定,需要充分考虑到用户的心理需求、个人偏好、美观性等因素。不同的颜色给人感受不同,绿色带给人的感觉是一种安全感和舒适感,绿色象征和平自由,黄绿色给人一种清晰,奋发向上的感觉,让人充满活力和快乐;色彩明度较低的颜色使人有种稳重的感觉,如墨绿色、橄榄绿等。蓝色作为冷色调的一种给人的感觉是沉稳、明亮、深邃、清澈;橙色属于一种活跃的、温暖的、喜悦的暖色调,让人朝气蓬勃,带给人以活泼快乐,让人记忆深刻;粉色则是一种浪漫的色彩,让人感觉温馨和舒适,尤其受到女性用户的偏爱;白色象征干净、简约、诚实、圣洁;黑色象征权威、高压、成熟;红色则具有热情、兴奋的特点,具有生命力和活力。在UI设计时要根据APP的特点和性质,以及主要面对的消费群体选择颜色,例如杀毒软件使用绿色,给人一种安全可靠的感觉;美柚软件属于女性专用的交流平台,其APP颜色使用粉色最为合适。

(二)色彩的合理搭配

UI设计作为艺术设计的一种,离不开生活的规律,因此,在UI的设计过程中要借助艺术来源于生活的规律为UI设计增加生动的视觉语言,在设计过程中要考虑到用户的生理特点,要带给用户全新的体验就必须在色彩方面有合理地搭配,给人一种和谐愉快的感觉,在色彩三要素中影响人们心理的最大的要素是色相,其次是明度和纯度,UI设计效果很大程度上取决于使用的色彩及其搭配,在选择和搭配色彩时要有自己鲜明的主题,结合APP的使用理念搭配色彩,让顾客有最直观的感觉和最深刻的记忆。

(三)色彩的宣传效果

色彩能够在一瞬间吸引人们的注意力,刺激人的视觉,影响人的情绪,继而影响人们的判断。有研究数据表明,人们通过眼睛对一件事物的判断前0.03秒是最关键的,也就是人们常说的第一印象,UI设计作品的色彩在这一瞬间能够迅速传达给消费者很多信息。UI设计因为有了色彩才能够带给人们以强烈的视觉冲击,才有了生命活力,因此,设计者要找准恰当的色彩和风格的定位,让UI设计产品通过色彩冲击消费者的视觉感受,宣传手机的品牌,获得消费者的认可。

(四)色彩的心理效果

在UI设计中,色彩对用户的心理影响十分广泛,而且很大,具体来讲,对用户心理影响体现在以下几个方面,因此在UI设计时要充分发挥色彩的心理影响作用,获得客户内心的共鸣。

1. 色彩的吸引心理

每个人都喜欢色彩,世界因为有了色彩而更加丰富、更加迷人,每个人从内心里都喜欢五颜六色色彩艳丽的事物。因此在UI设计中,设计者要充分把握用户对色彩的吸引心理,运用适当的颜色,设计出手机界面的舒适效果,使用户对手机界面产生良好的体验,留下深刻的印象。

2. 色彩的情感心理

色彩对人的视觉触动可以延伸到人的内心,影响人们的心理,实现情感互动与交流,有些人因为特殊的原因对某种颜色或某种图标有着特殊的感情,例如很多农村人对绿色和金黄色有种特殊的感情,绿色代表大自然,金黄色代表丰收的果实,对于从农村出来的人来讲这两种颜色能够勾起他们对于农村时代的美好回忆。还有红色,尤其是蜘蛛侠图案的红色更是容易勾起年轻人对蜘蛛侠这一角色的崇拜与美好回忆,这就是色彩的情感心理,设计者在UI设计时应充分抓住用户的这一心理,激起用户内心强烈的情感。

3. 色彩的记忆心理

色彩能够吸引消费者的注意,好的色彩搭配能够增强消费者的记忆,随着手机应用的各种APP的出现,手机屏幕有限的尺寸无法显示所有的内容,因此要保证手机界面的简洁明了就需要通过色彩来突出手机的主要功能和信息,便于用户浏览。人们对于颜色的印象通过长时间的习惯就会建立颜色与依附事物的关联,只要看到某种颜色就会联想到相应的事物。因此,设计者在UI设计时要研究用户的心理习惯,设计出既简便又能第一时间让用户联想到相应事物的手机界面。

四、结语

随着手机智能化的不断发展,各式各样的手机层出不穷,更新换代的周期越来越短,人们对手机使用的视觉要求也越来越高,因此,UI设计者要不断更新设计观念,充分利用色彩设计出符合现代人消费习惯的手机界面。

摘要：UI对智能手机来讲是影响其在市场中受客户青睐与否的最重要因素,一款手机应用软件如果拥有良好的UI就能够吸引更多的消费者。在UI的设计过程中,色彩是重要的设计要点,在色彩的选择、合理搭配、宣传效果和心理效果方面,必须保持界面、图标设计的风格和手法的一致以及色彩风格的一致性,要让客户从整体视觉上感受到一致性,这对提高APP的推广率有着重要的意义。

关键词：UI设计,色彩基本原理,色彩应用

参考文献

[1]黄亚飞.UI设计与产品形象的关系探讨[J].扬州职业大学学报,2011(3):21-23.

浅谈数字媒体交互式UI设计 第9篇

1) 在UI设计中首先要明确数字媒体运行的框架结构, 设计师需要和程序员在软件的功能性和应用性上进行沟通, 规划流程图, 在程序代码可以实现的基础上进行有效的美观设计, 加强视觉效果。2) 数字媒体界面设计力求简洁明了, 突出主要功能。大部分用户在初次使用软件时, 对于交互功能性通常会处于陌生状态, 过于繁复的界面设计只会让用户眼花缭乱, 不利于操作。主版面与分版面之间层次清晰, 逻辑关系合理, 避免堆叠产生的“杂”、“乱”感。3) 数字媒体中的图形UI需要一定的类同关系, 软件产品在图形设计风格上保持一致, 这样可以使用户在软件熟悉上有递进作用, 在操作上不会有落差。4) 保持UI设计的通用性在设计中是一个很重要的理念, 例如设计一个仿窗口界面, 通常来说, 缩小键和关闭键在整个窗口的右上角, 这是视窗软件的共同特征, 那么在设计类似UI中就需要继承这种特性, 如果忽视这种设计共性, 将会给用户带来困扰。5) 提高界面语言的易读性是设计过程中经常遇到的问题, 要把计算机的程序化语言转换成通俗易懂的文字, 并且在篇幅上要有所限制, 特别是在功能键的文字描述上要仔细斟酌。

2 UI设计内容

2.1 界面尺寸

不同的数字媒体终端产品有不同的图形分辨率, 如终端在电脑上操作可以根据需要设定界面分辨率为800*600 (像素) 、1024*760 (像素) 等, 当软件运行时首先对修改桌面分辨率进行定义:

在软件创建窗口时读取当前桌面分辨率, 并且按照需要进行修改分辨率:

procedure Tmainform.Form Create (Sender:Tobject) ;

begin swidth:=screen.width;sheight:=screen.height;

if (screen.width<>800) and (screen.height<>600) then

Dynamic Resolution (800, 600) ;end;

2.2 功能键的状态设计

通常功能键需要作出三种状态, 分别是:当鼠标移动到功能键上 (Mouse Move) 、当鼠标按下左键 (Mouse Down) 、当鼠标左键抬起 (Mouse Up) 。UI设计人员不仅仅要设计出三种状态的功能键图形, 还需按照一定的坐标对图形进行复制排列在一起, 供程序员进行调用, 如:

Main Form.Canvas.Copy Rect (Rect (x1[i], y1[i], x2[i], y2[i]) , butbmp.canvas, Rect (0, i*40, 130, 40* (i+1) ) ) ;

当鼠标触发Mouse Move的时候, 在功能键区域内还需要切换鼠标状态:

功能键在设计上可以使用文字类和图案类, 纯文字类按键易读性较好, 用户在使用上一目了然, 但在实际设计过程中, 并不是所有版面都适合使用纯文字类功能键, 因此图案类按钮起到了很大的作用, 首先, 按钮图案要贴近主题, 让使用者能快速识别出按键的功能, 其次可以在按键触发时显示提示, 如:Tip.Visible=True;交互式数字媒体中, UI设计要考虑到视频的播放位置, 嵌入式视频播放效果相对弹出式视频在视觉效果上更为整体, 因此功能键在选择上要有视频播放的基本控制键, 如:播放、暂停、进度条、滑块等。功能键还应该有音效配合, 例如移动到功能键上发出“呼”, 按下鼠标发出“哒”之类的声音, bkwav.File Name:= ('wav1.wav') ;bkwav.Open;bkwav.Play;

2.3 主版面UI设计

UI设计往往就决定了整部数字产品的风格, 因此分版面的制作不论在色彩上还是风格上都要与主版面相呼应, 这种一致性可以把设计师的创作风格传达给视觉受众, 用户在使用过程中能够切身体会到。分版面层级不宜过多, 层级过深会使用户产生烦躁感, 并丧失UI设计的功能性。因此在设计过程中, 要突出主题、时尚, 简洁明了, 并处理好分版面与主版面之间的逻辑关系。

3 结语

数字媒体交互UI设计, 重点突出设计产品的交互性, 在人机交互过程中, 易用性非常重要, 要求体现“以人为本”的设计理念, 如此才能更好的提高客户体验。同时, 界面的美观性贯穿整个UI设计, 保持界面的美化思路, 那么设计师将促进各种终端软件UI设计发展。

摘要：UI是User Interface的缩写, 又称之为“用户界面”。在数字媒体电子产品中, 用户界面承担着用户与软件之间的沟通作用, 用户下达命令, 而软件进行运算并且返回相应的结果。在计算机软件产业的飞速发展中, UI成为客户端中必不可少的内容。简单的文字菜单已经无法满足视觉受众的需求, 因此需要对UI进行综合性的设计, 以提高用户对软件的操控感受, 获得更好的人机交互体验。

UI设计 第10篇

UI设计与网页设计紧密相关。UI(user interface) 的本意是用户与产品界面的关系,UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让网页变得具有美感、个性和品位,还能让操作变得舒适、简单、自由[1]。网页UI设计不仅重视好看,更要体现好用。网页UI设计本身已不再是单纯的视觉设计,而是将视觉设计与人的行为习惯、生活方式、心理体验等结合在一起的设计。

优秀的网页UI设计师要精通网页UI编码设计与网页UI界面设计两个部分,目前大部分院校开设的网页设计课程偏向于网页编码设计,主要学习用Dreamwear软件制作网页,涉及HTML、CSS、DIV、Java Script等知识,有些自诩水平高的教师会让学生完全用代码编写网页,侧重于功能的实现,对于网页界面则一带而过,学生制作出的页面粗糙凌乱毫无美感,进入社会后大部分会选用网页模板,但会千篇一律缺乏设计创意和艺术造型。为了提高学生的网页设计水平,我尝试在网页设计课程中融入UI设计理念的教学探索。

1 了解UI设计理论,明确自我定位

UI是英文User和Interface的缩写,包括用户与界面两个部分,实际上指网页、软件、游戏、手机APP等电子视觉产品在用户使用过程中针对用户心理感受、操作互动逻辑、界面美观舒适的一系列设计。它是产品的重要卖点,地位等同于与工业产品中的工业造型设计,一个外观漂亮、界面友好、互动合理的电子视觉产品会使人感觉亲切舒适,更易于接受。国内外众多大型互联网IT企业都已经有比较完善的UI设计部门,如腾讯CDC、百度UED、淘宝UED等等,都致力于互联网产品的产品调研、用户研究、交互设计、视觉设计等[2]。

UI设计师从工作内容的侧重点上来说分为3个方向,分别是图形设计师、交互设计师、用户测试工程师。图形设计师研究界面,是软件产品的外形设计师;交互设计师研究人与界面的关系,设计软件的操作流程、操作规范、软件的结构等;用户测试工程师研究人,测试用户的感受,对于网页交互设计的合理性及界面图形色彩设计的美观性进行测试。图形设计师需要有美术设计功底,交互设计师需要有软件程序设计知识,用户测试工程师需要心理学人文学知识。

根据学生的个人特点,明确自我定位,学习补充所需要的知识。

2 强调网页UI设计中用户体验的重要性

检验一个网页设计好坏的标准不是项目开发组领导的意见,而是用户体验。苹果公司CEO斯蒂芬·乔布斯曾经说过:“任何个性化的前提都是满足人们的需求,这个需求就是要做好用户体验——让用户因为使用苹果的产品而爽起来。”[3]在UI设计师在网页设计中承担着用户体验的重要使命。好的网站界面设计不仅仅是图形和色彩的搭配、板块栏目的规划等,还应该研究用户的生活方式、社会文化、上网习惯以及审美心理等方方面面。要以用户为中心、以人为本。

网页UI设计的主要原则包括以下几个方面:

以人为本的用户导向原则。设计网页首先要明确谁才是使用者,要站在用户的观点和立场上来考虑。网页设计的界面风格符合用户的审美观,交互功能要正确、合理,不能过于专业化。以理服人,以情感人。

KISS简洁原则。KISS就是"Keep It Sample And Stupid"的缩写,网页设计要简洁和易于操作,过于花哨的图片、复杂的操作反而会引起用户反感。

眼睛和心理的共通性原则[1]。在图形和色彩、信息呈现、板块规划、交互体现上都应该兼顾美学和心理的感受。

3 云时代UI设计的方向

在现在云计算、云存储、云共享的云时代,UI设计的方向也发生着重大转变。

首先是以视觉为主导,更注重视觉效果的“炫”。将文字转化成图形,图形图像成为传递和获取信息的强势媒介,简洁而严谨,直接而明快,视觉效果十分强烈。

其次是以内容为王。“内容为王”指的是界面设计应该为内容服务[4]。强调传达功能,去除不必要的装饰。过去的UI设计过于美化图标、按钮和修饰界面,随着时代发展,我们慢慢发现许多“精美”的设计反而成为一种干扰,影响用户的体验,也加重了系统的负担。

第三是构建动态友好的交互。动态效果能给更好的视觉享受,能让用户身临其境,融入其中。灵动多变的动态交互构建起人与设备、人与信息、人与人之间的有生命力的连接,充分体香出了数字设备的特点乃至数字化生活的时代特质,。

4 在网页设计课程的教学中融入UI设计内容

在实际网页设计课程的讲解中,将以上的UI理论、用户体验、UI设计方向等内容融入日常教学,将网页设计课程内容扩大,在网页课程中引入UI设计内容中,为学生将来的从事网页界面UI设计工作打下正确的专业基础。

在网页设计课程学习中,在学习了Html、css、div等编程知识后,还要掌握相关平面设计制作软件的基本操作,以及简单的平面设计知识,如版式的布局、色彩的搭配、产品标志的设计、文案的设计、Banner设计、文字的创意等,并将平面设计知识与网页设计课程融会贯通,综合应用。

在实训教学中也给学生增加UI设计实践练习。如在课程中增加静态与动态的图标ICON制作练习、BANNER条制作练习、整体界面色彩搭配练习、企业LOGO动态设计与制作练习、交互按钮动态设计等。不是随便使用图形,而是经过精心设计、与网页表达思路相关的图形,设计好图形后,运用Photo⁃Shop、Adobe illustrator、FLash等软件来绘制图标图形,增加学生的动手能力。通过这样的创意制作,体会静态视觉效果与动态视觉效果的差别之处。

在项目化教学的过程中根据实际需求,不断分析研究、合理调整、阶段总结,运用多种教学方法启发学生的想象力,激发学生对网页UI设计的热情和创作灵感。利用课题专项分别训练和综合项目实战相结合的方法,带领学生参加网站UI设计项目的实际制作,单项训练包括:UI基本元素,如图标、按钮、LOGO、导航、栏目等的设计;综合训练:将单项训练的成果综合在一起设计出符合用户浏览习惯并且设计感强的网站UI界面设计;个人训练:依据个人喜好及审美设计并制作出独特、个性的网页UI设计作品。

5 结束语

计算机专业网页设计的教学中,单纯讲授代码知识,学生的就业面会很窄,现在社会上需求大量的即能应用代码进行网页编码设计,又会UI界面设计的人才。所以在网页设计课程教学过程中,融入了UI设计的理念,先明确UI设计师的工作内容,让学生进行自我定位,再强调用户体验的重要性,了解以人为本的网页UI设计原则,接着介绍了云时代UI设计的新方向,最后详细说明在网页设计课程的项目教学中需要加入哪些UI设计知识以及如何训练学生提高网页UI设计水平。

摘要：UI设计与网页设计紧密相关,网页UI界面设计师成为社会上需求的热门人才,所以在网页设计课程中融入UI设计理念,先明确UI设计师的工作内容,让学生进行自我定位,再强调用户体验的重要性,了解以人为本的网页UI设计原则,接着介绍了云时代UI设计的新方向,最后详细阐述了在网页设计课程的项目教学中需要加入哪些UI设计知识以及如何训练学生提高网页UI设计水平。

关键词：网页设计,UI设计,网页UI,用户体验,UI设计方向

参考文献

[1]王晓丹.以人为本创新感受——浅谈网页设计中UI设计的用户体验[J].中国艺术,2012(2):148.

[2]梁亮.新型UI设计在艺术设计专业中的教学探索研究[J].美与时代,2015(9):119-120.

[3]沃尔特·艾萨克森.史蒂夫·乔布斯传[D].北京:中信出版社,2011.

浅析手机UI设计与用户使用习惯 第11篇

关键词：UI设计；交互设计；用户体验；用户习惯

在进入21世纪以来，手机从传统的通信工具上升成为随身的数字终端，其网络功能与电脑不相上下，用户习惯用手机来查阅网络上的信息。这种习惯带来的直观改变就是手机屏幕的越来越大，也带给用户新的使用体验。在早期的智能化手机的UI设计中，开发商与用户并不重视使用习惯，只是以单一的图形符号和表格形式的布局来进行人机交互，但是随着科技的进步，用户和开发商发现人机交互并不是单一性的，呆板的设计，尤其是触摸屏技术的出现，使人机交互的行为方式发生了巨大的改变，而UI设计也逐渐走向兴盛，到现在，手机软件产品如果想在市场中拥有足够的竞争力，那么一个合理的，符合用户使用习惯及使用需求的UI是必需的。

手机用户使用习惯的第一点就是通信习惯带来的对手机尺寸的要求，在通信过程中人的行为习惯为单手能够稳固握持，同时听筒与话筒距离不易距离过长，这两点就决定了手机的屏幕不能太大。一般智能手机屏幕的大小约4英寸到6英寸，再大就很难进行方便的握持及通行。第二点，在大多数情况下，用户使用手机软件的环境是复杂的，不单纯的，像会议前夕，乘坐公交车时，这种环境导致了用户以单手操作软件界面为主，其中又以右手操作的行为占绝大多数。从人体结构学的角度来说，在右手操作软件时，要在稳固住手机的同时进行交互，虎口范围也就是屏幕最右侧的区域是相对难以触及的。这种情况大尺寸手机上更加明显。第三点，在漫长的人类阅读史中，文字的排列几经更迭，最终转变为从左至右的排列形式，这也造成了大部分人类的阅读方式是从左至右。这种阅读方式就造成人类在有文字出现的界面中往往会关注左上角，因为那是文字的起始阅读位置。以上三点是在一般情况下手机用户的使用习惯。

用户使用习惯还带来了图形的符号化，这种转化并不是手机软件所带来的，反而是用户在长期电脑软件使用中对软件的使用习惯延生到手机中而产生的。就如同一个软件的退出无论是在电脑上还是在手机中用户第一个反应就是查找屏幕的右上角，当然在手机中还存在了一个特殊情况而使得手机软件的退出并不像电脑那样统一，这种情况就是用户在长期的电子产品使用中对于机械式的按键会比触摸式按键更加习惯和感觉可靠，所以当今的绝大多数手机在设计中都会在手机正面安置一个机械式按键，这个按键提供了退出，返回桌面等功能，这也使得手机屏幕的右上方不会出现明显的退出功能而是放置一些整合菜单。

手机软件的UI设计在信息层级上与网络信息层级相似，这种信息的层级随着网络的发展愈加细致明显，在电脑上养成的对层级信息的使用习惯也随着网络普及进入手机之中，用户在信息层级使用习惯大致分为下面两种，一种是平级信息的分布往往呈横向或纵向的排列，其视觉形式相近，信息分类主题往往以高亮形式并列排列；另一种是信息层级一般不超过三层，三层以上会造成用户视觉记忆的困难，影响使用效果。

手机的使用习惯是软件交互行为中不可回避的一环，要想UI软件设计带来良好的用户体验，需要以用户的使用习惯来进行手机UI的设计。手机UI设计首先就是UI框架的合理性，由上文可知，用户对手机的使用习惯大多为单手操作，且阅读方式为由左至右，那么框架的基本结构应以左边栏及上下的边栏分布为主，但是不能排除的是左手使用者的习惯，那么重要的导航栏及系统状态栏则应该处于屏幕的上方或下方。即使是因某些原因要横置手机的情况下也应以这种形式为主。用户由左至右的习惯带来的是对功能诉求的权重分布，屏幕左侧的部分对于用户识别信息有着最清晰的识别作用，所以UI设计中左侧往往是集中于信息条目的显示，文字的排列也以左对齐为主，而右侧往往放置工具条及隐藏式工具栏，这种框架方式一方面照顾了用户对信息的归纳和扩大阅读范围，同时保证了在进行正常操作时误触工具栏的可能性。

屏幕大小也是UI框架布局的关键，在手机屏幕大多为4英寸到6英寸的现在，用户需要的是更加快捷地浏览信息，作为分类及功能性工具的导航栏的大小直接影响到用户的使用体验。同时这些分类及工具栏是进行人机互动的主要渠道，太小则很难以触发，根据相关调查显示，用户对于小型按钮（64px）以下的视觉感受不佳，并且难以触发，所以工具栏及导航栏的大小应以32px为限制，保证能够触发的同时减少所占据的空间，同时大量的一次性设置，功能性按钮应该整合至工具栏中并以隐藏式菜单形式存在，这样能够最大限度保证扩展可用阅读面积及缩小信息层级的功能。

图标作为UI设计中的主要符号，承载着信息层级的可视化和代表性，用户习惯使得一些图标的符号化更加的容易。设置类的图标因用户长期的使用习惯基本固

定为齿轮或者扳手的形象，甚至只要位置在屏幕的右上角，都会下意识认为是设置类整合下拉菜单，返回上级菜单则统一都是已向左方向的箭头来表示。而分类菜单则因内容的不同则有不同，在同级菜单的UI设计上应遵循相似性原则，即形态上或者是背景上应于同级的其他图标有相同或相近的背景或者图标。在信息层级的分类化中，上级图标应与下级图标有明显的区别，大小和形态都应有所变化，这样才能为用户提供更加准确的信息导引。

手机UI设计相较电脑UI设计更注重用户的使用习惯，电脑的互动形式因鼠标和键盘的存在而注重于视觉形式与视觉思维上面的区分度，表现与电脑UI的视觉形式越来越多样化与美观，而手机UI的设计在保持视觉化的同时更加的紧凑，需要在一个较小的区域显示大量的内容，同时减少信息层级的传递。电脑的UI图标基本上走向3D化的趋势，因为电脑的屏幕越来越大，图标的形态也相应的放大，在分辨不存在障碍的情况下，3D效果更佳，而手机的因为屏幕的限制，图标却在往平面化的趋势下走，这是因为平面化的图标在视觉表现上更趋近于符号，在小画面中更有利于用户的分辨。电脑的框架结构几乎不用考虑人体工程学的因素，而手机UI的框架必须以人体工程学的角度为基础，否则会造成用户进行人机互动时的难度，从而影响用户体验。

在网络化，数字化的现在，手机的功能早已不局限在通信，打电话这些基本功能之中，上网，即时视频通话，网上支付，拍摄成为青年人使用手机的主要功能，但手机始终是手机，只要用户还是以通信为基础而使用手机，那么手机UI就必须考虑用户使用习惯，使用环境对软件的影响，仅仅为了视觉效果而进行手机UI设计更是舍本求末，只有用户对软件的互动满意，才是一个成功的UI设计，而人机交互的核心就在于用户的使用习惯在手机UI中的应用。

参考文献：

[1] 鲁道夫·阿恩海姆.艺术与视知觉[M].孟沛欣，译.湖南美术出版社，2009.

[2] 周荣刚.用户体验度量[M].机械工业出版社，2011.

[3] UI进化论[M].清华大学出版社，2011.

UI设计 第12篇

1 视觉UI设计在艺术设计专业中存在的问题

1.1 教学需要相对落后

UI设计在兴起和应用比较迅速,与传统的艺术设计课程相比缺乏一定的经验,UI设计的最初应用也是在课程的网页设计中有所体现,而网页设计的教学大部分偏重于课程制作,在设计模块的体现明显比较少[1]。而UI设计在网页设计领域中的应用,对教学模式划分不明确,人才应用类别不明确,导致缺乏应有的专业型人才,大部分情况下设计工作是由网页设计程序员所完成的,程序员为了应付了事常常采用现成的模板进行相关设计,在设计中出现了落后的现象。

1.2 教学资源比较缺乏

由于视觉UI设计的发展还处于初级阶段,高校从事该领域的专业型教师比较缺乏,大部分情况下是抽选从事相关专业的教师或者聘请企业中的人才,导致其人才结构、队伍参差不齐,对UI设计的基础素质整体偏弱,缺乏一定的UI设计项目实践经验,只能在脱离实践的情况下进行理论讲授。与此同时,教材和课程设置也缺乏应有的专业及系统性。由于UI设计作为当前一门新兴学科,目前暂时没有比较系统完善的教材能够供学生进行参考借鉴,而现有的教学资料缺乏有针对性的理论和实践的贯穿、创新及指导,虽然市面有一定数量的相关教学书籍,但是这些书籍存在内容的局限性、知识结构的不明确等不足,不能很好地指导实践和教学。

1.3 教学设置不够健全

视觉UI设计理念的问世,在高校日常教学中所涉及的学科众多,有网页设计、心理学、产品设计等学科,因此就要在众多学科的课程设置上和专业人才的教学上进行统筹安排。而目前艺术设计专业课程在教学中应该以视觉传达进行课程设置,在工业设计方向应该以逻辑思维模式及产品调研为主进行课程设置,但现状的很多课程设置都是以基础课程进行设置安排的,致使大部分课程出现了相互交叉的现象,没有区分重点与非重点课程,课程比较单一空泛,缺乏一定的关联性,教学内容与实践相脱节,难以将教学成果转化为实际的产品应用。

针对不同专业的学生及其特长及爱好,建立多层次、有侧重、有个性的UI设计教学方案。如果数字媒体专业的教学中,注重UI设计在游戏领域和移动APP的应用。视觉传达设计专业的教学中,注重UI设计在商业设计领域和网站的应用。工业设计专业的教学中,偏向于UI设计在车载数字产品和互联网产品领域的应用。影视动画专业教学中,侧重UI中动态元素的表现和相关影视产品的UI设计。美术教育专业倾向于UI设计在文化传播和教育软件领域的应用。此外,还应针对不同设计专业学生布置作业,利用学生的个人兴趣,发挥每位学生的优势。

视觉UI设计是信息产品开发的重要一环,是团队智慧的结晶,需要团队协作并进行反复的测试与迭代。一个完整的产品不是几个单独的UI,学生除了完成专项的练习之外,可以根据某一类型的应用设置一项规模完整的UI设计课题,这需要几位学生共同努力来完成。在课题的推送中,确定了主题和内容之后,小组成员可以展开头脑风暴,进行UI视觉、交互设计的创意。创意展开后,根据小组成员的特点分别负责某一部分的设计。实践证明,分组课题能够激发学生的创作激情,培养团队精神和相互协作的能力,同时也保证了设计作品的质量。

2 视觉UI设计在艺术设计专业中教学的改进探讨

2.1 在人才培养上下功夫

艺术设计专业教学还是通过高端技术专业人才才能得以实现的,因此就需要在教学的实践中着力培养和发现一批有责任心、有专业素养、具备综合素质的全面型人才,这是提高艺术设计与产品设计的主要力量[2]。同时,要不断提升审美能力,针对高校对设计人才的不断需求,教学中应该通过实践能力培养和专业技术熏陶,培养学生利用UI设计进行实践项目时的创新、沟通能力以及团队合作精神,使其对艺术设计和产品设计有一定的学习鉴别能力,切实培养学生的艺术审美能力。

2.2 在课程设置上下功夫

要根据UI设计在艺术设计专业领域应用的不同特点,要充分考虑不同专业学生对课程设置的需要,科学进行课程设置,切实符合该专业的市场需要,要抓住课程的重点,做到基础与专业课程的有机结合,利用不同的教学模式进行教学,融入视觉UI设计,采用实验、实践、讨论等多种学习方法培养学生对该专业的综合感悟能力和艺术设计能力。

2.3 在教学体系上下功夫

艺术设计专业在高校教学中有基础和专业课程。基础课程是学生进行共同学习的,比如美术等;专业课程是不同专业方向进行设置的课程,比如计算机设计、产品设计及CI等。基础课程和专业课程是同等重要的,应该在教学中受到同等对待,这些课程的设置都是相互促进和影响的,要将UI设计理念贯穿到全部课程中,多层次、全方位加强知识模块的培养,这样不仅能让学生直观简单地了解UI知识,有助于对UI设计进行系统学习,从而培养和提高学生的全面素质,达到让学生掌握专业技能的目的。

3 结语

综上所述,视觉UI设计不同于传统的艺术设计专业,它是随着互联网科技的不断发展而快速进步的,在市场需求和实践下不断进行自我完善和更新。视觉UI设计在艺术设计专业中教学的应用,就需要培养一批能够胜任利用UI技术进行授课的教学人才,不断对UI设计的教育方案进行改进,在实践中总结和探讨出一套符合高校能够利用UI设计进行课程教学的教学体系及教学方法,磨练具有专业化的UI设计人才,这样才能推动视觉UI设计在艺术设计专业教学中得以很好地应用。

参考文献

[1]梁亮.视觉UI设计在艺术设计专业中的教学探讨研究[J].美与时代(上),2015(9):119-120.