UI设计
编者按：图标类型千变万化，实际上万变不离「线性、面性、线面结合」3个方面， 再结合 「透明度、渐变、颜色叠加、质感、多维...
在之前的文章《从零开始画图标系列：线性图标设计实战演示！》中，我们已经讲解了线性图标的绘制方法，在本篇文章，我们就可...
前面的章节，已经系统地讲解了图标的设计方法，相信认真学习并实践的同学，已经可以设计出优秀的图标了。 但是，在 UI 设计...
本文我们开始讲解最后一种类型的图标 ── 启动图标。在第一章我们已经对启动图标有了基础的认识，所以下图再简单回顾一遍。 ...
在装饰图标中，就没有工具图标那么严谨的规范需要遵循，也就意味着自由度更高，可以任意发挥。显然，想要通过一篇文章掌握所...
在《从零开始画图标系列：超全面的基础知识》中我们知道了，工具图标的三种设计类型，以及对应的不同风格。本篇文章，内容主...
在 UI 的设计体系中，图标是最重要的组成部分之一，是任何 UI 界面中都不可或缺的视觉元素。了解图标相关的概念，以及正确绘...
@途家UED ：如何把控图标设计的风格，在什么场景该如何应用，本篇文章就为大家解决这些问题。 什么是图标 图标的功能分类 ...
图标设计，即icon设计，在界面设计中占有很重要的位置，一个好的图标，可以让用户「一秒即懂」，如何设计出优秀的图标，这篇...
编者按：本文是一篇写给新手的科普指南，从切图的发展史到基础知识，以及常见的术语解释，都有详细的说明，非常适合刚入门的 ...
由于最近的工作原因对图标有了更加全方位的认识，虽然之前写过《如何系统学习功能图标？来看资深设计师的全面总结！（一）》...
我们每天都在设计图标，并且保持这样的状态超过15年。身为设计师，想必你已经阅读过很多关于图标设计的文章，但是今天的文章...
编者按：本文高达一万字，从图标的起源、定义到基础的设计方法总结无一不包，还有大量的案例帮你理解布尔运算，是新人设计师...
@菜心设计铺 ：图标——界面设计最重要的元素之一。 菜心经常写关于图标的教程和感悟，可见图标设计在我日常工作中占了很大比...
编者按：什么是金刚区？意义和功能是什么？金刚区图标的类型和表现手法是什么？有哪些设计要点？本文从4个维度为你一一揭秘。...
对于移动端APP 而言，图标始终还是最重要的「门面」，它直接关联着产品的品牌价值，图标是否具备良好的可用性，将会直接影响...
找图标这个事情，对于设计师而言，其实都不是太大的问题了。不仅有大把的网站提供免费的图标下载，而且设计师自己改和设计都...
所有伟大的图标都是一样的伟大，所有失败的图标都玩着不一样的戏码。 和绝大多数优秀的设计一样，最优秀最伟大的图标大多是…...
想想图标的绘制也是有历史的，从刚开始 ps 用面切法运用布尔运算去切，有时候线条也是用面切面得到。随着线性图标的火爆和普...
一、图标的定义 1. 什么是图标 图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。 2. ...
@菜心设计铺 ：最近在做图标的优化调整，虽然改动不大，但在复盘的时候还是总结出很多心得，在这里和大家分享一下。 图标是...
图标是几乎任何网站都需要的重要组成部分，无论是用来传递信息、导航还是用来装饰，图标和类似图标的元素都是一种富有吸引力...
一、使用栅格 界面上的 icon 一般都能近似成一个基本形式，比如各个方向的长方形、圆、三角形、正方形。如果你把他们进行模糊...
画过不少图标，也总结了很多大神的方法，在此归纳一下简单的图标画法，希望对大家有帮助。作为一名 UI 设计师，必须要重视 ic...
@Daidai丶呆 ：今天这篇文章的内容虽然较短，但是意义却非常深刻，值得各位 UI 设计师细品。 该项目旨在遵循以用户为中心的...
图标的分类和风格有很多种，而设计图标的时候，如何才能抓住用户的眼球，设计出自己满意的图标呢？ 欢迎关注译者的微信公...
文章结合过往案例讲述如何通过设计要点和方法有效系统地进行界面图标设计。 作者： KongZhen@腾讯视频TVD
徐小马：在互联网产品的设计工作中，无论是参考、拼稿还是搭建中低保真原型，设计师时时刻刻都会用到图标，然而，如果不对不...
如何为创意插上理性的翅膀，滴滴设计师和你一起回顾春节地图小车 icon 换装的设计全过程。 前言 新年刚过，元宵即临，开工...
@Jenny黄静雯 ：相信很多同学会有，看理论的时候觉得很有道理，看完后却不知该怎么实践，久而久之便会产生「看过很多设计...
在业务迭代周期内，产品经理和设计师对要做的产品需求和功能点进行需求分析和设计讨论的过程中，有时会出现一些拿捏不定的设...
「界面中存在的每一个元素，都是有意义的。」这是我进行产品设计时的一贯主张。 小到一个标点符号、一根分割线，大到一个图...
在前边的文章中我们已经全方位立体式的讲解了系统图标的相关知识点。即讲到了系统图标的设计风格，也讲到图标设计的栅格体系...
编者按：对于千千万万的iPhone用户来说，手机里面的那些可爱的符号表情肯定耳熟能详了。但是你知道其中的一些emoji是怎么来的...
今天跟大家聊一聊如何制定iOS的系统图标栅格系统的那些事。众所周知，在图标设计中都会使用统一的系统图标栅格系统。那么iOS...
AE 动画只会用“缓动”运动曲线？流利说的专业动画师饼哥教你如何把握好动画节奏。 导言 本文是关于动画曲线的探究，将从为什么...
导语 动画可以辅助视觉制作焦点，引导注意力的方向，越来越为广大视觉设计师青睐。从设计工具上来看，既有Framer.js、Origami...
大家好，我是Clippp，今天分享的文章是「动效」设计。动效在产品设计中扮演着重要角色，它的好坏与否直接影响了用户的使用体...
大家好，我是彩云。在动画落地的过程中，配合Lottie插件输出JSON动画文件是大家常用的方法。今天这篇分享，将会讲到Lottie这...
在经典的尼尔森十大启发式当中，「系统状态可见性」可以说是如今交互设计领域当中，最为重要的原则之一。通过向用户展现当前...
一直有很多朋友会问一些关于移动端实现动效的方法，平时也会给大家做一些解答，但是可能没有那么系统性，这次抽点时间总结归...
大家在使用Lottie输出矢量渐变图形的时候，应该有遇到过设计的渐变效果无法正常显示的问题。无论你设计的效果是什么样的，导...
疫情期间，在线生活迎来爆发 ，视频行业成了广大网民放松娱乐和了解疫情、学习防护知识的重要平台。 短视频行业的日活用户规...
本文介绍了 4 种常见的 SVG 交互动画方法，帮你了解 SVG 交互动画的原理和简单方法。 优秀的人机交互和舒适合理的动画，一直...
针对动效输出的选择变得越来越多，然而作为设计师仅仅对动效输出有所了解，往往产出的结果还是不尽如人意。了解动效落地背后...
Motion Graphic 也称为 Mg 或者 Mograh，通常翻译为动效或者动态图形。 动效是什么？ Motion Graphic 也称为 Mg 或者 Mogra...
@Mockplus原型设计 ：如今，越来越多的优秀 iOS 应用程序、MacOS 工具和网站争相出现，用户对产品质量的要求也水涨船高。在用...
写这篇文章的起因是前段时间在 Meidum 上读到的一篇驳斥 Dribbble 发展现状的文章。文章发表在 16 年，其中提到：「我不认为 ...
浙公网安备33011002017549号