ui设计心得体会

ui设计心得体会（精选7篇）

ui设计心得体会 篇1

UI设计是一个用途比较广泛的专业，很多人都搞不清楚这个专业到底都亚学些什么，UI设计在的电子界面领域应用非常广泛，行业收入也比较可观，学好UI设计意味着拥有广泛的就业前景，但是UI设计的知识面非常广，导致很多学员感到无所适从。下面我们就来从工具到理念讲起

我一直坚持这样一种看法，不管你学的是哪一种设计，其学习内容都无非包括四个部分：

1、了解专业背景知识，2、掌握工具技能（如：如何学会绘图、使用相关设计软件等）、3、商业运作规则的了解，4、审美能力的建构艺术理念的习得。

一般的UI设计都会涉及的内容有：素描、UI手绘、UI色彩、三大构成、创意设计、设计心理、PS基础、PS提高、illustrator、Flash、After Effects、设计规范、GUI基础课程、创意设计、综合理论与实践、静态网页构建、前端程序开发、动态网站简介和应用、UX理论、AXURE-RP6.5、iphone/Android、手机交互等，涉及的应用领域不可谓不多，因此要想全部掌握或者眉毛胡子一把抓是不太明智的，下面我梳理出一些概要的学习方法，仅供大家参考。

第一：学习工具

工具是第一位的。一般对于入门阶段的人来说，你就不要老是纠结怎么学。先玩透Photoshop，UI设计的工作中最主要的工具就是PS，比方在做一些图标和界面的时候，PS都是必不可少的。

但是Photoshop有那么多功能需要每一个都学吗？当然不用，这个后面我们专门找一节慢慢说，在UI设计中ps主要学习也就那几个工具。

第二：学习UI设计规范

规范就是要刻意练习，规范这个主要还是要练习，没有太多捷径可走。

第三：基本的色彩学习

色彩的三要素指的就是色相、明度和纯度。这三个分别是什么意思呢？我们可以这样理解：

1、理解什么是色相

色相指色彩的相貌，不同的波长决定不同的色相，这是大家最直观感受到的色彩。色相对于色彩是最直接的代表，是色彩的灵魂。

大家大家都知道在光谱中，红、橙、黄、绿、蓝、紫等由于有着不同的波长，带给我们不同的色彩感受，它们是最基本的色相，其他诸如象牙白、柠檬黄等都是指色彩特定的色相，是人们对不同色相的不同称谓。有一个地方要注意，黑色和白色是无色相的。

2、理解明度

明度指色彩的明暗程度。明度可以说是色彩的骨架，明度对色彩的结构起着关键性的作用。明度具有定的独立性，它可以离开色相和纯度单独存在，而色彩的色相和纯度总是伴随着明度一起出现的，所以明度是色彩的骨架。

通俗点解释就是通过色相的加白加黑的一个变化，任何色彩都存在明暗变化的，从明度光谱上可以看到最明亮的颜色是黄色，处于光谱的中心位置。最暗的是紫色，处于光谱的边缘。

3、理解纯度

纯度指色彩的鲜艳程度，就是色彩的饱和度、纯净度、彩度。直观理解就是指色彩的鲜浊程度。纯度最高的色彩就是原色，随着纯度的降低，色彩就会变的暗、淡。纯度降到最低就是失去色相，变为无彩色，也就是黑色、白色和灰色。

4、学会UI设计中色彩的使用

那么在UI设计过程中色彩该如何去搭配？主要通过4部分来讲解。在UI界面设计比例中：用色一般分为主色，次色和辅助色，它们的比例是按照20%-30%、5%-10%和5%来进行配色，通过不同的配色比例让界面看起来不会出现突兀或者是主次不分的情况。

5、进入临摹阶段

了解了具体的知识，最主要的就是练习了，学习技法主要是侧重过程，在练习书法时，最好是临和摹结合起来，各扬其长，各避其短。此外，还要经常读帖，仔细观察、分析、体会，可以边读边用手“空临”。只要功夫下得多了，读帖和写字的能力自然会增强，对书法美也体会得更深了。需要联系临摹来加强你的技巧，此外，为保存、修复、展览、出售而取得复制品，侧重的是临摹的结果。因此，临摹品有商品性质。它流传于世又产生了伪作和赝作等复杂问题。在世界各国，临摹一直是学习古典书法或绘画技法，借鉴和继承优秀传统的主要途径与手段不要想着怎么做，怎么临摹，学啊~直接打开ps就开始操作，如果不知道怎么临摹，可以多加几个大神群去问。这个阶段的就是要：多练和多问

6、学会切图

之所以需要切图是因为用户手中看到的产品界面，并非设计师呕心沥血创作的效果图，而是一个个单独的切图经由开发同学技术实现。

切图作为设计师与开发者之间的桥梁，它的作用很关键，合适的切图、精准的位置可以最大限度的还原效果图的设计，精妙的切图更会有事半功倍的效果哦！

好了，大概这几点，当然这个只是学习UI设计的中的其中一小部分，也是入门的阶级。如果你觉得有用，就是今天这一篇最大的目的。

7、习得扁平化思维

扁平化实质就是简约风格，这种美学的哲学内涵就是：少即是多

扁平化的概念最核心的地方就是:去掉冗余的装饰效果，意思是去掉多余的透视，纹理，渐变等等能做出3D效果的元素。让“信息”本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。扁平化尤其在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。

也就是说做扁平化设计是在做减法，不像之前的拟物化，要考虑到诸多的质感、光影等细腻的地方。所以对于手绘功底不强的设计师来说，只要了解造型和透视关系，对于扁平化图标绘制就没有问题。界面过于单调，容易审美疲劳。扁平化设计限制了可采用的元素——

比方说其中就没有纹理——同时也就限制了内容的表现形式。更何况扁平化的GUI基本都是大色块堆叠出来，对于设计与制作业提高了不止一倍两倍的工作效率

8、UI经典设计的借鉴能力

借鉴本身就是创新的一部分，创新的本质就是嫁接和组合，好的UI设计作品非常之多，学活借鉴，有效的、高明的借鉴就会快人一步。

ui设计心得体会 篇2

一、视觉传达专业UI设计课程中的教学体会

UI设计作为视觉传达专业较新的一门课程, 还不够成熟, 需进一步改善。从UI设计课程教学及学生在课程中表现的情况看, 主要有以下问题。第一, 学生对课程概念的理解不够, 很多学生只注重产品界面设计, 对交互及用户体验概念的理解比较模糊。第二, 在设计一个全新的软件界面时, 很多学生缺乏思考此软件的使命、愿景和信息架构, 而用户界面的逻辑通常经不起推敲, 不够系统, 很难转化为产品。第三, 从用户界面的视觉设计上看, 缺乏细节, 效果不突出。尽管很多学生都能设计出简洁的扁平化界面, 紧跟扁平化设计潮流, 但做出来的视觉效果缺乏细腻感, 精致度不够。第四, 学生在设计用户界面时考虑不周全, 缺乏调研分析, 完全凭个人爱好及主观意象来做信息架构, 设计之前没有认真地调查此类软件界面的现状、问题及优势等, 不清楚目标用户真正的需求, 缺乏定位, 并没有对现有软件达到改善的目的, 或从一个新角度完全创造一种新的流程和做法。第五, 该课程与其它课程设置存在脱节状态, 学生的设计技能相对比较弱, 几乎没有相关课程做铺垫。

二、视觉传达专业UI设计教学方法的探索

UI设计课程是一门综合性较强的专业课程, 针对在课程中存在的问题, 以及在教学实践中的体会, 要想学生在课程期间学好这门课程, 能让视觉传达设计专业人才适应社会发展新的就业方向, 需调整和改进一些课程内容与教学方法。

首先, 加强学生对UI的理解。在课程前期要通过各种形式及理论讲解, UI即User Interface, 也就是用户界面设计, 它由三部分组成、即“人-机-界面”。当人通过输入、点击等方式, 计算机就会给出相应的提示或反馈, 界面也是如此, 界面存在于机器上, 如电脑、平板电脑、手机等都属于界面, 而人是通过一系列指令与机器交流。不仅要考虑界面的美观程度, 更要考虑界面与人的交流方式, 这种方式在UI里面称为——交互。而当在使用很多界面的时候, 能够很快速的找到所需要的东西, 感觉非常好用, 不用很费脑筋的去猜想, 那么这种方式在UI界面称为——用户体验。只有理解了UI这个概念, 才能让学生懂得需要学习什么, 怎样提高用户界面设计能力。因此要做好UI的话, 要掌握三方面的知识:界面+交互+用户体验。关于界面的应对方法是加强设计基础知识, 了解和研究界面布局, 懂得PC端和移动端界面设计的各种要求, 按标准和规范来设计。对于加强学习交互设计的办法是多读一些关于交互设计的书籍, 可上网自行搜索。除了多读书之外, 还要学会一些做交互的工具, 例如Axuer rp、After Effects等, 但最重要的还是实践。至于用户体验学习更多的是需要在实践中慢慢积累, 设计师采用以用户为中心的方法对目标用户产生一个粘性的, 可预见性与合理的影响。

其次, 学生在设计界面时思路不够清晰, 逻辑经不起推敲, 很难转化为实际应用, 此时教师要给学生严格的指南, 按严格的标准和规范来执行, 尽力帮助他们把作品转为产品。真正优秀的设计应该从更高的层面出发, 而不只是做表面上的工作。用户界面设计一定要试图解决用户的实际问题, 而不是只停留在炫技上。在研究和设计过程中, 要懂得UI能够更好地帮助用户理解内容并与之互动, 却又不会分散用户对内容本身的注意力。更要注意整个界面设计的清晰度, 各种大小文字的清晰度, 图标需醒目, 突出重点。从深层次上去理解, 并做到视觉的层次和生动的交互动作会赋予UI新的活力, 不但帮助用户更好理解新UI的操作并让用户在使用过程中感到惊喜。不管学生是重新设计一个现有的产品或是开发一个新产品, 第一步要去除UI元素让应用的核心功能呈现得更加直接并强调其相关性。第二步要直接使用某系统主题让其成为产品的UI, 这样能给用户统一的视觉感受。第三步要保证学生设计的UI可以适应各种设备, 这样用户可以在不同场景下舒适地享用你的应用。在整个设计过程中, 随时准备着推翻先例, 假设问题, 并以重点内容和功能 (为目标) 来驱动每个细节设计。

再次, 根据指定的某项应用进行完整的UI课题设计。课程后期学生一定要对前期已学到的知识进行综合应用, 提升专业综合能力。教师要求以小组的形式来完成课题, 小组在课题进行过程中, 该团队人员进行头脑风暴, 用户调研分析, 考虑和确定界面布局、信息构架, 交互设计及视觉设计方案等, 根据每位小组人员的特点分工合作, 发挥各自的特长。每个小组经过一个课题的锻炼, 学生也能体会到团队协作的力量, 让他们明白一个完整的UI设计是一个团队才能完成的。同时也能解决个人在做UI设计时考虑不周全的问题, 多个成员一起监督和互动, 不仅产品的逻辑变得清晰有条理, 作品的质量也能得到保障。

最后, 在进行视觉传达设计专业培养方案和课程建设时, 在UI设计课程之前, 应先修一些关于数字媒体的专业基础课程, 加强学生UI设计知识及理论修养, 为这个应用性强的专业课程做好铺垫, 学生有了基础就能快速能领悟这门课程的目的。

三、结语

被认可的用户界面设计至少是置界面于用户的控制之下, 减少用户的记忆负担, 在保持界面一致性原则下进行的。为培养更多的视觉传达设计专业的学生成为UI设计人才, 为能更好地进入这个新兴设计领域做准备, 要不断探索适合UI设计课程的教学内容及教学方式, 在不断实践与改革中提升教学质量, 达到培养一专多能的综合型设计人才的目的。

参考文献

[1]张剑.艺术专业UI设计课程现状与改进探讨[J].美术教育研究2014.06.

[2]王广.浅谈UI设计中的视觉传达[J].青年与社会.2014.5.

浅析UI设计中字体设计 篇3

文字是人类表达情感最好的体现，在UI设计中文字的美感对UI设计的成功与否有着很大的关系，文章主要就UI设计中的文字设计展开分析。

关键词：UI；界面设计；字体设计

文字是人类生活表达的一种方式，也是人们表达情感的一种直接体现。事实上，无论在那种视觉媒体中，文字和图片是最好的传达媒介。在设计的过程中，文字排列组合的好坏直接关系到所表达的视觉效果，因此在UI设计中，文字的字体设计占据很大的比重，它能够赋予设计的美感，提高设计作品的传达力，是版面审美价值的一种体现。

一、UI设计中的文字意义

（一）文字的可读性

文字最基本的功能是向大众传播各种信息与情感，所以在UI设计中，文字的最基本功能必须保证整体信息的传达，给大众一种清晰的认知。在设计中，文字要适当的简单易懂，避免过于文字过于凌乱，忘记文字的基本功能，当然以最精炼的文字传达作者的设计意图是需要考虑的。

（二）文字位子的整体性

文字的布局应该考虑到整体效果，也就是不能够让视觉感受到文字布局的冲突，这样会感觉不到画面布局的主次感。好的文字整体布局可以使设计作品在含义与气氛上达到和谐境界，事实上人都有着一种自然审美的观念，这是一个较为微妙的感觉，需要仔细的去体会。电脑在这方面所能帮到你的很少，有时还需要自己去注意细节。

（三）视觉美感

文字最为画面传感的要素之一，是视觉情感传播的主要媒介，因此它必须有着强烈的美感，，这样在能够人们感受到美。字型设计、字体的组合都能够让大众感受到愉悦，在心底留下美好的印象。如果文字不能够产生视觉美感，难以让大众在心理接受，甚至都对其不屑一顾，作者也就无法向他们传达自己的意图构想。

（四）文字设计的创造性

在进行UI作品设计时，需要保证作品的主体个性突出，这可以在文字的设计上有所突破，突出文字的个性化色彩，创造独特的字体，这样给予大众一种别开生面的感觉，对作者所展现的意图会有很大的帮助。在设计时，可以根据字体的形态特征在组合上进行探索，实现个性化的文体设计，从文字形象唤起大众心中的愉悦感受。

二、字体图形化设计

对于快速发展的互联网而言，单纯的文字美感设计是无法应对用户们的审美需求的，因此在单调的字体设计需要得到突破。字体图形化就是一种很好的突破化设计思路，更加能够满足电脑用户对个性化审美的需求。字体的图形化设计能够营造良好的页面范围，更好的传递设计意图。例如在进行页面设计时，我们需要对标题文案，包括整个活动的专题商业需求都要经过特殊的设计处理，这样才能够保证与内容文案形成对比性，能够吸引用户的眼球，帮助用户充分的了解页面信息。

（一）字体的变形设计

字体的变形常被运用到UI字体的设计中，它是在电脑字体的基本形态上做出稍微的变形，这样使得整体画面的线条显得更加圆滑，也是字体字型变得更有活力，当然这种变形调整需要依照具体的情况进行操作。当然字体的设计最终目的是让用户能够快速的获取信息，过于的字体变形会让字体变得模糊，使设计舍本求末，失去原有的意义。

（二）字体的组合设计

我们应该明白，字体不会是孤立存在的，这不仅是字体的来源可以追溯到图像，也就是说文字的本身来源是人类生活情感的象形。在某种程度上来讲，文字来源于图形，因此图形与文字是同源的，只是文字更加抽象。

图 字体组合设计

例如上图，字体与图片的相互相互融合，就能够更加清晰的理解和传达设计信息内容，并且取得良好的效果，在设计的时候需考虑与周围的其他页面元素的协调一致，强化页面的整体氛围的营造。需要把握它们之间的融合点，使其更加和谐。

（三） 3D字体设计

人们生活在三维的立体生活中，对空间的感觉很为情切，因此在平面中营造一种具有空间感与层次感的字体设计，可能会让用户觉得更加真实，更加有冲击力。3D设计需要借助相关的电脑工具来完成，不管是3D软件辅助设计还是PS/AI，都能够使文字根据光感实现层次空间的变化。

（四）字体颜色大小设计

文字的颜色要同图像的颜色保持一致并注意色彩搭配的和谐。一个站点通常只使用一到两种标准色，为了保持颜色上的一致性，标准色一致或相近。比如，站点的主题色彩如果为红色，可能就需要将链接的色彩也改为红色。

三、结语

在UI界面设计中，不单单是需要美术绘画，同样需要根据设计所要表达的意义对字体、字型的设计做出艺术性设计。判定一个界面设计的美感不是单纯的项目领导的肯定就可以了，而是应该以用户对于界面设计的满意度作为评价界面设计是否完美的标准，这需要最终用户对设计的感受，所以只有在设计中不断的与用户的视觉体验相连，才能够保证设计的完美。

【参考文献】

[1]郭丽莉，王文彬，费英.现代平面设计领域中文字的探究[J].商业文化（下半月），2011（02）

[2]李卉.图形化文字在信息传达中的应用[J].运城学院学报，2010（05）

[3]王晓丹.以人为本 创新感受——浅谈网页设计中UI设计的用户体验[J].中国艺术，2012（01）

ui设计心得体会 篇4

图片的使用以及自定义shape图形的引用，可以减少内存溢出和优化界面布局。还有自定义布局，必须了解一些属性的用法，定义自己想要的效果。

对设计有帮助的工具：PS，SDK自带的.9图片处理器，PicPick工具，TableTextCompare工具。把4.0版本的布局代码转移到2.3版的界面上需要注意图片大小尺寸的缩放问题，和整体的缩放。UI设计需要个人的耐心和注意用户体验效果。

附：UI设计原则

UI设计有时是一件非常耗时且枯燥的工作，但是，UI设计是Android开发必须要掌握、且要熟练掌握的一部分，也许当你熟练的时候你会发现其中的乐趣。

以下是UI设计中应该注意和地方，也说不上是原则，是众多软件开发人员及UI设计人员总结的经验，我们应该学习：

一、应该做的

图标设计要遵循手机图标样式，不要简单用Web页面图标，

使用主题/样式， 尺寸和颜色资源来减少多余的值

正确处理屏幕方向变化

使用适当的间距

需要点击的元素要够大

为高分辨率的屏幕创建资源

整个软件风格统一、简洁

和UI设计里师合作

二、不应该做的

不要照搬其它平台上的UI设计，应该让用户感觉是在真正使用一个Android软件

不要过度使用对话框，这对于用户来说是阻塞

不要使用绝对定位的布局

不要使用px单位 ，控件使用dp，文本应该使用sp

不要使用太小的字体

不要在页面有过多控件

三、准则

关注用户、注重用户体验

显示正确的内容

给予用户适当的回馈

有章可循的行为模式、不要让用户猜怎么用

容忍错误

四、UI设计需要考虑的地方

屏幕的物理尺寸

屏幕的密度

屏幕的方向

主要的UI交互方式

了解不同设备之间的相异之处

了解屏幕尺寸和密度分类

五、最重要的一点

ui设计心得体会 篇5

成都ui设计培训学校哪家好？学ui设计难不难？

成都国信安ui设计培训由副教学总监，优秀讲师带队并亲自授课，秉承成都国信安一贯的专业品质态度，在课程质量，学生素质，就业服务上相当严格要求，并以学业满意就业为目标，打造国内优秀ui设计培训班，感兴趣的同学不妨关注国信安教育基地了解一下吧。

中国每年有大量的计算机类毕业生进入企业，企业会把那些程序员列入优秀人才加以重视呢？斩获高薪的程序员需要哪些素质呢？ 规范化、标准化的代码编写习惯

作为一些外国知名软件公司的规矩，代码的变量命名，代码内注释格式，甚至嵌套中行缩进的长度和函数间的空行数字都有明确规定，良好的编写习惯，不但有助于代码的移植和 纠错，也有助于不同技术人员之间的协作.有些代码发烧友叫嚣高水平程序员写的代码旁人从来看不懂，这种叫嚣只能证明他们自己压根不配自称程序员，代码具有良好的可读性，是程序员基本的素质需求。再看看整个Linux的搭建，没有规范化和标准化的代码习惯，全球的研发协作是绝对不可 想象的。需求理解能力

程序员需要理解一个模块的需求，很多小朋友写程序往往只关注一个功能需求，他们把性能指标全部归结到硬件，操作系统和开发环境上，忽视了本身代码的性能考虑，有人曾经放言说写一个广告交换程序很简单，这种人从来不知道在百万甚至千万数量级的访问情 况下的性能指标是如何实现的。对于这样的程序员，你给他深蓝那套系统，他也做不出太 极链的并访能力。性能需求指标中，稳定性，并访支撑能力以及安全性都很重要，作为程 序员需要评估该模块在系统运营中所处的环境，将要受到的负荷压力以及各种潜在的危险 和恶意攻击的可能性，就这一点，一个成熟的程序员至少需要2到3年的项目研发和跟踪经 验才有可能有心得。

成都是国家历史文化名城、中国最佳旅游城市和南方丝绸之路的起点、“十大古都”之一。2600多年的建城史孕育了都江堰、武侯祠、杜甫草堂、金沙遗址等众多名胜古迹。每到中考季，很多初中生总是为自己的未来前途担心，尤其是一些学习成绩不好的初中生，他们不知道中考没考上怎么办。同时许多家长也担心，自己的孩子年龄还小，进入社会显然不合适。这个时候职业培训学校更加适合，放眼众多学院，四川国信安职业培训学校无疑是非常合适的。国信安教育基地

在日常生活中，大家都多多少少听说过IT培训，那么各位对其了解又有多少呢？是不是哪个更靠谱是大家比较关心的问题？接下来就让小编带你来看看IT培训的相关情况吧~带你了解IT培训~

成都ui设计培训学校哪家好？ui设计难不难？

很多人在大学时没有选到心仪的专业，所以走向工作岗位后后悔无比，毕竟属于年轻人的时光就这么几年，如果不能顺利找到自己喜欢的职业方向，后续人生很难过的精彩。于是不少人重新调整自己，找到了新的就业方向，小编的几个同学就到国信安教育基地学习ui设计，他们都觉得每天过得很充实，学到了很多新的知识。那么除了国信安教育基地，成都ui设计培训学校哪家好？ 目前市面上的培训机构太多了，但是大家不能每一所都去体验，这样会影响大家的学习时间，也会浪费大部分的精力。我们可以先通过网络进行筛选，比如是否有官网、是否有客服、是否有就业情况分析等。正规培训学校不仅会对学员的课程学习情况负责，也会对大家的工作和入职负责，这是了解成都ui设计培训学校哪家好的必要条件。

除此之外，建议大家了解一下ui设计的基本内容，看看自己的思维和创意以及工作能力是否能够匹配。专业老师在授课之前都会提供大的框架，就是希望大家能找到学习的本质，更希望大家先从基础层面了解该工作是做什么的。国信安教育基地

手机UI设计中空符号的运用 篇6

“空符号 (blank-sign) 属于符号大类中的一个子类, 是实际上存在着的一种特殊符号形式”。“空符号”之“空”有别于“无”, 它不是“空无一物”、不是物质的“缺漏”, 它有着完整的“能指”与“所指”, 是一个完整实在的“符号”。赵毅衡在《符号学原理与推演》中指出:“符号是携带意义的感知, 作为符号载体的感知, 可以不是物质, 而是物质的缺失:空白、黑暗、寂静、无语、无臭、无味、无表情、拒绝答复等等”。“空符号”是相对于“实符号”的存在, 这里能够被感知到的“物质”指的就是“实符号”, 而“空符号”则是将“实符号”互相分隔、区分的“空位”“间隔”等。

二、手机UI设计中主要的符号活动

手机UI设计是指对手机软件的人机交互、操作逻辑和界面美化的整体设计, 是多个设计活动相互协调的复合型设计活动。韦世林提出的符号“六维多层双分法”为手机UI设计中的符号活动之探索提供了前提。据“六维多层双分法”:一维符号系统和符号活动, 表现为声音性的或有涉音响的活动;二维符号系统和符号活动, 牵涉到“长x宽”的平面;三维符号系统和符号活动, 牵涉到“长x宽x高”的立体状况;四维符号系统和符号活动, 牵涉“长x宽x高x时间”的动作性组合;多维符号系统和符号活动, 牵涉“长x宽x高x时间x (心理感受∪价值判定) ”等多维状况;跨维符号系统和符号活动, 跨越了物理时空的虚拟空间或抽象空间的“想象、思维活动”。

在手机UI设计活动中主要涉及多维符号活动、跨维符号活动及二维符号活动, 是一个杂糅了多个维度符号、同时跨越多个维度的符号表意活动。“符号是携带意义的感知, 意义必须用符号才能表达, 符号的用途是表达意义。”也就是说当一个意义被解释时, 必然要用另一套符号来表达这个解释, 因此符号的表意过程是无限的“符号代替符号”的过程。在手机UI设计的符号活动中, 界面的二维符号系统是操作逻辑之跨维符号系统的符号, 即对操作逻辑的“解释”, 同时它又是用户进行人机交互之“多维符号活动”的符号文本。需要明确的是, 不论是哪个维度的符号都收到的文化大语境的约束, 若没有这个范围的限定整个符号系统的符号表意过程将无法顺利进行。在这个不同维度符号活动相互替代的符号活动中, 每个维度的空符号都有其突出的功能特点。

三、跨维空符号分析

UI中“操作逻辑”的设计属跨维符号活动, 其特征在于超越了四维的物理空间和时间, 属于思维的层次, 以一种离散状态存在于设计师的脑海里, 因此除了设计师本人谁也无法感知到它们的存在, 加之人脑短时记忆有限, 直接导致跨维符号在交流和储存上的局限性。在这个“虚无缥缈”的符号系统中, 空符号与实符号更是“你中有我, 我中有你”难以区分, 但我们可以从几个侧面对空符号进行分析。

(一) 跨维空符号的可变性

空符号决定了符号系统的“结构”。设计师在脑海中对各种信息进行编码的依据一部分来源于对用户惯性思维与操作习惯的研究 (文化背景、生理条件等的限制) , 还有一部分来源于设计师的经验与灵感。空符号像一张交织的网, 将实符号彼此分开又互相联系, 因此“操作逻辑”并不是绝对的、固定不变的, 不同的系统或应用在逻辑操作上会存在差异, 这种差异源于空符号的“可变性”。如:移动端IOS系统和Android系统, 无论是那个系统用户都能进行操作与理解, 但操作逻辑却不尽相同。

(二) 对跨维实符号的“分隔、提示”作用

空符号对实符号具有提示功能, 这种提示功能服从“操作逻辑”的规约, 因此不会对符号接收者的解释造成障碍。我们若将一个手机应用背后的“操作逻辑”看做一套独立完整的跨维符号系统, 那么在多个独立的跨维符号系统之间也有将它们相互隔离区分的跨维空符号存在, 这也说明了为什么我们可以在手机应用之间相互切换。跨维空符号虽然难以捕捉, 但我们可以从其解释——界面的二维符号系统中找到其映射。

四、二维空符号分析

手机操作界面实际上是操作逻辑的“二维符号表达”, 二维符号最突出的特点在于其能直接作用于人的视觉感官, 具有直观性, 易于信息的储存与接收。界面展现给用户的是一个二维符号系统, 其总是以一个手机的系统或应用为单位, 每个页面以“拓扑循环”式展开, 即每个页面中的二维符号自成为一个相对独立的小系统, 是一个“合一的表意单元”, 各页面之间通过操作逻辑之分类规则联系在一起, 我们可以按照一定的操作规则在各页面间进行跳转却不会影响我们对应用的理解。而常见的文字符号常常以文章或书本的形式出现, 这类符号的展开是一维线性的, 即使是书本, 页面之间的“间断”也不会改变其阅读的一维指向性。而图画总是在一个页面中展开, 其解释具有整体性。

(一) 对实符号的“衬托”作用

在界面的二维符号系统中最容易被感知到的空符号表现为:在界面中将图形符号、文字符号等实符号分隔开来的“留白”或“空白”。这些由设计师精心“生产”出来的空符号是用户对界面二维符号系统进行有效且高效解释的关键。

在系统或应用界面中, “空白”不仅是为了将每个文字、图形分隔开便于辨认, 它还能够提示界面的“内容本身”, 通过实符号自身的形式及其周围空符号的提示, 用户能很快理解实符号的属性, 如:文本类实符号 (即仅供阅读的内容) , 控制页面跳转的实符号, 提示页面所在位置的实符号等。

(二) 对实符号的“提示”作用

还有另一种情况, 现在手机应用种类繁多, 功能及针对的用户群体等诸多方面不尽相同, 但我们在每次使用时却不用花费太多精力去学习该如何操作, 因为很多应用的界面虽然有着不同的实符号, 却有着相似的空符号配置, 尤其是在同一手机操作系统下的应用界面与手机的系统界面有着相似的空符号配置, 大大地降低了用户在操作时的难度。如:同一手机系统或应用中, 表示“返回上一页”的实符号无论以“返回”的文字符号出现还是以“<”的图形符号出现, 其始终处于界面的同一位置, 用户无需从界面众多实符号中逐一去识别出表示“返回上一页”的实符号, 只要知道其位置就能达到“返回上一页”的目的。与其说用户是在选择表示“返回上一页”的实符号, 不如说用户是在选择表示“返回上一页”的实符号的位置, 这样大大节约了用户在使用手机应用时的认知成本。

(三) 空符号的可变性

同一手机应用在不同手机操作系统中, 应用界面有着相同的实符号, 却使用了不同的空符号配置, 虽然会致使用户在更换手机操作系统时会不习惯, 但其应用的可用性是不受影响的。常常会遇到这样一种情况, 一个应用在不同的手机操作系统中, 界面的版式完全不同 (虽然有着相同的实符号却有着不同的空符号配置) , 用户虽然可以重新培养新的操作习惯, 但无形中还是增加了用户的认知成本, 因此现在的手机应用开发商会统一应用的界面, 实际上就是让不同操作系统下的应用界面拥有相似的空符号配置, 这也是跨维符号系统配置不同空符号的结果。

(四) 跨维空符号的二维映射

前文提到界面是操作逻辑的“二维符号表现”, 因此在这个特殊的二维符号系统中空符号不是绝对的“空白”“留白”。在手机界面这个被用于代替跨维符号系统的二维符号系统中, 还存在一种特殊的空符号, 那就是在每次切换应用或页面时的“动效”, 它常常以“滑动”“闪现”或“渐变”等形式出现, 还有我们打开页面时常常看见的各式各样的“loading…” (“载入中……”) 或进度条, 无论是何种形式出现, 其本质就是页面之间跳转的“空隙”。这样用实符号来替代空符号起间隔作用具有非常明显的人为性和意图性, 往往携带着重要的意义。在IPhone的操作系统IOS 8中切换或退出后台应用程序时, 所有开启的应用会以缩图的形式排列在界面上, 此时用户能直观地切换或退出应用程序, 每个应用的缩图都代表了该应用背后的一整套“看不见”的跨维符号系统, 它们之间的切换实际上就是在不同独立的跨维符号系统之间跳转, 是跨维空符号的“二维表现”。

五、多维空符号分析

手机UI设计的人机交互主要体现在系统或应用的操作过程, 是用户通过对手机界面的操作及系统或应用的反馈来理解 (或解释) 其背后一整套操作逻辑的过程, 属于多维符号活动的范畴。在手机UI的人机交互中, 涉及了用户通过手机界面与背后看不见的交互行为及对应用的理解与思考两方面。

(一) 控制着交互行为的“节奏”

用户使用手机应用以达成某一目标, 这一过程由许多有目的性的“行为”接连而成, 其间的“节点”是上一个“行为”的结束也是下一个“行为”的开始, 这样层层递进最终达成“目标”。每组“行为”还能够进一步分解成为一个个“动作点”, 其中又由更小的“间隔”将众多“动作点”互相分隔衔接, 进而完成一组“行为”。这些“大小不同”的“间隔”就是交互行为中的空符号, 其在表现为用户动作的“停顿”或“终止”, 直接控制着用户交互行为的节奏, 同时也影响着用户对手机系统或应用的理解。如:等待系统或应用给予反馈时动作的“停顿”, 在浏览页面时动作的“停顿”, 页面加载超时时的“等待”以及应用程序加载出错时出现的“中断”等, 是跨维空符号的映射。

(二) “认知的差距”

用户通过手机界面进行交互并在操作过程中重建应用的“逻辑结构”。如图所示:

意图意义一旦被文本意义代替, 意图意义就会自行消失, 同样, 解释意义的出现也就宣示着文本意义的消亡, 这就是符号表意过程。用户“解释意义”与设计师“意图意义”之间的“差距”就是“多维符号系统”中的另一种空符号形式。空符号掌握着符号系统的节奏与结构, 动作的停顿是给用户留下思考的余地, 进而进行下一步的操作, 帮助用户建立应用的逻辑架构, 是“积极的空符号”。但有部分空符号表现为用户在重建应用逻辑结构时“理解、认知上的差距”, 一个符号系统中空符号与实符号就像硬币的两面, 无论哪一面都不能排除对方单独存在, 因此“认知上的差距”不可能被完全消除, 这种对用户理解应用的“障碍”是一种“消极空符号”。“消极空符号”同样具备可变性, 因此设计师可以通过对用户惯性思维等的研究来缩短这种差距。

六、结论

手机UI设计的符号活动是多个维度的符号系统在统一文化语境的限制下相互交织替代的过程, 各维度符号系统中的空符号不仅决定了该符号系统的结构, 还与实符号一同参与符号表意。其中界面的二维符号系统尤为重要, 一方面它作为操作逻辑之“跨维符号的符号”, 让“虚无”得以“具体化”, 另一方面, 它又是人机交互“多维符号系统”的文本, 直接影响着人机交互进展的情况。操作逻辑的设计属于跨维符号系统, 是思维的层次, 没有具体的“形”, 跨维空符号就像一张将跨维实符号相互区分相互联系的大网, 这个网是由“文化”的限制、设计师对用户的研究以及设计师的经验与灵感等编制而成。作为操作逻辑的符号, 界面的二维符号不仅有其独有的可视、直观的特性, 它也同时能反映出一些跨维符号的特点。界面二维符号系统中的空符号类型较为丰富, 值得注意的是在二维符号代替跨维符号中, 出现了以实符号表示空符号的现象, 并且这样人为的空符号在符号解释中携带了重要意义。在多维符号活动中, 空符号也出现了性质上的分化, 积极的多维空符号能帮助用户理解应用, 消极的空符号阻碍用户学习、理解系统或应用。每个维度的空符号既保持着每个维度符号的特性, 又能相互映射, 只有将三个维度的符号活动联系起来作为一个有机的整体才能解读出较为准确的意义。

摘要：明晰不同维度符号系统及符号活动中空符号在跨维度表意中的映射关系及其作用。从符号学角度对手机UI设计中多个维度的符号系统及活动进行梳理与分析, 结合UI设计的实例重点辨析每个维度符号系统中空符号的形式与功能。手机UI设计符号活动中各维度的空符号不仅决定了该符号系统的结构与符号活动的节奏, 而且在跨维度符号表意过程中会相互映射, 直接影响着用户对系统的理解。

关键词：UI设计,符号表意,空符号

参考文献

[1]韦世林.空符号论[M].第一版.北京:人民出版社, 2012.

[2]赵毅衡.符号学原理与推演[M].第一版.南京:南京大学出版社, 2011.

[3] (美) Donald Arthur Norman著, 付秋芳程进三译.情感化设计[M].北京:电子工业出版社, 2005.

[4] (美) Jesse James Garrett著, 范晓燕译.用户体验的要素[M].第二版.北京:机械工业出版社, 2011.

UI设计中的视觉表现 篇7

[关键词]UI设计；视觉表现；用户

UI全称是User Interface，也就是用户界面，那么UI设计简而言之就是连接产品与用户之间的使用界面的设计，是二者沟通的桥梁。UI设计是伴随着科技发展所产生的新兴设计门类，由于网络不断的普及与扩张，“信息社会”悄然而至，智能产品更多的融入人们的日常生活，人们在不知不觉中与界面的接触越来越频繁，由最初的电脑扩展至现在的智能手机、公共设施的应用平台以及高级家用电器等，并不断有创新产品的涌现。

智能化的生活产品越来越丰富，究其发展原因，不仅是科技发展带来了技术上的可能性；也是人们对现代生活更效率化、人性化需求的体现，使用户在使用产品的过程中，对时间的利用上，空间选择上不必像以往那么受到局限，同时也开始逐渐注重自身的参与感和产品体验的满足感，寻求对功能性满足之上更深层的心理满足感，也许用户自己都没意识到，在体验到网络化智能化在电脑和手机上带来的便利与精彩后，人们的智能需求得到了极大的激发，对简洁、美观、易操作，用户体验良好的UI设计越来越重视；这也使得UI设计从最初的“形式追随功能”向“形式追随体验”转变。

一、UI 设计工作基础内涵机理以及对应操作流程论述

所谓UI 设计，宏观角度上可理解为用户专属的操作界面设计工作，其具体涉及的工艺内容众多，尤其在目前全新科技发展时代下产生不可小觑的引导功效。如今互联网技术在社会基层人员生活中得到广泛重视和灵活应用，对应网页界面设计工作的确获取足够重要的适应地位，其中大部分合理规模网站都争相聘请专业UI 设计人员，包括新浪、搜狐等，尤其对于手机操作界面设计环节来讲，对应市场推广动力和多元化信息参考价值已经完全超出ID 造型水准，其中最为典型的案例莫过于iphone 手机。实际上在单位软件程序开发企业中，页面设计人员都会全身心地投入到不可视的逻辑语言形象化改造范畴之中，经过其百般编辑和系统操作过后，一时间令得既定软件安装操作工序变得极为简易。由此看来，软件界面科学设计人员如今在对应市场上的核心引导地位的确足够深厚。

UI 设计工作主要包括程序开发和检验评估两类工序，整体行为过程耗费时间比较漫长，需要开发者事先针对某个具体项目提供总体规划方案，之后针对单个环节加以校验实施，确保用户当下一切需求都能得到合理满足。尤其借助人机交互式操作中心设计与评估规范理念观察，有关专门职务定义结果，主要会借鉴用户中心评估与实施策略进行跟踪验证布置。而透过UCD 程序延展的UI 界面规划指标，能够确保一切操作细节都能主动迎合实际技术条件。整个流程实质上是设计、评估工序反复循环转接的过程，其和一类迭代式模型操控原理产生异曲同工之妙。而迭代化设计技术能够令用户全面参与到界面设计开发工作环境之中，必要情况下依照难以提炼的用户需求进行现场跟踪验证解析，杜绝以往用户后期体验产生较大的功能偏差效果。

二、用户的视觉交互活动的要求的交叉

用户的视觉交互活动的要求的交叉在任何事物完成之前， 我们需要知道完成任务所需要的条件， 而在一个行为完成之后， 需要根据该行为产生的结果来进行接下来任务， 所谓的反馈信息就是指在这个过程中的结果信息。在跟事物的接触过程中， 人往往会产生于行为有关的感知信息，主要有行为感和物感， 这样的一种感知就是信息感。在李乐山先生《人机界面设计》中对于信息感专门做了一定的总结。其中物感含有结构感、形状感、表面质感、质量感、色感、尺寸感等，是对物感特征进行的一种反应。行为感含有平衡感、对称感、动感、行动--结果感、位置感、行为过程感觉、操作速度感、状态感等， 其中反映行为感的相关信息有动感象征、平衡感象征、位置感、操作速度感象征、行动一结果感象征、方向感象征、状态感象征、行为过程感象征、对称感象征等。

在人们的生活中， 获得上述信息的方式除去听觉和触觉外，最快速最广泛的的方式是视觉。某些特定的信息只能经过视觉来得到， 比如色感， 而且采用视觉的方式来得到外部信息时人类的一种本能， 设计人员在有关视觉领域的设计中需要对此进行重视。因此能够给出用户所能接受的视觉信息， 是满足用户需求最根本的要求。在人们接收相关信息后， 需要对信息进行理解和相关的处理， 比如人们对于屏幕上出现的图像会进行自我理解， 当以上的方式不能够提供足够的信息时， 人们便开始进行想象、尝试或者听取其他的意见， 来指导自己的行为和理解， 因此对于用户来说， 特别是新用户而言， 能够提供的帮助文件和足量的尝试方法对其具有很重要的实际意义。帮助信息既要能够满足客户的需求， 又不能对获得其他信息造成影响， 设计师们就需要构建合理的信息结构， 以便于满足客户需求。

三、用户交互体验需求中的视觉需求分析

依照传统逻辑思维界定，此类设计活动的主体支撑要素在于CUD，在此基础上有关用户就会顺势被定义为设计主体支撑对象，对应设计内容上都会围绕客户核心单元进行思维拓展。在如今市场内部广泛流行的UI 体验式设计工序中，可以清晰观察到内部产品设计以及和用户体验适应前提条件相互切合。因此，进行内部特殊性视觉思维状态理解能够令用户需求体系中一切隐藏的视觉感知元素，顺势并提炼并有机转化成为现实交互体验的设计流程。面对这类视觉思维架构，其主体支撑效用在于整个人际交互行为规则的迎合，而最终动机在于实现既有设计产品的适当限制和改善目标定义，进而能够持续掌握用户一切行为习惯和视觉标准思维规则，直到针对目标用于普遍可用性理念加以全面掌控过后为止。归结来讲，此类模式能够尽快辅助设计主体进行外部客户个性化、差异化界面操作要求吸纳整理，进而制定出最佳的盈利控制方案。此后，用户在交互式人际界面体验操作过程中，对应的视觉思维要素必然会产生不可小觑的引导交接功效，进而合理推动人机交互界面内部程序的灵活舒展。

四、结语

视觉设计可以说是UI 界面系统创新实用功能全面延展的根本适应途径，经过单位客户感知、思维与艺术完美融合过后，能够将人类最为自然的视觉感官效应和图形设计规则紧密关联，并且在全面满足界面异质化设计功能绽放前提作用下，使得用户一切自我价值实现需求以及审美功能获取前所未有的更新、调试机遇。

参考文献：

[1]赵偲. 基于感性工学与色彩心理学的2.5维UI 界面设计研究[D]. 南京航空航天大学，2009.

[2]耿明名. 网页UI 设计中的沟通艺术[D]. 哈尔滨理工大学，2010.