简单 5 步，快速打造你的视觉设计

读图时代，无论是营销活动，还是日常运营，优秀的视觉设计往往能起到锦上添花的作用，让用户简单清晰地理解活动用意，获得更好的活动效果的同时，也能通过设计风格不断强化品牌风格。然而，虽然我们深知视觉设计的重要性，但是作为运营、市场人员，却常常遇到这样的情况：出现一个热点，需要及时作出反应时，我们需要一张配图以便更好地向用户传达我们的意思，可是面对这突发的需求，设计部门排不出时间来

产品 2016年12月06日

祖传秘方！轻松5招帮你搞定PPT图文排版

编者按：全图色块蒙版、局部色块蒙版、PS大法、边缘发光、色块渐变…今天@好PPT 这篇好文总结了5个可以帮你快速搞定PPT图文排版的方法，简单实用好上手，一起来收！对于全图型PPT，常常需要在图上搭配一定的说明文字。如果图片本来就有大量的留白区域，那当然是最好不过。像下面这几张幻灯片，文字放在图片的“空白处”，图文和谐搭配。 然而，很多情况下，从网上找到的图片背景都是比较

产品 2016年07月18日

除了 HELVETICA ，UI 设计师还应该知道哪些经典字体？

我和好多同学一样，也是自学设计出身，在经过设计软件的学习和画图标的阶段后就开始工作了，后来在工作中遇到过很多问题，比如说，标题和正文怎么排布才是合理的？应该使用多大的字体？配色怎么配？一个 icon 是要用线型还是面型？这些困惑的出现是难免的，因为设计是一门非常严谨的学科，里面蕴含了很多道理，就连最基础的字体选择和排版，都经过了将近 1000 年的发展和演变，有很多很多专业

产品 2017年04月18日

淘宝刚发布的新版本，可能会引领 2017 年的 UI 设计风格

编者按：前两天淘宝的App 发布了一款新版，新版UI 在视觉和动效上都有了比较大的升级，很可能是会带起一波真正的UI 设计趋势。在官方设计师出来分析之前，不妨先看看在野设计师怎么看。作者微信公众号：设计工厂关键字：设计, 设计文章, 动效

产品 2017年03月14日

9 款几何元素网页设计作品欣赏

大同小异的网页设计已经让你视觉疲劳了吧，加入不规则几何形状的网页设计也许能让你的眼睛重获新鲜感。大同小异的网页设计已经让你视觉疲劳了吧，加入不规则几何形状的网页设计也许能让你的眼睛重获新鲜感。几何元素的融入不仅让网页变得高大上，也在无形中突出了网页中的某些内容，这样的突出方式并不单薄无力，反而让网页看起来更自然。没有人会对沉闷的网页产生兴趣，而几何图形恰巧能在增强视觉体验的

产品 2017年01月06日

UI 设计中的颜色 —— 一个（实用的）框架

对于文中会有歧义的地方我都给出了原文用词，不方便科学上网阅读原文的同学又不明白的仍然可以在留言里告诉我，我会将相应的原文贴出来。进入正文啦！作为一个基本是靠自学在UI之路上走到现在的人，我经常好奇为什么那么多文章和书在讲色彩理论和调色盘。在我看来，使用一个“互补色盘“跟我是否能做出一个好看的设计基本没啥关系。这就是我通常说的无用功。那色彩理论都没给UI设计提供一个可靠的根据

产品 2017年03月13日

PS教程！手把手教你制作冲击力超强的美漫风格海报

美漫我想大家都不陌生，特点是比较粗犷，人物造型扎实，黑白对比强烈，画风视觉冲击力很强。这类风格控制得好的话，比较容易出效果。下面我们将通过PS中的滤镜功能来制作美漫风格的海报。选择图片要求：选择主体形象较突出，具有一定视觉冲击力（有一定的透视感）的图片。选择背景与主形象明度对比强些的，颜色以纯度较高的亮色为主。 原图 图片来自《超人归来》步骤：新建一个PSD文件，尺寸按照你

产品 2016年07月27日

入门必看！给零基础新手的超快速色彩知识小科普

编者按：今天这篇好文，是国外一个价值99美元的动态设计收费教程中的一小节，文章简单精炼，图例精美，适合新手快速学习色彩方面的知识，一起来看@Damon_Yuen 的译文。动态设计首要就是一种视觉媒介。我们使用视觉去传达，获取灵感以及引导。理解这些设计原理的核心是知道如何去组织这些视觉元素以及将它们有效传达。接下来，让我们仅仅聚焦在基础的色彩理论。 色彩是光的产物。先锋科学家

产品 2016年06月20日

UCAN 2017 回顾！中国交互设计带头人辛向阳的体验设计思考

@阿里巴巴UED：辛向阳，现任江南大学设计学院教授、博士生导师，中国交互设计带头人，卡耐基梅隆大学设计哲学博士。辛教授在演讲开始回顾了过去他关于体验设计的一些重要观点，包括“交互设计五要素”和“行为逻辑”等交互设计领域的重要理论和方法。辛老师提到“Positive User Experience provides evidence of excellence. （积极的用户

交互体验 2017年06月18日

实用小技巧！iPhone上看到好的动效设计，如何保存成GIF？

俞静：经常在网上看到一些介绍手机APP动效设计的文章，一直好奇这些动态图片是怎么保存下来的。今天把这个小技能分享出来，UI设计师和想学优秀动效的同学记得收藏！ 自己在日常工作中也有看到好的动效设计要保存下来的需求——留着APP太占手机空间，删了APP要用的时候又无法跟开发描述清楚。要将手机APP里看到的一段动效保存成动态图片（GIF），总的思路不外乎：先将这段动效录屏，然后

产品 2016年05月24日