UI设计的学习心得UI设计学习方法——中鹏UI设计相关课程.docx
《UI设计的学习心得UI设计学习方法——中鹏UI设计相关课程.docx》由会员分享,可在线阅读,更多相关《UI设计的学习心得UI设计学习方法——中鹏UI设计相关课程.docx(25页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、UI设计的学习心得UI设计学习方法中鹏UI设计相关课程 第一篇:UI设计的学习心得UI设计学习方法中鹏UI设计相关课程 UI设计的学习心得 UI设计是一个用处比较广泛的专业,很多人都搞不清楚这个专业到底都亚学些什么, UI设计在的电子界面领域应用特殊广泛,行业收入也比较可观,学好UI设计意味着拥有广泛的就业前景,但是UI设计的学问面特殊广,导致很多学员感到无所适从。下面我们就来从工具到理念讲起 我始终坚持这样一种看法,不管你学的是哪一种设计,其学习内容都无非包括四个部分: 1、了解专业背景学问, 2、驾驭工具技能如:如何学会绘图、运用相关设计软件等、 3、商业运作规则的了解, 4、审美实力的建
2、构艺术理念的习得。 一般的UI设计都会涉及的内容有:素描、UI手绘、UI色调、三大构成、创意设计、设计心理、PS基础、PS提高、illustrator、Flash、After Effects、设计规范、GUI基础课程、创意设计、综合理论与实践、静态网页构建、前端程序开发、动态网站简介和应用、UX理论、AXURE-RP6.5、iphone/Android、手机交互等,涉及的应用领域不行谓不多,因此要想全部驾驭或者眉毛胡子一把抓是不太明智的,下面我梳理出一些概要的学习方法,仅供大家参考。 第一:学习工具 工具是第一位的。 一般对于入门阶段的人来说,你就不要老是纠结怎么学。先玩透Photoshop,
3、UI设计的工作中最主要的工具就是PS,比方在做一些图标和界面的时候,PS都是必不行少的。 但是Photoshop有那么多功能需要每一个都学吗?当然不用,这个后面我们特地找一节慢慢说,在UI设计中ps主要学习也就那几个工具。 其次:学习UI设计规范 规范就是要刻意练习,规范这个主要还是要练习,没有太多捷径可走。 第三:基本的色调学习 色调的三要素指的就是色相、明度和纯度。这三个分别是什么意思呢?我们可以这样理解: 1、理解什么是色相 色相指色调的相貌,不同的波长确定不同的色相,这是大家最直观感受到的色调。色相对于色调是最干脆的代表,是色调的灵魂。 大家大家都知道在光谱中,红、橙、黄、绿、蓝、紫等
4、由于有着不同的波长,带给我们不同的色调感受,它们是最基本的色相,其他诸如象牙白、柠檬黄等都是指色调特定的色相,是人们对不同色相的不同称谓。有一个地方要留意,黑色和白色是无色相的。 2、理解明度 明度指色调的明暗程度。明度可以说是色调的骨架,明度对色调的结构起着关键性的作用。明度具有定的独立性,它可以离开色相和纯度单独存在,而色调的色相和纯度总是伴随着明度一起出现的,所以明度是色调的骨架。 通俗点说明就是通过色相的加白加黑的一个转变,任何色调都存在明暗转变的,从明度光谱上可以看到最光明的颜色是黄色,处于光谱的中心位置。最暗的是紫色,处于光谱的边缘。 3、理解纯度 纯度指色调的艳丽程度,就是色调的
5、饱和度、纯净度、彩度。直观理解就是指色调的鲜浊程度。纯度最高的色调就是原色,随着纯度的降低,色调就会变的暗、淡。纯度降到最低就是失去色相,变为无彩色,也就是黑色、白色和灰色。 4、学会UI设计中色调的运用 那么在UI设计过程中色调该如何去搭配?主要通过4部分来讲解。在UI界面设计比例中:用色一般分为主色,次色和帮助色,它们的比例是依据20%-30%、5%-10%和5%来进行配色,通过不同的配色比例让界面看起来不会出现突兀或者是主次不分的状况。 5、进入临摹阶段 了解了具体的学问,最主要的就是练习了,学习技法主要是侧重过程,在练习书法时,最好是临和摹结合起来,各扬其长,各避其短。此外,还要经常读
6、帖,细致视察、分析、体会,可以边读边用手“空临。只要功夫下得多了,读帖和写字的实力自然会增加,对书法美也体会得更深了。需要联系临摹来加强你的技巧,此外,为保存、修复、展览、出售而取得复制品,侧重的是临摹的结果。因此,临摹品有商品性质。它流传于世又产生了伪作和赝作等困难问题。在世界各国,临摹始终是学习古典书法或绘画技法,借鉴和继承优秀传统的主要途径与手段不要想着怎么做,怎么临摹,学啊干脆打开ps就起先操作,假如不知道怎么临摹,可以多加几个大神群去问。 这个阶段的就是要:多练和多问 6、学会切图 之所以需要切图是因为用户手中看到的产品界面,并非设计师呕心沥血创作的效果图,而是一个个单独的切图经由开
7、发同学技术实现。 切图作为设计师与开发者之间的桥梁,它的作用很关键,合适的切图、精准的位置可以最大限度的还原效果图的设计,精妙的切图更会有事半功倍的效果哦! 好了,或许这几点,当然这个只是学习UI设计的中的其中一小部分,也是入门的阶级。假如你觉得有用,就是今日这一篇最大的目的。 7、习得扁平化思维 扁平化实质就是简约风格,这种美学的哲学内涵就是:少即是多 扁平化的概念最核心的地方就是:去掉冗余的装饰效果,意思是去掉多余的透视,纹理,渐变等等能做出3D效果的元素。让信息本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。扁平化尤其在手机上,更少的按钮和选项使得界面洁净整齐,运用起
8、来特殊简洁。可以更加简洁干脆的将信息和事物的工作方式展示出来,削减认知障碍的产生。 也就是说做扁平化设计是在做减法,不像之前的拟物化,要考虑到诸多的质感、光影等细腻的地方。所以对于手绘功底不强的设计师来说,只要了解造型和透视关系,对于扁平化图标绘制就没有问题。界面过于单调,简洁审美疲乏。扁平化设计限制了可接受的元素 比方说其中就没有纹理同时也就限制了内容的表现形式。更何况扁平化的GUI基本都是大色块堆叠出来,对于设计与制作业提高了不止一倍两倍的工作效率 8、UI经典设计的借鉴实力 借鉴本身就是创新的一部分,创新的本质就是嫁接和组合,好的UI设计作品特殊之多,学活借鉴,有效的、高超的借鉴就会快人
9、一步。 文章来源:中鹏教化 :/kc.gdzp.org 其次篇:学习UI设计阅历共享,UI设计学习心得共享 xiexiebang 免费试学/ 一对一辅导/项目实训/就业保障 学习UI设计阅历共享,UI设计学习心得共享 世界级图形设计大师Paul Rand保罗.兰德曾经说过:“设计绝不是简洁的排列组 合与简洁地再编辑,它应当充溢着价值和意义,去说明道理,去删繁就简,去说明演绎,去修饰美化,去赞美表扬,使其有戏剧意味,让人们信服你所言,由此可见,设计绝非轻而易举之事,优秀的设计更是难上加难,今日我偶然觉察一篇界面设计师Joshua Porter博客当中的一篇文章Principles of User
10、 Interface Design,文章中列举了20大UI设计原则,看完之后,觉得挺受启发,泛艺学苑老师于是试着将其编译,盼望能够给宽阔设计师特别是刚入门的初级设计师,供应较好的学习机会。 全文编译如下: xiexiebang 免费试学/ 一对一辅导/项目实训/就业保障 1.清晰度是首要工作 清晰度是界面设计中,第一步也是最重要的工作。要想你设计的界面有效并被人宠爱,首先必需让用户能够识别出它?让用户知道为什么会运用它?比方当用户运用时,能够意料到发生什么,并胜利的与它交互。有的界面设计得不是太清晰,虽然能够满意用户一时的需求,但并非许久之计,而清晰的界面能够吸引用户不断地重复运用。 2.界面
11、是为促进交互而存在的 界面的存在,促进了用户和我们的世界之间的互动。优秀的界面不但能够让我们做事有效率,还能够激发、唤起和加强我们与这个世界的联系。 3.爱惜和敬重用户的留意力 我们在阅读的时候,总是会有许多事物分散我们的留意力,使得我们很难集中留意力安静地阅读。因此,在进行界面设计的时候,能够吸引用户的留意力是很关键的,所以千万不要将你应用的四周设计得一塌糊涂分散人的留意力,谨记屏幕整齐能够吸引留意力的重要性。假如你非要显示广告,那么请在用户阅读完毕之后再显示。敬重用户的留意力,不仅让用户更快乐,而且你的广告效果也会更佳。因此要想设计好的界面,爱惜和敬重用户的留意力是先决条件。 4.让界面处
12、在用户的掌控之中 人类往往对能够掌控自己和四周的环境感到很舒心。不考虑用户感受的软件往往会让这种舒适感消逝,迫运用户不得不进入支配外的交互,这会让用户很不舒适。保证界面处在用户的掌控之中,让用户自己确定系统状态,稍加引导,我想你会到达你盼望的目标。 xiexiebang 免费试学/ 一对一辅导/项目实训/就业保障 5.干脆操作的感觉是最好的 当我们能够干脆操作物体时,用户的感觉是最棒的,但这并不太简洁实现,因为在界面设计时,我们增加的图标往往并不是必需的,比方我们过多的运用按钮、图形、选项、附件等等其他繁琐的东西以便我们最终操纵UI元素而不是重要的事情。而最初的目标呢?就是盼望简化而能够干脆操
13、纵因此在进行界面设计时,我们要尽可能多的了解一些人类自然手势。志向状况下,界面设计要简洁,让用户有一个干脆操作的感觉。 6.每个屏幕需要一个主题 我们设计的每一个画面都应当有单一的主题,这样不仅能够让用户运用到它真正的价值,也使得上手简洁,运用起来也更便利,在必要的时候更简洁进行修改。假如一个屏幕支持两个或两个以上的主题,立马会让整个界面看起来混乱不堪。正如文章应当有一个单一的主题以及强有力的论点,我们的界面设计也应当如此,这也是界面存在的理由。 7.勿让次要动作喧宾夺主 每个屏幕包含一个主要动作的同时,可以有多个次要动作,但尽量不要让它们喧宾夺主!文章的存在是为了让人们去阅读它,并不是让人们
14、在Twitter上面共享它。所以在设计界面的时候,尽量减弱次要动作的视觉冲击力,或者在主要动作完成之后再显示出来。 8.自然过渡 界面的交互都是环环相扣的,所以设计时,要深思熟虑地考虑到交互的下一步。考虑到下一步的交互是怎样的,并且通过设计将其实现。这就好比我们的日常谈话,要为深化交谈供应话由。当用户已经完成该做的步骤,不要让他们不知所措,给他们自然而然接着下去的方法,以达成目标。 xiexiebang 免费试学/ 一对一辅导/项目实训/就业保障 9.外观追随功能类似于形式追随功能 人总是对符合期望的行为最感舒适。当其他人、动物、事物或者软件的行为始终符合我们的期望时,我们会感到与之关系良好。
15、这也是与人打交道的设计应当做到的。在实践中,这意味着用户只要看一眼就可以知道接下来将会有什么的动作发生,假如它看上去像个按钮,那么它就应当具备按钮的功能。设计师不应当在基本的交互问题上耍小聪明,要在更高层次的问题上发挥创建力。 10.区分重点 假如屏幕元素各自的功能不同,那么它们的外观也理应不同。反之,假如功能相同或相近,那么它们看起来就应当是一样的。为了保持一样性,初级设计师往往对应当加以区分的元素接受相同的视觉处理效果,其实接受不同的视觉效果才是合适的。 11.剧烈的视觉层次感 假如要让屏幕的视觉元素具有清晰的阅读次序,那么应当通过剧烈的视觉层次感来实现。也就是说,假如用户每次都依据相同的
16、依次阅读同样的东西,视觉层次感不明显的话,用户不知道哪里才是目光应当停留的重点,最终只会让用户感到一团糟。在不断变更设计的状况下,很难保持明确的层次关系,因为全部的元素层次关系都是相对的:假如全部的元素都突出显示,最终就相当于没有重点可言。假如要添加一个需要特别突出的元素,为了再次实现明确的视觉层级,设计师可能需要重新考虑每一个元素的视觉重量。虽然多数人不会发觉到视觉层次,但这是增加设计的最简洁的方法。 12.恰当的组织视觉元素,减轻用户的认知负荷 正如注明设计师John Maeda在其著作Simplicity中所言,恰当地组织视觉元素能够化 xiexiebang 免费试学/ 一对一辅导/项目
17、实训/就业保障 繁为简,关心他人更加快速简洁地理解你的表达,比方内容上的包含关系。用方位和方向上的组织可以自然地表现元素间的关系。恰如其分地组织内容可以减轻用户的认知负荷,他们不必再琢磨元素间的关系,因为你已经表现出来了。不要迫运用户做出区分,而是设计者用组织表现出来。 13.色调不是确定性的因素 物体的色调会随光线变更而变更。艳阳高照与夕阳西沉时,我们看到的景物会有很大反差。换句话说,色调很简洁被环境变更,因此,设计的时候不要将色调视为确定性因素。色调可以醒目,作为引导,但不应当是做区分的唯一元素。在长篇阅读或者长时间面对电脑屏幕的状况下,除了要强调的内容,应接受相对暗淡或柔软的背景色。当然
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- UI 设计 学习心得 学习方法 相关 课程
限制150内