UI设计中的视觉平衡
我们的眼睛是一个奇怪的器官，经常对我们说谎，但是如果你了解人类视觉感知的特殊性，就能够理解眼睛的“谎言”，从而做出有亲和力和清晰的设计。理解“眼见”和“脑见”所产生的差异，对于构建...
从0到1——一组图标的诞生
图标——界面设计最重要的元素之一。菜心经常写关于图标的教程和感悟，可见图标设计在我日常工作中占了很大比重，所以我始终坚信能够把图标做好，也是难得的特长之一！ 这里拿几个...
图标绘制基础指南，一篇就够了！
对于刚接触UI相关的同学来说，绘制图标是占界面问题比重较大的一块内容，虽然网络资源已经有很多，但仍旧做不好一套统一风格及趣味性的界面功能图标。 图标绘制基础指南，一篇就够了...
为什么我临摹的时候还行，但让我原创就不行呢
做练习最常遇到的一个问题，或者说每个人应该都会经历过这个问题，那就是临摹的时候都还ok，但一到自己原创，就没啥什么思路，做不出来了。所以这里必须要和大家分享几个点，以免出现类似...
布尔运算实战教学（干货篇）
以实战案例为主导进行布尔运算的思维分析以及步骤化讲解，之前文章发过布尔运算详细讲解，无论是理论知识还是实际操作都是适合新手，不错还是有许多设计师对此迷茫，运用到实际中总是那么不...
如何让按钮设计的更迷人
按钮在UI界面设计中是不可或缺的元素之一，这篇文章我们将介绍不同类型的按钮包括按钮的状态和交互。我们介绍的都是日常界面中使用的普通按钮，并不包括单选按钮、选项卡、复选框等其他类...
优化教程 | 没想到，改完以后的画面真的好了许多！
改稿优化是最能学习到知识的，今天我们就改稿一个详情页的产品排版图，你可以学到 主文案的排版、图标的点睛之笔的亮点以及其他一些技巧说明分析；设计学习，自我主动分析很重要，快来分析...
关于ICON，你知道多少
关于ICON，我们生活中经常接触，不同的APP里使用的ICON风格各异。但是一个好的APP，有着严格的规范，图标的粗细大小、颜色等，增加视觉体验感。 原文地址：...
ICON设计法则-菱形法则
网络上有很多关于Icon设计的文章，一些文章从部分维度切入讲述Icon的设计理念，但大部分缺乏整体性。 所以我尝试把自己的思考方式结合其他人的设计理念整理了一个完整的Icon设计法则，通...
如何选择合适的图标？来看这份图标类型和风格汇总
大家好，我是Clippp。看到好的图标我们会习惯性地截图保存，但随着收集的图标越来越多，会发现对图标的分类会变得越来越混乱…做设计时也不清楚到底该参考或运用哪种风格最合适。来看看如何...
重新设计 Adobe 的文件类型图标
AAdobe 的品牌设计团队负责为公司旗下桌面端、移动端和 web 端的产品进行品牌设计。品牌元素的形式很多，可以是两个字母的产品 logo，应用启动界面，产品里的图标等等。 一个很常见却常被忽...
了解图标落地，让前端再爱你一次
如期而至，这是标签栏控件总结的第二期。这一期真是掏空职业经验，如果对你的工作有所帮助的话，记得用你尊贵的指尖点点“在看”哦~ 这一期我们来聊一聊标签栏中的关键元素——图标。 图...
原创图标方法论2.0（含源文件）
原创逻辑我在两年前用插画分析过： 设计师没原创灵感？ 试试这个方法（含AI附件） 。这次用图标作为例子，分析的步骤也写得更详细，将原创方法从1.0迭代到2.0～希望能带...
轻写实小风扇【教程】
简单的布尔运算，最多的还是考验大家对图层样式的运用，很多效果并不是我直接就知道参数，还是要不断的调整，调整，调整，才能得到最终的结果，并不是所有的参数都是固定的，灵活的练习。...
以用户为中心的图标设计法
闲暇时日，抱着靠枕躺在沙发，似有阳光从露台照进客厅，索性拿了枕头遮住眼睛。办公桌上的电脑还在放着最喜欢看的美剧，但是今儿这种声音反而有助于睡眠，说不定在梦里还可能想起一件小事...
免费图标有很多，就是为了不用画吗？瞎扯！
图标是设计师是每天都会用到的，但是图标运用场景，图标类型，什么时候用什么类型图标，今天和大家分享下。这是一篇实用文，主要是讲解图标的运用以及图标的类型，设计师们可以Mark下来，...
图标这样去做，更受欢迎
最近发现一些能提高图标细节和高级感的小技巧，今天与大家分享下这几种风格的设计思路，以及需要注意的点。从以下3个方面去解析图标的流行画法！ 分享大纲： 1.层叠手法 2.图标图形化 ...
如何强化图标设计的细节？我总结了12个关键点！
@Clippp：今天为大家分享的是「图标设计关键点」。图标在页面中的尺寸很小，不怎么起眼，却包含着太多的设计细节。作为通用的视觉化语言，把握住其中的设计关键点至关重要。 之前有分享...
一起制作Alphabear图标［AI教程］
@张泡泡教你制作Alphabear图标，主要运用AI渐变，形状叠加来呈现，还是有很多不足，看完记得练习哟！ 首先对AI文件进行设置，【编辑 > 首选项 > 单位】 常规：像素 &n...
设计沉思录｜这一次，我们尝试设计了仪式感
https://v.qq.com/page/s/a/r/s3017set9ar.html 01 前章 今年8月，我们启动了荣誉体系的设计项目，荣誉体系本身意在通过虚拟勋章更好的激励员工的积极性和职业成就...
做需求，我是这样做到差异化设计的！
每天努力的用心的去做设计，挺开心的，其中最开心的细节就是“思考自己的设计如何与别人的不一样”，让你的差异化产出得到认可后，这将是一件非常非常幸福的事情。 今天和大家分享一个前一...
超全面讲解应用图标设计九大原则
今天来跟大家分享下应用图标的九个设计原则。应用图标代表着一个产品的视觉形象，是一个产品内涵的最直接的传达。在用户打开手机屏幕时，用户就会选择来使用哪个应用。这个时候应用图标的...
产品图标体系是如何炼成的？
前不久我在讲标签栏专题的时候，有聊到过一次图标（可回顾：《了解图标落地，让前端再爱你一次》。前文已提及到部分规范，本文将直接引用，为防止新读者理解脱节，建议先看前文）。 那一...
有人问我，日常做临摹练习，怎样才能用到项目里去呢？这个案例就能说明白
@彩云Sky：不同的阶段，临摹的目的不尽相同。一般来说，前期临摹更多的是练习软件、技法，后期练习别人的风格表达，综合运用。所以，我把临摹分为技法临摹、半原创到原创3个阶段，每一个阶...
体重秤icon【教程】
小橘子：“三月不减肥，六月徒伤悲”，昂，我现在正在徒伤悲。看着绝望的体重，突然灵机一动。那么，今天我们一起来画一个体重秤icon，比较简单，制作中主要运用了中心旋转以及图层样式。整...
图标绘制基础指南，一篇就够！
图标是界面里很重要的元素，下文主要罗列了绘制图标时的8个注意要素，一起来看看你有没有遇到以下情况吧。（译文有部分增改） 1. 使用视觉网格系统 一个界面图标通常会接近以下...
用PS打磨质感水晶风格图标
如果把平面设计看作是形与色的组合，那么Illustrator就是胜在对形的把握，而Photoshop则重在对色的渲染。如果是想要做出有质感的画面，那势必要用到PS不可。今天我们就来利用PS打造一枚质...
手残照样画出一套自己的贴纸！
不会画画怎么了？手残党照样也可以画出一套自己的贴纸！一起来看看教程手残照样画出一套自己的贴纸吧，简单易学，而且一窍通百窍通了呢～精明的你肯定不会选择错过滴！ ...
研究了上百套图标，总监却告诉我图标要这样画！
图标在UI设计师的眼中，就像一颗一颗的螺丝钉，用小小的身躯，连接了产品各个功能和界面，得以让整个功能流程顺畅进行。这些图标，究竟是如何发挥它的作用的？我们又该如何把它做到美...
图标设计总结(上) – 使用场景
最近练习的一些心得，分享给大家。也是对自己练习的一个收尾总结。想写一篇文章来谈一谈我的一些理解，也算是对这次的练习进行一些总结。第一次写文章，有什么不好的地方，欢迎大家交流指正...
5 招轻松打造系统图标规范
今天我们聊聊如何做系统图标规范，大家知道图标在产品设计中有着非常重要的地位，它既能传达功能属性，也能传达品牌，这就是为何图标设计如此重要的原因。做手机系统的公司还有专门画系统...
未来的图标设计将会走向何处？
未来的图标设计将会走向何处？有没有发现现在的一些图标设计的太抽象了，很多都是在纯粹的秀设计技巧，我就拿这段时间一个讨论比较热的例子来说，就下面这个Google的系列图标： ...
按钮设计8年发展史（2009年-2017年）
当我们在网上购物，提交我们个人信息都需要用到-按钮。网页设计的增长很快，风格似乎也是一个月一变。最近几年，我们经历过从文 本链接到拟物化设计再到扁平化瀑布流设计。导航是网页设计中...
节日图标的5种设计思路
APP的图标作为启动产品的入口，一直是一个重要的视觉符号，为了让用户更好的记忆，其设计通常使用与产品的功能和内容相关，让人看到图标就能联想到产品的功能使用场景等。...