ui设计学习心得范文

2023-10-11

ui设计学习心得范文第1篇

学UI必看ui设计教程之ui学习方法

当前我国移动互联网等新兴互联网产业进入了高速发展的阶段,产业规模不断扩大,增速飞快,用户体验至上的时代已经来临。随着技术领域的逐步拓展,产品生产的人性化意识日趋增强,用户界面设计师(即UI设计师)也成为了人才市场上十分紧俏的职业。【UI设计月薪多少钱?>>】需要招聘该类型人才的企业不仅仅局限于移动互联网企业,越来越多的企业开始注重交互设计、用户测试方面的投入,如金融、交通、零售等一些行业均需要该类型设计人才。【UI设计需要学什么?>>】

其次,UI设计师的薪资随着市场需求量的暴涨和人才的供不应求也是水涨船高,一点不亚于大家熟知的软件开发工程师等高薪行业,即时工作经验不多的UI设计师月收入也能达到5000元以上,有两年以上经验的UI设计师月薪10000元以上比比皆是,而且高级UI设计师的收入年薪20万/30万甚至更高的也大有人在。所以,UI设计师是当今一个不错的选择。【学UI设计好就业吗?>>】 ui学习方法第一点:学习准备——启蒙

学习一项技能,尤其是已经有一定沉淀并在各行各业有广泛应用的技能,就一定要对它先有充分的认知。在开始正式学习前,你需要花足够的经历去了解和查阅它的起源、发展、应用、未来。UI作为平面设计的一部分,再往上又从属与美术学这一大类。因此,首先要先去了解整个美术史的发展。

在今天的UI设计群体中,我们作为专业的设计人员,可以和别人侃侃而谈雷军的创业心得,罗胖子的工匠情怀,滴滴快滴的商业模式以及BAT在传统行业的布局等等,各种其实并不太相干的话题,却说不出半点艺术见解。

思考三个问题:设计是什么?设计是如何产生的?设计可以做什么? 免费试学/ 一对一辅导/项目实训/就业保障

ui学习方法第二点:绘画技巧——洞察

美术的三大项:素描、速写、色彩。就是绘画入门的三大基础课题,我们学习的过程也是以这个顺序逐步覆盖的。如果想要在纸张上对现实世界的物体进行细致准确的描绘,也就需要我们更仔细的观察事物。随着绘画的深入你就会逐渐培养一双洞察细节的眼睛,你会对所有设计和形体做出本能的反应,分析它们的美丑,找出核心所在。

另外,适当的学习一下手绘吧,它将贯穿你整个职业生涯,在今后的学习工作中要保持这个习惯,相信我,每到一个合适的时机,它总会给你带来意想不到的惊喜。 ui学习方法第三点:掌握软件——手段

这一步就正式开始进入学习软件的步骤。如果学习的是UI,那么以下几种软件是必不可少的:PS、AI、DW、……其余的根据爱好自己补充。

那软件要学到什么程度?学到你可以用它临摹出任何使用这种软件设计的图形。一定要记住,设计软件只是我们用来实现设计的一种手段,过度沉迷在软件的研究中是本末倒置的,但如果你使用软件连抄都抄不出来,那就是一种不需要反驳的耻辱。 ui学习方法第四点:设计理论——实践

广义上来说,到这步才是真正开始学习设计,也是让

一、二两点作用开始充分发挥的时候。 每个方向都需要阅读相应的教材,重要性无以复加,你需要在观看的时候一边做练习。然后才是具体设计类的书籍,记得不要再买那些无用的通篇告诉你软件操作的书籍。 ui学习方法第六点:鉴赏模仿——超越

特地把这点放到后面,也是有理由的,前面的步奏都是一个设计师基础素养的实现,而一个出色设计师还需要培养自己的套路和风格——站在巨人的肩膀上。 ui学习方法第七点:阅读思考——扩展 免费试学/ 一对一辅导/项目实训/就业保障

设计是一门需要沉淀的技艺,却恰巧遇见了日新月异的互联网文化。这让大家对流行极具敏感度,而开始追赶潮流,轻视正统和法则。我相信,只要有足够的耐心,是可以让一个新手成长成为一名合格的UI设计师,请放慢你的脚步,不要急于求成。

【UI入门到精通教程>>】

ui设计学习心得范文第2篇

ui设计实习报告篇一:

一、实习目的

实习目的是,通过UI设计相关工作岗位实习使我了解以后再UI设计相关工作岗位工作的特点、性质,学习体验UI设计相关岗位工作的实际情况,学习与积累工作经验,为以后真正走上UI设计相关工作岗位做好岗前准备。

同时通过UI设计相关工作岗位的实习,熟悉实际工作过程的运作体系和管理流程,把自己所学UI设计工作岗位理论知识应用于实际,锻炼UI设计工作岗位业务能力和社会交际实践能力,并在工作中学习UI设计相关工作岗位的新知识,对自己所学的知识进行总结并提升,以指导未来在UI设计相关工作岗位的学习重点和发展方向。

二、实习时间

201×年03月01日~201×年06月15日

(修改成自己UI设计相关工作岗位实习时间)

三、实习地点

苏州市经济开发区江南大道

(修改成自己UI设计工作岗位实习地点)

四、实习单位

江苏省苏杭教育集团(修改成自己UI设计相关工作岗位实习单位)

此处可以继续添加具体你UI设计工作岗位实习单位的详细介绍

五、实习主要内容

我很荣幸进入江苏省苏杭教育集团(修改成自己UI设计相关工作岗位实习单位)开展UI设计岗位实习。为了更好地适应从没有UI设计岗位工作经验到一个具备完善业务水平的工作人员,实习单位主管领导首先给我们分发UI设计相关工作岗位从业相关知识材料进行一些基础知识的自主学习,并安排专门的老前辈对UI设计岗位所涉及的相关知识进行专项培训。

在实习过程,单位安排的了杜老师作为实习指导,杜老师是位非常和蔼亲切的人,他从事UI设计相关工作岗位领域工作已经有二十年。他先带领我们熟悉实习工作环境和UI设计相关工作岗位的工作职责和业务内容,之后他亲切的和我们交谈关于实习工作具体性质以及UI设计相关工作岗位容易遇到的问题。杜老师带领我们认识实习单位的其他工作人员,并让我们虚心地向这些辛勤地在UI设计相关工作岗位上的前辈学习,在遇到不懂得问题后要积极请教前辈。 毕竟是人生第一次在UI设计工作岗位上,所以真正掌握这一份工作是需要一个过程的。一开始我对实际UI设计岗位的工作内容比较陌生,都不太清楚自己的工作范围和职责,对实习单位的情况也不太了解,不过杜老师会告诉我该怎样处理自己在UI设计岗位上遇到的问题。慢慢的我也就熟悉了自己的UI设计岗位工作内容,在UI设计岗位上的一些棘手问题也能自己独立解决,每天把工作做得井井有条。

在单位实习期间,我从事的UI设计工作岗位相关的工作之外,还负责协助其他部门的日常工作,包括制定计划,利用新学习的UI设计相关工作岗位业务知识处理相关文书。

六、实习总结

对于第一次在UI设计相关工作岗位的的我来说,还没有足够的社会经验。经过了这半年来的UI设计相关工作岗位实习,我学到了很多,感悟了很多。特别是在实习单位领导和UI设计工作岗位的相关同事的关心和指导下,认真完成领导交付的工作,和同事之间能够通力合作,关系相处融洽而和睦。在工作中积极学习新知识、技能,注重自身发展和进步,我学会了很多UI设计相关工作岗位理论实践技能,增加了UI设计相关工作岗位相关工作经验。

ui设计实习报告篇二:

实训内容:

第一周的时候老师对我们以往学习的知识进行了详细的了解,对我们以前学习不到的知识进行了总结,别且勉励我们在今后学习的道路上不骄不躁。老师对向我们灌输了网站的搭配技巧和大致结构,这些只能在公司的实践中才能得到的东西,我们在老师的帮助下得到了大致的了解,感谢老师。前几天老师主要讲解了PS的知识,比如怎么做灯光效果,我们在下午的时候进行了练习。老师说在2个星期的时间里学习到很多的知识是不可能的,但是我们要有信心和勇气去学习,只有自己不放弃才能得到自己想要的知识。在让我们得到理论知识灌输的同时,老师注重我们的实践,实践是根本,没有实践的东西是不成形的,也是不可靠的,无论怎么样的想象,没有起飞总是会坠毁的。老师对于蒙版效果的使用让我耳目一新,以前总是不重视这些不太中心的东西,但是通过老师对于蒙板的讲解,我了解了那些外观上的刺激和强悍的作用,往往能让人耳目一新。

老师对于蒙版的使用以及做出的一些精美的图片,让我认识到了蒙版的重要性。因为现在的人们对于美观的要求性很高,我们需要对此下很大的功夫,这样做出的东西才能满足人们的口味。长久经验的积累让老师在这个行业走的很远,以后我会更加努力的实践,让自己在走上社会的道路上有一个良好的基础。

老师讲解的PS知识对PS进行了剖析,许多小技巧让我们在作图的时候效率有了很大的提高。 大概可以分为以下几类:1.魔棒、套索、矩形选区工具、圆形选区工具、像素选择工具等等,这一类使用简单,对规则图形和对比度大的图像进行操作;2.通道选择法,以不同颜色通道的亮度及对比度为基础,进行绘制及选择;3.矢量路径方法选择,工具包含绘制的图形、钢笔工具、网格工具等;

4.图像具有相对复杂的背景,前景(即我们要扣取的对象)边缘细微,例如发丝毛发等,可用抽出这类的滤镜或者用其他第三方滤镜,如Knockout、Mask Pro、ReMask、蒙娜丽莎等等;5.要扣取的前景具有半透明属性,例如婚纱、水珠、气泡、玻璃制品等,最好选用各种第三方滤镜进行操作(因为功能较强,抠图效果好),例如Knockout、Mask Pro、ReMask、蒙娜丽莎等;6.图像复杂,单种工具无法完成抠图,就要考虑多种工具和滤镜组合扣取。

他还让我们记住一些常用的快捷键如:比如,按住Ctrl Alt键拖动鼠标可以复制当前层或选区内容; 如果你最近拷贝了一张图片存在剪贴板里,Photoshop在新建文件(Ctrl N)的时候会以剪贴板中图片的尺寸作为新建图的默认大小。要略过这个特性而使用上一次的设置,在打开的时候按住Alt键(Ctrl Alt N);如果创作一幅新作品,需要与一幅已打开的图片有一样的尺寸、解析度、格式的文件。只要选取“文件”→“New”,点Photoshop菜单栏的Windows选项,在弹出菜单的最下面一栏点击已开启的图片名称就ok(实在太方便了);在使用自由变换工具(Ctrl T)时按住Alt键(Ctrl Alt T)即可先复制原图层(在当前的选区)后在复制层上进行变换;Ctrl Shift T为再次执行上次的变换,Ctrl Alt Shift T为复制原图后再执行变换。使用“通过复制新建层(Ctrl J)”或“通过剪切新建层(Ctrl J)”命令可以在一步之间完成拷贝到粘贴和剪切到粘贴的工作;通过复制(剪切)新建层命令粘贴时仍会放在它们原来的地方,然而通过拷贝(剪切)再粘贴,就会贴到图片(或选区)的中心;若要直接复制图像而不希望出现命名对话框,可先按住Alt键,再执行“图像”→“副本”命令;Photoshop的剪贴板也很好用,但你更希望直接使用Windows系统剪贴板,直接处理从屏幕上截取的图像。好的,按下Ctrl+K,在弹出的面板上将“输出到剪贴板”点中吧!

老师讲解的蒙板是将不同灰度色值转化为不同的透明度,并作用到它所在的图层,使图层不同部位透明度产生相应的变化。黑色为完全透明,白色为完全不透明。这些优点:1.修改方便,不会因为使用橡皮擦或剪切删除而造成不可返回的遗憾;2.可运用不同滤镜,以产生一些意想不到的特效;3.任何一张灰度图都可用来用为蒙板。以及主要的作用:1.用来扣图;2.做图的边缘淡化效果;3.图层间的溶合;在蒙板上应用不同的滤镜,便会使淡化的边缘出现不同的效果。在蒙板和图层之间的空处有一个链接符号,默认是链接着的,点击可解开蒙板与图层的链接。此时如果移动图层或蒙板,只会移动你选择的相应图层或蒙板,这点与图层间的链接是一回事。扣比较复杂的图,比喻人的头发,植物的枝叶等时,可将图片转为CMYK或LAB等不同颜色模式,找出一个对比最强,边缘轮廓最清晰的通道,调整其色阶,然后应用到蒙板,再作进一步修整。这些东西不仅仅教会了我们东西,更加的让我的态度得到了端正。老师说态度很重要,没有了端正的态度如何能用自己的心将自己的灵感融入到自己的作品中去,一个良好的态度是一个好的开端,同时也是自己能在做作品的时候用自己灵感浇筑眼下的作品。

这是老师的作品让我们网站页面的设计和图形视觉的认识有了一个全新的了解,一张图片有好的颜色和文字的合理设计才会让被人认同你的作品,所以这一周的ps实训使我对PS有了全新的认识。而真正的知识是理解和认知,而不是那些琐碎的篇幅。

第二周的时候这一周老师给我们讲了当前最流行的网页布局的方法Div+css,老师也讲了层布局与表格布局的区别,他们都是网页布局的方式,一个便于以后的维护、一个便于制作他们各有好处,需要设计人员在制作时自己来取舍的,并且还有一些设计技巧:

1、灵活运用样式

熟悉网页设计的网友就知道,调用Style的方法很多,我们可以单击鼠标右键选择Custon Style来调用Style标准,也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样,但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准,在网页代码中就生成一个〈span〉标签,这样的标签一多就会使文件十分臃肿而且影响浏览器的解析速度,所以我们应尽量使用状态栏中的元素列表来调用Style。

2、要让Windows(特别是95/NT)使用定制的显示器 匹配曲线,只需要如下操作:

(1)在开始菜单的“启动”中删除“Adobe Gamma Loader”。

(2)确定ICM曲线的路径/名称(基本上是处在C:WinNTSystem32Color中)。

(3)运行RegEdit,找到如下项目:

HKEY_LOCAL_MACHINE>Software>Adobe>Color>Monitor>Monitor0

(4)创建一个新的项,叫做“Monitor Profile”

(5)在这个显示器曲线的项中输入步骤2中的路径/名称。

注意:在设置了这个曲线后,由于Adobe Gamma已经重新配置了Adobe Gamma Loader,因此不要再运行它。

3、同时链接到两个网页我们都知道超级链接一次只能连到一个页面。如果我们要想一次在不同的框架页中打开文档,可以使用“Go To URL”JavaScript 行为。打开一个有框架的网页,选择文字或图象,然后从行为面板中选择“Go To URL”。我们会注意到Dreamweaver会在“Go To URL”对话框中显示所有可用的框架。选择其中一个我们想链接的框架并输入相应的URL后再选择另一个框架并输入另一个URL。

4、不给文件起中文名称

大家在制作好了网页后,通常会给网页起一个具有代表性的中文名称,一来能使人一看文件名就能大概了解文件所包含的内容,二来能够方便各个超级链接之间的相互调用。但如果你在Dreamweaver中这样做,就会发现Dreamweaver对中文文件名支持得不是太好,经常会有页面调用不正确的现象发生,所以我们以后在Dreamweaver中保存网页的时候,尽量用英文或者数字作为文件名称,这样就可以避免上面的出错现象。

5、要创建网络安全颜色,须确保色彩的R、G和B元素都是十六进制数的33或十进制的51的倍数,任何以下的值都是可接受的:00 (0)、33 (51)、66 (102)、 99 (153)、CC (204)、FF (255)。

6、巧妙隐藏标签

如果在网页中插入了不可见的元素时,Dreamweaver会自动在页面上添加一个与之相应的元素标签,以便于我们选择不可见元素。但这并不全是件好事,比我们在一个有很多层的页面中的第一行便插入一个表格,就会发现由于首行排列了太多的层元素标签而使得表格自动退到了页面的第二行,虽然在浏览时并不影响效果,但这确确实实会阻碍我们的工作。所以当我们觉得某个元素标签碍手碍脚时,就索性将之屏蔽掉。方法是按Ctrl+U打开Preferences面板,在Category中选中Invisibel Elements,在面板的右边将会出现所有的元素标签。只要将不需要的元素标签前的勾去掉,以后它就保证不会再出现了。

实训感想:

实训刚刚开始的时候由于自己的基础不够扎实,所以当时跟不上老师的步伐,只能一个人独自坐,慢慢的由于熟能生巧,我慢慢的就跟上来了。一个步骤的开始就可以连着几个步骤,同学们也在认真的帮助我,我很感动。同时我也学会了使用快捷键,以前我很不在意这,因为感觉那是在取巧。可是现在效率的明显提高让我慢慢的开始重视它的使用了。

快捷键的使用,这是 Photoshop 基础中的基础,却也是提高工作效率的最佳方法。快 捷键的使用,使你可以将精力更好的集中在你的作品而不是工具面板上。一旦你能够熟练的 使用快捷键,你就可以使用全屏的工作方式,省却了不必要的面板位置,使视野更开阔,最 大限度的利用屏幕空间;一些简单的命令可以用键盘来完成,不必分心在工具的选择上,哪 怕它只占用了极少的时间,但我们更希望在工作的过程中能够更有效率。我们把网页设计与制作中涉及到的理论和实践更好的结合起来,我对网页设计与制作这本书有了更深的理解,在flash制作方面有了很大提高,操作能力也得到了增强,使我们了解到无论做什么事都要有足够的耐心,还要认真细心。在做题时要对自己做过得东西进行仔细的检查,同时也使我了解到同学之间要相互协作、共同努力。

这次培养和考察了我对计算机的实际应用能力,注重了技术技能的培训,每一步骤和每一技能点相对应,使我对Photoshop有了更深一层的了解。更进一步的熟悉和掌握一些技能,将书本上的知识和实际合理的结合在一起。要真正的掌握和使用一个图像处理软件,不仅仅要掌握软件的操作,还需要掌握图像和图形方面的知识,比如图像类型、图像格式和颜色模式,以及一些色彩的原理知识等。也只有这样,才能按要求,合乎情理,有效地发挥创意,创培训,每一步骤和每一技能点相对应,使我对Photoshop有了更深一层的了解。更进一步的熟悉和掌握一些技能,将书本上的知识和实际合理的结合在一起。

要真正的掌握和使用一个图像处理软件,不仅仅要掌握软件的操作,还需要掌握图像和图形方面的知识,比如图像类型、图像格式和颜色模式,以及一些色彩的原理知识等。也只有这样,才能按要求,合乎情理,有效地发挥创意,创在这为期两周的实训中通过老师的认真讲解,让我对所学的知识有了一个重新的认识,他们教会了我在学校里许多学不到的知识,教了我许多关于设计的小技巧,这些小技巧是非常的实用的,能够节省我的许多时间从而让我能够够快速的完成任务,并且老师的讲解给我打开了一扇大门,让我仿佛看到了我的专业的未来的曙光,也让我对于自己现在的专业充满了信心,让我有了更加多的激情投入到本专业的学习中,同时也让我对于我们的相关专业也有了一些了解,从而有了更多的选择机会,不会再像以前茫然不知所措了,有时候老师的一句话能够让我解决我许久以来的迷惑,所以老师的作用是巨大的,老师就像是一道曙光让我在迷茫的道路上不断的前进,给了我前进的放向。

在这两个周里通过老师的指导,我不断完善我的设计网页面的基础,并且掌握了许多在课堂上学不到的小技巧。有理由相信,这些洞悉的积累会对我这个即将走上社会的大学生菜鸟很有帮助。

在不断丰富我知识的同时,我慢慢的认掌握识到了自己的知识还太少,需要大量的综合性的练习来完善。现实性的东西得靠实践来完成,以往自己的眼高手低只是一个笑话而已。

目的不是关键,真是有用的是在实训的过程中你是否让自己体验到了在公司工作的那种氛围和严谨,平时在做页面的时候总是不太严谨,马马虎虎的敷衍了事,可是一旦踏入社会,这些臭习惯会害了自己,同时也会影响公司的运作和效益。老师的敦敦教导总是萦绕在自己的耳边每当自己重复自己的老毛病时,知道社会的无情和残酷,我又何必再拿自己的前途开玩笑。

ui设计学习心得范文第3篇

世界级图形设计大师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设计学习心得范文第4篇

世界级图形设计大师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设计学习心得范文第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设计是一个用途比较广泛的专业,很多人都搞不清楚这个专业到底都亚学些什么, 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设计作品非常之多,学活借鉴,有效的、高明的借鉴就会快人一步。

上一篇:vi手册基本内容范文下一篇:ngo组织的架构范文