UI自学指南_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
UI自学指南
上传于||文档简介
&&U​I​自​学​指​南​。​
​
​很​多​人​都​想​学​U​I​,​但​去​机​构​学​习​学​费​太​贵​支​付​不​起​,​那​该​如​何​自​学​呢​,​且​看​我​娓​娓​道​来
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
下载文档到电脑，查找使用更方便
还剩4页未读，继续阅读
你可能喜欢当前位置： >
Photoshop新手教程学习：教您如何设计炫酷的UI界面,UI界面设计教
时间： 09:25 来源：Photoshop新手教程学习 作者：UI界面设计教程 阅读：次
今天教大家学习Photoshop新手学习：教您如何设计炫酷的UI界面,UI界面设计教程，这里我们最重要的是学习制作的思路和方法。熟练之后我们可以设计出更多漂亮的作品。
应用软件: Photoshop & CS6
今天给&小伙伴&们带来一个酷炫的《UI设计小教程》，让我们一起来打造一枚流光质感界面吧~。
1.创建画布
新建一张790*400的画布（不要忘记文件命名哈~）
2.制作背景
Alt+Delete 填充背景色为#1c46e3，并为其添加渐变叠加图层样式 (如下图所示）0基础小白快速入门UI，第5期开课啦，只要1666哟，学会为止！循环上课，可随时插班！
小编：今天我们来分享一种用PS来快速转变图片的方法，简单几个步骤，就能把一张人物照片转变为素描肖像，非常感谢作者@飞屋睿UIdesign。其原理主要是使用滤镜效果，模仿出铅笔素描中的线条和阴影。就如作者所说，手绘的魅力是写实的摄影所无法比拟...
前两天Google 刚发布了新版Material Design 官方动效指南，今天@平行煎餅 就给大家带来了中文版！全文包括三个部分：为什么说动效很重要？如何制作优秀的Material Design动效及转场动画，动效的意义。新鲜热辣收好不...
绝大多数的网站会随着内容的增加、需求的改变和产品的演进而进行重新设计。但是，不可避免的，网站重设计会遭遇各种各样的问题，碰到误区，陷入困境。绝大多数的网站重设计所遭遇的误区都很相似，想要破解也并非难事。
1、保留全部内容
我明白，做取舍总是...
上周周六给大家点评了下之前的作业中的问题，希望大家认真的去看下哦~~这样就能避免犯很多错误哦！
好了，回归正题，今天我们的作业是一个人物头像小插画的练习，有多少同学能完成呢？
注意点 ：人物脸部的五官结构 三庭五眼的位置 明暗关系用颜色的表...
为什么人们会认为它变得平庸？Instagram 希望成为一个怎样的产品？这个更改其实与设计风格关系不大，而与Instagram 自身定位和未来计划更有关联。一起来看设计背后的故事。
作者：好奇心日报-朱凯麟 胡莹
3 年前，苹果推出 iOS...
今天@北树 这组英文 字体质量之高令人震惊，从第一个到最后一个都精挑细选过，颜值良心保证对得起审美挑剔的设计师。一起给自己的资源库加点油！
01. Arca Majora
&&& 字体下载
02. Peac...
选择配色方案往往是个难题，尽管网上有各种各样的色彩库，配色仍然至关重要，有时候最好还是亲自动手。而且这个过程也非常有意思。
为这类工作找到一套标准流程是不可能的，因为它天然具有创造性。我使用Sketch来进行这项工作，你当然也可以用Ill...
小编：十分感谢@不沉的骨头的文章，看完后真的是学到了太多知识，以后再也不会看到文案无从下手了，而且我还学会了用几何图形做背景的纹理来丰富背景的细节感、还有一些装饰性的碎屑来增加气氛，尤其是最后一招实在是太重要了！真的要常用。有了这5宝，希...
大江南北，除了美猴王，如果还有一枚萌物家闻户晓，必然是企鹅QQ。2016年，企鹅QQ即将迎来十八周年礼，天降大任于企鹅，面对向更年轻的潮用户，是以赋予自己一次品牌蜕变，其实从最早的企鹅诞生至今，就从未停止品牌演变的步伐。一起来看看这十六年来...
小编：马上就是毕业季了。想给自己加分的同学建议做个自己的网站，把作品展示上去。如果木有灵感，来看看今天这组设计师的个人网站，简洁的页面，又不失小个性，让你的网站也非凡起来吧。
Site by Christopher Ireland
这个系列的教程有125个实用的网页优化技巧，每一个技巧都有案例阐述，保证简单易懂。今天@企业官网设计精选 翻译了第四部分 —— 在网页设计中兼顾所有用户和场景的3个技巧。一起来收！
往期回顾：
《125个优化网页可用性的小技巧（一）》
每周最让人激动的时候到了，为啥呢？因为明天就是周末了。但是今天我们依旧要把今天的作业的
作业做完哦~~今天我们的作业是一个小火箭loading动画，各位童鞋加油哦~~
注意：1.icon的一个结构比例
2.动画帧之间的过...
作为一名UI/UX设计师，你一定想拥有一个足够优秀的作品展示页来呈现你所有的作品。你的潜在客户需要看到的不止是你能做到什么，还需要看到你是如何做设计，并且怎样让这些设计脱颖而出的。
虽然设计师宣传自己的方式许许多多，但是一个能随时访问的设计...
每个月的设计圈干货大合集都是素材云集，这个月也是一样。新的网站搭建工具，不一样的CMS系统，从未见过的CSS框架，流行的配色工具，各路生产力工具，新鲜出炉的图标，还有永远不会缺席的字体，一次让你看个够。
同样的，不论你是设计师还是开发者，合...
编者按：今天的色彩搭配教程是针对零基础的新手写的，分别是&基础：色彩的组成&、&进阶：色彩的搭配&、&高阶：调色三要素&3个部分，有图有实例，文末推荐了一个网站一个视频，都是帮你提高配色技巧的，建议阅读。...新手零基础学 UI 设计五点要知道日&&&&北京先行迦美　　第一点：UI 设计学习准备　　准备学习一项技术前，一定要对它有充分的认知。了解和查阅它的起源、发展、应用、未来。ui自然也不会例外，UI作为平面设计的一部分，再往上又从属与美术学这一大类。因此，首先要先去了解整个美术史的发展。　　从人类起源各个阶段中，美术经历了什么样的变化，在各自的时代发挥了什么作用，近代美术史又经历了哪些波折，平面设计艺术是如何发展壮大走进千家万户，并且有哪些经验成功过度到后来的UI设计中。那些享誉中外的艺术大师有何过人之处，他们为美术学发展做出了哪些贡献，他们的名作到底有何动人之处。　　了解美术史，学会入门的美术鉴赏，目的是以正视听。学会用多个纬度去思考美学，学会用更深入的方法来看待问题，学会从更宏观的视角审视行业……这样，你才能更客观的去理解UI的发展历程。这些知识和思想，将为你的职业生涯做出启蒙，才更容易成为一个有内涵有深度的设计师，这当中还有诸多优点，就得靠你们自己慢慢体会。　　哲学有三大哲学问题，“你是谁?”“你从哪里来?”“你要到哪里去?”，构成了哲人在探索人世真理时的基础框架。我们也一样，要在阶段给自己提出三个问题，并花至少一个月的时间寻找答案：　　设计是什么?设计是如何产生的?设计可以做什么?　　第二点：洞察绘画技巧　　曾经和很多同行争论过，UI设计，到底需不需要手绘训练。想必大家都知道，目前国内知名的UI设计师，站酷、UI.CN、追波上的大神们，很多都是草根出身，从其它行业空降来的，他们的出色是有目共睹的，似乎从某种层面上证实，不需要有绘画基础，也可以做好UI，也可以当大神?　　美术高考主要考的三大项：素描、速写、色彩。就是绘画入门的三大基础课题，我们学习的过程也是以这个顺序逐步覆盖的。如果你已经在第一部看完了那些书籍，就会知道，学习基础绘画的过程中，我们在纸张上对现实世界的物体进行细致准确的描绘，也就需要我们更仔细的观察事物。　　光照射的角度是如何的，在对应的形状中表现出什么明暗分布，在透视原理下杯口厚度的弧形是怎么变化的。随着绘画的深入你就会逐渐培养一双洞察细节的眼睛，你会对所有设计和形体做出本能的反应，分析它们的美丑，找出核心所在。我们看看下面这样的案例：　　这是一个很简洁的小鸟，只用几个细节就轻松的表现出来，但我相信，如果要原图照抄，有90%以上的UI设计师是画不出精髓的(不信你们试试)。越是这般简单的图形，在弧度、头身比、重心偏向这类细节上就越关键，如果你没有良好的观察能力，那么就连抄也抄不像，你只能做出曲线都歪歪扭扭的贝西货并自己洋洋得意的四处上传设计媒体求赞求认可。　　前面提到的这批国内的大神，其实就是在远超常人的勤奋中积累了观察的经验，以此可以复制一定的风格，并能发现设计中的细节而不断做出改正。但这就完了么?当然不是。　　你们可以仔细去观察这些没有绘画能力的UI设计师，他们的作品存在着很强的局限性，虽然可以很好完成熟悉领域和流行风格的设计，但是形势是很单一，并且缺乏真正的创造力。强大的手绘能力，除了提高洞察力以外，就是为你将来创作的多元化提供更多可能，看下面案例：　　比如绘制这样的图形，私以为没有手绘技能无异于天方夜谭，而GAME
UI的最大门槛就在这里。你的绘画技巧会支撑你跨过更多的门槛，在设计的道路上有更多的选择和可能，也会支撑你走的更远。　　那么学习绘画要到什么程度呢?直到你觉得可以正确绘出静物为止。推荐去报一些高考培训的机构，和高三孩纸们一块儿学画，你会提升的相当快，这个过程只需要两三个月的时间。不要觉得可以跳过，将来成为出色设计师的成本将远低于不学习绘画的其他人。　　还有，最重点要掌握的一个绘画技能，我觉得是结构素描。　　你就可以在纸张上对想绘制的图形做出快速、准确的打稿，效率和延展性远胜上机鼠绘。　　手绘将贯穿你整个职业生涯，在今后的学习工作中要保持这个习惯，相信我，每到一个合适的时机，它总会给你带来意想不到的惊喜。　　第三点：掌握软件手段　　这一步就正式开始进入学习软件的步骤。如果学习的是UI，那么以下几种软件是必不可少的：　　PS、AI、DW、Sketch……其余的根据爱好自己补充　　这里要先和大家谈谈，我们都知道美工对于设计师来说已经成为具有侮辱性的贬义词，设计师们喜欢反驳，你丫才是美工，你全家都是美工。有点小理想的有志青年们都对这个称谓充满鄙夷，但我得给大多数人泼冷水，因为大多数设计师连一个合格的美工都够不上。　　我们知道美工代表的是一种技师的称谓，有一定技巧但没有创造力。可偏偏就是绝大多数人都没有掌握足够的技巧，这就是当前设计行业所需要面对的事实。很多设计师没有经过前两个步骤的熏陶的，所以在学习软件的过程中很容易自满，明明对软件的掌握还很肤浅就已经恬不知耻的在简历中输入”精通“二次(哎呀，好像在说我自己!)。　　他们的视角是狭隘的，只认为学会了PS这些工具，就学会了设计，也忽略了自己远远没有达到美工门槛的界限。和我默念这是本世纪设计界里最愚蠢的评论，不要让它们发生在自己身上。再唠叨一次，软件只是一种手段，你还并不懂设计，少吹牛逼!　　第四点：设计理论实践　　广义上来说，到这步才是真正开始学习设计，也是让一、二两点作用开始充分发挥的时候。　　因为看过艺术史，所以你会知道，每个时代流行的艺术创作有各自的手法特点，有共性，所以可以被归纳和总结，也就可以教授，培养出相同的作家。换句话说，美术家是可以被量产的。在理论不断被完善的今天，要做出好的设计一样是可以通过理论学习——实践产生，一定不要认为这是天赋上的差距，别人比自己就更有艺术细胞。那些能被历史铭记的艺术大师，之所以伟大，是因为他们的开创性或者作品所包含的人文精神和伟大的灵魂，而不只是一幅出色的图画。　　前面的几点都为你提供了足够的实践基础，所以在这部才能让你正确看待自己的潜力，不会轻易停下追求进步的脚步。只有最伟大的设计师才需要较量天赋，而成为一个优秀的设计师靠的是努力。设计是勤行，不是设计人，不入设计门。　　第五点：鉴赏模仿超越　　特地把这点放到后面，也是有理由的，前面的步奏都是一个设计师基础素养的实现，而一个出色设计师还需要培养自己的套路和风格——站在巨人的肩膀上。　　你要学会如何辨别优秀的作品，可以从多个渠道收集优秀作品和案例，　　学会看优秀的案例，用它们给你提供设计的燃料，然后你要做的就是抄!抄!抄!用你学过的设计理论在实现中对案例进行分析，只有发现了它们的优点并自己动手实践实现了，才对你的提升有实际帮助。　　你每天抄一个案例，BANNER、ICON、APP界面，那么不出几个月，你就能对现有的设计形式套路了如指掌，可以设计出安全不会有太大毛病的UI设计稿，你可以轻松完成这样的：　　同时，必须提醒一点就是，我们在设计过程中对美的追求和实际实现、用户需要很多时候是不一致的，这是一个坑，需要有足够的经验去判断什么样的设计已经足够了，什么样的是过度设计，没有实际意义。你不止要在网上搜索优秀的案例，一定要持续关注这些那些最简单，但是最受欢迎的网站和应用。例如：知乎、INS、微信、淘宝等等。去不断讨论、查阅，来理解为什么是当前的呈现式样，而不如自己的预期。比如我写的另一个回答的思考方式：　　你要在练习和思考中进步，不要盲目的追求视觉表现，这样的UI设计师是很难真正的成长起来。　　设计的终极目的是解决问题，而不是盲目的表现自己对美的追求。所以我要新手不要去看那些只上传飞机稿的网站。　　这是可以持续一生的事业和技艺，在正确的方法下，越积累越成熟，老而弥坚。请不要再用肤浅的思想认为它是吃青饭的过度阶段!　　设计是一门需要沉淀的技艺，在正确的方法下，越积累越成熟，老而弥坚。不要再用肤浅的思想认为它是吃青饭的过度阶段!设计可以持续一生的事业和技艺。从陌生到熟悉这整个流程需要或许需要1整年的时间，但我相信，只要有足够的耐心，是可以让一个新手成长成为一名合格的UI设计师，请放慢你的角度不要急于求成。上一篇：下一篇：新闻 京ICP备号 ALLRIGHT RESERVED版权所有: Copyright (C)2006
all rights reserved
课程报名表
姓名课程UI 设计高端班UI 设计周末班平面设计高端班电商设计高端班交互设计周末班电话　　新手应该如何一步步自学UI设计呢？我自己总结了一下：　　1. 看书。看书看什么书？你可以先去看《破茧成碟—用户体验设计师之路》了解整个交互的工作流程。然后看看《点石成金》《简约至上》《用户体验要素》《设计师要懂的心理学》等等，先树立起做交互基础思维。　　2. 玩app。准备两部不同平台的手机，Android和ios，助你了解Android平台和ios平台设计规范的不同。你可以多下载一些苹果商店推荐的app，各个类型的都下载几个来玩玩，研究别人app上各个功能信息构架。如知乎上添加回答页面中，为什么键盘顶上的条栏要放置那几个小功能？再如淘宝购物流程，为什么点击提交订单后直接弹出支付密码输入框？一定要带着脑子去看和玩app。而且新手要经常看，一有空就研究。主要研究：流程设计原因、信息架构、各个控件的交互样式。当然推荐你们动手用ps临摹电商的详情页，和列表页布局，看看人家是怎么做的。临摹的时候将页面弄成黑白，更容易了解app的层级结构。　　3. 学软件。学习什么软件？绘制原型的axure ；信息构架的xmind；流程图绘制的Visio ，这些都是比较主流的交互工作中使用到的软件。还有附加软件: photoshop 。你起码要学会这四个才能在工作中使用软件得心应手。　　还有，学axure 一开始你可以不必那么深入，因为一般自主研发产品的公司不会让出动态的原型图，只会做出静态的。静态的方便程序，UI，产品去查看。等你可以上手项目之后，你再慢慢研究axure的动态使用。　　4. 记住并了解清楚可用性十大原则，熟读ios设计规范、Android设计规范。做完这件事之后才去实践项目！　　5. 试着做项目。实践是检验真理的唯一标准。你在书上学到的东西都能在项目中体现出来。你可以自己试着策划一个小应用，自己提点小需求，然后自己试着把交互弄出来。弄出来后怎么办？当然找大神指导啦，一定要厚着脸皮去，不要怕大神的傲气高扬。或者你也可以试着改进产品中你发现的交互问题。一定要尝试做项目，因为你将要用这些项目来进行接下来的交互实习面试。　　6. 反复做项目并看书，总结自己的优缺。你需要不断地做项目，才能验证你学到哪些东西。边做项目边看书，然后总结自己在项目中的优缺。最后将自己认为做好的一个项目拿去面试。面试的项目不需要多，那一个精品就足够了。　　说了很多，结果是一切唯有靠你自己。别人只能给你指明方向，但是具体实操大家都帮不了你。你唯有靠自己努力。记住不能懒惰！不能懒惰！不能懒惰！　　最后赠你我在做项目中的三个经验：　　1. 一切都围绕这需求和场景出发。　　2. 页面中每一个元素的存在和摆放位置都应该有它的一定价值。　　3. 遇到纠结的问题时，回到原点，想想用户目标、业务需求，及可用性十大原则。　　以上是我的一点点小经验，最近看到好多新人问如何做交互，那么就写写，不足之处请见谅。　　如果你还想了解其他的，欢迎加入我们
楼主发言：1次 发图：0张
　　1、学习UI最好的方法是 跟个好老师啊，无论学什么，老师是最重要的，不仅是学习知识，更是学习思维方法。?　　首先是设计基础培养，包括色彩和设计理论?　　然后是一定的绘画技巧，这个不是必须，但是有的话会更好?　　接下来就是软件，PS、AI、DW、Sketch等等?　　然后是实践。?　　说起来简单，但是每一步都要做到位还是需要比较专业的训练 ，【麦子学院】UI的老师会带领你一步一步实现你的射鸡师梦想?　　2、麦子学院的UI课程不仅可以学到UI设计，还能掌握简单的前端开发经验。?　　UI设计师不仅需要好的设计技巧和设计思路，在页面设计完成后，还需要前端工程师辅助实现效果，很多UI设计师一味追求酷炫的效果，而忽略前端的实现，很多情况下就会造成最终页面上线的时候会跟设计稿相差甚远。?　　但是也有不少懂一些前端知识的设计师，他们在设计页面的时候不仅会考虑到页面的整体效果，也会更关注前端的实现情况，所做出的页面实用性更强，与前端工程师的工作沟通也会更顺畅。?　　3、有哪些好的网站推荐?　　/course/ui//yy=db1604?　　/?　　/　　4、线上学习与线下学习的优劣是对比。　　在线学习最大的优势就在于学习的时间和地点是根据你自己来定的，自由性非常强，这也是很多在职人员喜欢选择在线教育的原因。　　更直接地接触到牛逼的老师，线下学习的话
选择性会比较小，很可能选择不到自己心仪的老师，大家也知道在学习中老师的作用其实是很重要的。如果你在比较小的城市，你想学的专业很可能在你的城市并没有线下培训班，所以线上学习的话选择范围比较广。　　个性化学习，教学内容按课时/小节划分，明白的可以不听，不明白的可以多听几遍，直到听懂！ 等等　　线下学习其实最大的优势就是可以有老师当场辅导，但其实现在很多的在线教育都有老师全天候在线答疑，这个也就没什么优势了。