零基础教程之小火箭渐变图标详解
今天跟大家分享一套教育培训相关的渐变风格的图标，并且会以“小火箭”图标作为示例，看看怎么从头到底去丰富细节，使其看起来更有质感。下面来一一讲解。 前言 Hello，UI中国的...
小元素，大影响。UI图标的类型和功能
用户界面中的图标是小巧而有意义的元素，它们能解决无数问题。它们成为可用性和直观导航的钥匙。而只有设计师才知道，要让它们变得简单、有用、有意义、有表现力，需要花费大量的时间和精...
Z轴拆分法：故事还得从安卓应用图标讲起
写这篇文章的初衷本来只是打算完成给读者的一个承诺，讲解一下Android 8.0后的应用图标适配。 可是写着写着，发现安卓现行的图标适配法则和“Z轴拆分法”十分类似，便由适配法牵扯出了许多...
产品图标体系是如何炼成的？
前不久我在讲标签栏专题的时候，有聊到过一次图标（可回顾：《了解图标落地，让前端再爱你一次》。前文已提及到部分规范，本文将直接引用，为防止新读者理解脱节，建议先看前文）。 那一...
了解图标落地，让前端再爱你一次
如期而至，这是标签栏控件总结的第二期。这一期真是掏空职业经验，如果对你的工作有所帮助的话，记得用你尊贵的指尖点点“在看”哦~ 这一期我们来聊一聊标签栏中的关键元素——图标。 图...
图标绘制基础指南，一篇就够了！
对于刚接触UI相关的同学来说，绘制图标是占界面问题比重较大的一块内容，虽然网络资源已经有很多，但仍旧做不好一套统一风格及趣味性的界面功能图标。 图标绘制基础指南，一篇就够了...
如何绘制一组具有商业价值的图标
小编：很多童鞋在做完UI界面的时候往往会发现精致度不够导致整个页面会显得很粗糙。当然精致度不够是有很多方面影响的，比如说：颜色会不会灰？字体有没有处理好？图标有没有画好？图...
Hello，12.0 接我一标 | 开启图标新的可能
“一套优质的图标是用户体验设计中必不可少的重要组成部分，把文字含义通过清晰易懂的图形表达，可以降低用户阅读成本以及提升产品界面的美观度。“ 在雪球最新版本12.0中，图标的...
宅在家无聊，不如学学按钮规范吧！
已经有很多朋友催我更新设计规范的文章了，今天先来一篇，关于按钮规范的，后面会陆续更新其他控件内容。 严格来说，按钮包括很多种，比如普通按钮、图标按钮、文字按钮、开关按钮等等：...
2020春节图标盘点
转眼快到农历新年了，过年的气氛也越来越浓。小伙伴们有没有注意到不少APP的图标，也换成了特别设计的春节版本呢。今天我们就来分析一下，哪些类型的产品需要换节日图标，今年它们又带来了...
图标造型时，你是否考虑过这两个问题？
图标，又是一个老生常谈的问题了。作为UI设计师的我们无时无刻不在绘制图标以及准备绘制图标，在一些分类墙等多图标界面，图标的好坏还能直接影响整个界面。 图标的好坏...
画图标已经够难了，图标里面还要加表情，我太南了！
最近画的表情图标还蛮多的，所以有一些小心得分享给大家，都是非常非常非常非常非常实用的小技巧，直接就能用，有以下4个小点： 1.五官收紧 2.善用修饰物 3.想生动一定要符合当下行为 4....
跟着狼哥做练习_iPod练习【视频教程】
跟狼哥做练习之iPod练习，此次带来的是两个版本的视频，一个iPod插画图标用PS和AI两个软件来进行对比练习。充分的理解和掌握两大UI必备软件的不同和共同之处，大家赶紧来学习发现一下吧！ ...
5 招轻松打造系统图标规范
今天我们聊聊如何做系统图标规范，大家知道图标在产品设计中有着非常重要的地位，它既能传达功能属性，也能传达品牌，这就是为何图标设计如此重要的原因。做手机系统的公司还有专门画系统...
设计沉思录｜这一次，我们尝试设计了仪式感
https://v.qq.com/page/s/a/r/s3017set9ar.html 01 前章 今年8月，我们启动了荣誉体系的设计项目，荣誉体系本身意在通过虚拟勋章更好的激励员工的积极性和职业成就...
ICON设计法则-菱形法则
网络上有很多关于Icon设计的文章，一些文章从部分维度切入讲述Icon的设计理念，但大部分缺乏整体性。 所以我尝试把自己的思考方式结合其他人的设计理念整理了一个完整的Icon设计法则，通...
实心图标与空心图标的区别？
有读者说，面试的时候面试官提到了一个问题，但不知道怎么回答。这个问题是：实心图标和空心图标的区别是什么？这个问题网上的讨论挺多的，国内外很多设计师都有针对这个问题给出一些...
系统图标 – 图标分解 Material 规范
文章的大体规则由谷歌的Material Design制定的，很多细节部分我是根据个人经验来解析的，设计师小伙伴们可以作为学习参考。 前两篇文章讲到了谷歌的Material Design...
请看IBM设计系统如何定义图标？
IBM的图标是用于传达寓意、对象或动作的视觉符号。它们可以一目了然地传递信息，通过交互性图标吸引人们对重要信息的注意。他们从字体IBM Plex中提取细节，并运用到图标的设计中去。...
系统图标 – 基础认知 Material 规范
文章的大体规则由谷歌的Material Design制定的，很多细节部分我是根据个人经验来解析的。 上一篇文章讲到了谷歌的Material Design产品图标规范。谷歌的Material Desi...
有讨厌自己画不好图标吗？我有（下）
还记得上期带来的线性图标教程吗–《有讨厌自己画不好图标吗？我有》，这期给大家带来一篇升级版填充图标的绘制技巧，配合上线性图标，基本能绘制出APP中比较常见的icon图标，希望这两篇内...
有讨厌自己画不好图标吗？我有
图标是设计中最基础的元素，就和写作文一样，我们必须先背诵大量的文字，因此图标是考验一个设计师最基础的点，虽然现在各种开源文件很多，很多时候都可以直接下载一些图标改改，作为一名...
用PS打磨质感水晶风格图标
如果把平面设计看作是形与色的组合，那么Illustrator就是胜在对形的把握，而Photoshop则重在对色的渲染。如果是想要做出有质感的画面，那势必要用到PS不可。今天我们就来利用PS打造一枚质...
免费图标有很多，就是为了不用画吗？瞎扯！
图标是设计师是每天都会用到的，但是图标运用场景，图标类型，什么时候用什么类型图标，今天和大家分享下。这是一篇实用文，主要是讲解图标的运用以及图标的类型，设计师们可以Mark下来，...
如何让按钮设计的更迷人
按钮在UI界面设计中是不可或缺的元素之一，这篇文章我们将介绍不同类型的按钮包括按钮的状态和交互。我们介绍的都是日常界面中使用的普通按钮，并不包括单选按钮、选项卡、复选框等其他类...
App的Logo如何设计？
接到一个App的Logo设计需求，但不知从哪入手？别慌，看完这篇文章你就知道该怎么做了…写这篇文章拖了好久，月初就把文字部分写完，之后为了让每个Logo案例不重样，每天抽出1-2小时去找...
从0到1，一组图标的诞生（第二弹）
上次分享了一组图标的设计过程，主要思路就是从“风格设定”到“创意脑爆”再到“设计执行”，具体可查看： 《从0到1——一组图标的诞生》。效果图如下： ...
面型图标vs线型图标，该如何正确使用？
全文共2085词，阅读大约需要5分钟！ 什么时候该用线型图标，什么时候该用面型图标，不知道大家平时有没有去思考过？我自己也曾经纠结过，但却没有深究，这篇文章给出了一些答案。挺意外...
腾讯微云文件图标的设计探索
全文4000字，阅读需要15分钟。作者将向你展示微云团队一路以来对文件图标设计的思考和沉淀，并着重介绍了当前这套图标的设计由来。 前言 在过去的一年中腾讯微云为大家带来了很多...
用户体验 | 图标样式对界面可用性有什么影响？
图标样式：实心图标 or 线性图标，到底那种风格更适合用户体验呢？ 在设计UI页面时，我们通常需要决定是使用实心图标还是线性图标。它们两种到底哪种风格更符合用户体验呢？ ...
为什么你的图标总是缺了点意思
我们之前一直讲的都是理论篇，今天来一个关于界面底部图标的实战总结吧，故事的开始是我们去年年末的时候做的界面练习，我们要完成漫画类APP的首页界面设计，仅仅是由7个模块组成的首页设...
节日图标的5种设计思路
APP的图标作为启动产品的入口，一直是一个重要的视觉符号，为了让用户更好的记忆，其设计通常使用与产品的功能和内容相关，让人看到图标就能联想到产品的功能使用场景等。...
从0到1——一组图标的诞生
图标——界面设计最重要的元素之一。菜心经常写关于图标的教程和感悟，可见图标设计在我日常工作中占了很大比重，所以我始终坚信能够把图标做好，也是难得的特长之一！ 这里拿几个...
如何在Affinity Designer中创建一组扁平图标
在这篇教程中我们将用Affinity Designer创建一组和户外有关的新潮的扁平化图标。 我们将利用各种技术创建阴影，将应用一些蹩脚的材质到我们的图标上。 让我们开始吧！ 1. 创建帐篷图标...
超过10亿人使用的Office，迎来2019年全新图标设计！
Office图标的更新频率实在是不高，上一次更新我都不记得是什么时候了，但它的每一次更新都是一个流行趋势的代表，以Word图标的更新轨迹就能看出来，仔细看这些风格是不是都是那些曾经流行的...