专为0基础小白量身打造的UI设计入门课程（ps，ai软件＋图标技巧），在线学习2个月包教会（公开课3位师傅），拜师费1500，随到随学，可插班。抢名额请加qq群：咨询。
小编：本周狼哥依旧讲的是一个ICON的做法。这么多期的公开课，大多是在强调形状工具的运用，只因它方便，靠谱。所以必须熟练掌握，应用自如。背影色的应用也不容忽视，应用得好，能够给你的ICON多添一丝亮光。而ICON无非就是色彩，用图层样式来凹造型啦。。
转载请注明： &
学UI就上学UI网！越努力，越幸运！
“学UI网 ”最值得关注的UI学习平台！ 每天发布高质量的设计教程和分享设计经验，服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课（），给大家提供更多免费学习的机会。想成为设计师的你快来关注吧！
【特色推荐】
海量APP截图，让你灵感爆发！国内最好的APP截图站。
同一个APP，IOS和安卓截图对比分析，并且提供5种以上尺寸的APP截图打包下载，真贴心。
专为UI设计学习者打造的资源＋学习，双用途的网址导航站。亲爱的，你收藏了吗？
【学UI网 原创文章 投稿邮箱：，也可以找各个群的管理】
你可能喜欢的：非专业人士如何学习UI设计（非交互或页面，而偏icon组件等）?
身为开发人员，有丰富的前端经验，全栈里就缺失“设计”了。&br&在这个开源时代，技术入门门槛逐渐降低，有众多免费的技术框架与入门教程，还有活动与讲座。&br&但这些“设计”领域却一直没看到（也许有，但是不知道），看过不少理论，却能直接拿来实战的却很少。&br&作为从未接触过绘画领域的人来说，设计或许事件难事，但我认为做到“初步能用”的级别并非很难。&br&&br&我想学习的方面，不是网页设计，而是logo、icon元素级别的设计与一些组件细节的处理。&br&&br&比如，之前自己设计了一个logo，又仔细描了一个矢量图：&img src=&/b5dd0d42d77ecfcc668dce_b.jpg& data-rawwidth=&256& data-rawheight=&256& class=&content_image& width=&256&&&br&开始感觉挺满意的，但细看就发现很业余（但不知为何）。&br&所以请问现在有没有或如何学习一些实用的技巧？&br&（增加层次感、质感、复杂度等。从业余往伪装专业上发展）&br&&br&另外，想到有人可能会举苹果等例子来说明完美的弧线，但个人认为这个在此处不是重点（那个太高端了，我想很多设计师也不会那么做），应该有些日常更实用速成的方法。
身为开发人员，有丰富的前端经验，全栈里就缺失“设计”了。在这个开源时代，技术入门门槛逐渐降低，有众多免费的技术框架与入门教程，还有活动与讲座。但这些“设计”领域却一直没看到（也许有，但是不知道），看过不少理论，却能直接拿来实战的却很少。作为从未接触过绘画领域的人来说，设计或许事件难事，但我认为做到“初步能用”的级别并非很难。我想学习的方面，不是网页设计，而是logo、icon元素级别的设计与一些组件细节的处理。比如，之前自己设计了一个logo，又仔细描了一个矢量图：…
按投票排序
多观察。把 dribbble、behance 这些设置成首页，空闲时细心看一看。用到优秀设计的 app 时，多摆弄摆弄它的交互动画。多思考。这里的阴影为何而存在？这里为什么选择用衬线字体？这里用圆角带来的好处有哪些？如果不这样设计，给人的体验上，又会造成怎样的不同？多总结。什么样的颜色具有什么样的感情色彩，应该用在哪类 app 上？哪些设计技巧更能表现层次感？多模仿。这次要做一个日历 app，我去学习谷歌日历采用的 UI 布局方案；咦，那个 todo list app 的布局似乎也可以适用于日历类的 app，我尝试着脑补个原型试试……再接下来就是创造了，没有什么「经验之谈」。设计终究是细腻的、属于「感觉」一类的学科。当然也有很多惯用技巧，也可以用理科的思维去学习，没有艺术细胞的程序员们也可以学到「不差」的地步：对于程序员们，我推荐读《黑客与设计》。会一点代码，会一点设计，一点心得，不邀自答。
不邀自来。我是半路出家，现在觉得自己也就刚摸到门，也还没踏进去。半路出家的感觉就是容易趋于空中楼阁，我们只看到、用到或者学习了总体的某些方面，就像用圆珠笔把一张白纸涂成黑色，你涂一遍之后总会发现有很多细小的白色，这就是漏洞。而我的经验是，两条腿走，而且同时走。第一条腿，是临摹和实践。我第一次写东西，第一次画东西的时候，开始也觉得挺满意的，但是拿给别人看了以后他们会觉得『这 tm 是什么玩意儿』，挺伤人的对吧。不过目前已经有超过两位数的设计师前辈给我建议，让我先去临摹现有的设计和产品，比如 icon，比如 UI。多看一些网站，比如追波，UI 中国等，很多在职的设计师每天上班第一件事就是先浏览这些设计网站，看看有没有新的、好的设计。甚至大部分人我相信设计一个页面的时候，也会先去『参考』一下有没有类似的界面。像素级抄微信的所有页面，每一个 icon 每一个分割线都自己画，画完之后再重新对着比较，让别人一起帮忙看有什么不同的地方。这个过程你会熟悉软件的使用（虽然工具不是最重要，但是巧妇难为无米之炊嘛），而临摹多个作品之后你慢慢会积累自己的美感，还有关于布局、交互、搭配上的经验。除此之外就是自己设计，参照临摹积累下来的经验，有没有哪些页面感觉用起来不爽？或者你有更好的想法？这时候就可以自己创作改进一些已有的界面，画完之后，找朋友比对一下听听意见，再自己总结，又会有新的进步。有机会的话，可以自己从头到尾去设计一个小产品，页面不要太多，功能不要太复杂，已有比较成熟的竞品也无所谓，因为第一次做的东西基本没法用。所以你要做的，把你能想到的都做出来，先别管好不好看，尽可能地全面。中途或者后期你慢慢发现这里缺了什么，这里的设计有硬伤，那里不合理等等，去改进它，又是进步。有的人会说一定要从理论基础学起，这样少走弯路，基础更扎实。但我觉得，如果你已经工作了，半路出家的话还是先临摹、先开始做比较好。人都是需要反馈的，理论学习本来就比较枯燥，一段时间都没有回馈的话，对效率和持续性都是很大的打击。那就说说第二条腿，理论学习。到现在，我自己做交互方面觉得自己最大的问题有两个。一方面，思考问题不全面，比如有的页面只考虑了内部的状态，总会忘记做推送和消息提醒；比如网络不好的时候，怎么给用户反馈；比如头像和昵称是注册的时候设置还是先随便给一个默认的。另一方面，自己以为简单的东西没这么简单，一个登录注册流程所有状态页面就可能占总页面的四分之一还要多，因为『注册』、『登录』、『找回密码』、『修改密码』等等实在太烦琐。别忘了还有密码输错了、手机号输了英文字母、验证码错误重发......这样一个简单的内容第一次去做，一定是漏洞百出。视觉设计方面，我觉得自己没有理论基础就暴露了在色彩搭配、阴影等方面的弱点，就像你说的，自己画的东西其实很糟糕，因为形状布局、颜色搭配不科学。所以理论学习也会很重要，去购买一些交互设计、视觉设计相关的基础、经典教程，还有一些公开课都很不错，和实际结合起来会很有收获。而视觉设计方面，有一本书叫《三十天学会绘画》可以看看，每天几十分钟，从手绘、阴影还有配色来锻炼绘画能力。还有一本叫《写给大家的设计书》，讲一些常用的设计原则，例子浅显易懂，也非常实用。光看书真的很枯燥，也常觉得没什么效果，但是确实我会觉得工作之后的某一个细节让你想起之前在书里看到的理论是那么有价值。但是谁说半路出家的比不过专业的呢，至少我现在就觉得学校里好多平面设计专业出身的研究生画的app ui 和交互完全比不上我，他们更没有丰富的经验和积累。所有，加油，先开始做起来，走弯路也没关系，当然要是找到一个好师傅，他教你设计，你教他代码，那就更好了。
谢邀。如果真的想弥补设计短板成为全栈，交互、页面、icon 组建不能割裂开来看。尤其是现在的设计越来越强调内容本身，而题主说的 icon 组件的角色更多的只是服务依从于「内容」。所以题主应该着重于思考如何利用排版、字体、色彩、来优化你的界面以突出重点信息或者功能而不是抛开以上，挖空心思琢磨 icon 组件怎么打光怎么投影。即使要投入心力研究视觉图形元素，肯定也是因为你的界面内容需要利用视觉元素的阴影、高光传达出某种空间感以展现内容的层次，才有必要去投入时间。但前提是你依然要明确这些设计要素间的优先级。而 icon 或者是需要你拥有绘画基础绘制的部分，目前来说在一个完整的产品当中需求不一定那么大，你作为开发其实不需要做太高投入去「画画」，你可以找现成素材，现在网上很多资源，或者请朋友画一下。不过有机会你还可以多研究一些优秀的 网站、app 和极具美感的艺术作品和事物，培养并提升审美意识。帮助你从理性的逻辑思维跳出来，从感性角度获得控制色彩版面的 sense（中文一时找不到合适的定语中心语了）。
我勒个去还,前几天一波闲着没事干的要做UI,后来是一波做平面的要学UI,现在连程序猿也要学UI了…世风日下,饭碗不保速成icon的方法是…找icon拼接,布局,做几个就有感觉了,然后用铅笔橡皮修一下像素,一般需求都能满足,此方法做扁平图标非常适用…更高端的图标就不好说了,没什么速成的办法,不过我觉得上个方法应该足够你用了
同学我们这里正缺一位经验丰富的前端你要不要考虑不转行UI？
视觉设计讲究的是传达，从你的Icon上看，我根本不知道你要表达什么，你可以先从观察设计的表意开始，比如说，微信的Icon，为什么是两个对话框加俩小点叠在一起，为什么底色用绿色？网易云音乐，那环形扭曲的线条代表什么？美拍的图形你一眼就能识别出是什么吗？这些才是设计的重点，创意的表现，这个过程才是设计最痛苦的，具体用什么表现手法，是拟物的，纯扁平的，准扁平的，轻质感的，折叠的，花瓣上有很多，参照模拟就好了。Ui设计与icon设计的区别？
17:51:20 &nbsp&nbsp文章来源：&nbsp 创想者学院
& 最近有UI设计初学者，询问了一个问题：&Ui设计等于icon设计吗？&，因为ui设计也是图标设计，那incn图标设计不是一样的吗？
& 其实它们是两个概念的，虽然有点相似的地方，但差别也是很大的。现在创想者小编分析如之：
& UI设计全称为User Interface design ，含义是用户界面设计。
& &用户界面设计是一个人机交互系统，它包括人机交互、操作逻辑、界面美观的整体设计。一般的说，人机交互系统的作用是做一个让用户操作简单 、便捷、舒适的界面。所以说，UI设计并不是简单的用户和界面，还包括用户和界面的交互。
& 那么作为 UI 设计师，要做的就不只是设计出美观的界面，还要设计出让用户操作软件变得舒适、简单、自由、充分体现软件的定位和特点。
& &icon设计：标识特定功能的图形标志。
& &icon设计的核心是信息传达的准确度，就是icon所传达的信息让目标用户能马上理解，不看字面上的意思就能知晓icon的功能，所以两者之间就差了远了！
注：星狮创想更名为创想者学院
欢迎来到创想者学院现场参观！
深圳市龙岗区龙翔大道2188号深圳信息职业技术学院 知行楼4号楼326室&&从2月26日开始的两周时间内，为了赶上iconfans作品征集的投稿，最终完成了两个icon，算是得到了一些成果。以下是过程中收获的经验体会，分享出来和大家一起交流。&
作为一个初学者，在被要求或者想要做一个icon之前，看到那些大牛们的icon总是惊讶不已，热血沸腾地要立即开始。但是&不已&过后确不知道如何下手，导致时间在各种无意义的杂乱思考和&寻找素材&中被消耗掉。结合大牛指导和自己的经历，总结一套流程和大家讨论分享：初学者怎么完成一个icon设计。
设计一个icon的过程大致区分需要三个阶段：
1.确定icon的题材，就是表现内容。
2.确定表现风格，写实？单一物体？还是小场景？&
3.再构思具体怎么实现，突出亮点。
这时要从大的方面来考虑icon的制作，可以先想想一些必要问题的答案：为什么要设计这个icon？这个设计的需求是什么？什么题材可以满足这些需求？这个题材能做到很好的表达么？...... 问题可能一时半会儿没有答案，没关系，带着问题去看作品，看最好的作品，就会在别人的成果中得到启示，随手画草图也是激发灵感的好方法。
想过之后在脑海中确定要画什么，最后限定一些客观条件（比如做一套图标时间是不是允许，某个题材细节是不是太复杂导致无法完成...），选择几个题材作为备选方案。如果并不是商业需求，那么可以从感兴趣的题材入手，这更能激发自己的创作欲望。
确定表现风格
用一些主观客观的条件来挑选表现风格，比如根据现在icon设计的流行趋势来选择写实风格；根据所要表达的主题选择材质等等。物体的展现形式是什么？单个物体还是物体组合？色彩搭配怎么用才能突出主题？趣味性怎么样展现？......
以上确定题材和确定风格的过程绝对不是独立存在的，他们会互相影响，交织着进行。伴随这个两个过程的是大量地看好的icon设计作品和打草稿，从他人的设计中吸收什么是好的作品，了解好的作品是怎么组成的。
可能在某些情况下根本不需要问问题，直接上手开始做icon就可以。但是我相信前期的思考和权衡是完成一个优质icon设计必经的过程。
插播推荐的icon设计网站：
当然要善用google，他可以帮助你找到最广泛素材。
之后就进入了实战操作部分了，具体怎么实现题材和风格是现在所要思考的问题，要去选择技巧工具和方法。再具体一点说，像我一样的初学者也许并不知道怎么实现某种材质，怎么制作某种高光，但是有几
个快速上手方案供大家尝试：
1.临摹&这是性价比很高的的一条路，但是要记住要选择最好作品之一来临摹，虽然开始可能有些难度，但是坚持临摹好作品出来的效果要比临摹水平一般的作品好很多。临摹之前要仔细观察分析，观察光源的位置，观察颜色分布，观察icon的层次。想好了再动手要比直接上手效率高得多。
2.找到PSD学习&分析大牛的PSD文件，看他们怎么用图层样式来实现金属质感或者制作高光
3.优秀教程
矢量图制作教程
4.耐心的堆叠细节
补充制作icon过程中需要注意的细节
1.越是精细的图标就越是要注意路径对像素的影响
2.icon因为相对来说尺寸较小，就要求色彩饱满，突出对比度，有丰富的色阶层次。
3.注意缩放图标时的相应调整
PS2：最后提交到iconfans的icon成品
提示本站所有资源仅供学习与参考，请勿用于商业用途。转载请注明来自：
您可能也喜欢
请自觉遵守互联网相关的政策法规，严禁发布色情、暴力、反动的言论。