如何巧用 SLOGAN，让 BANNER 变得更有设计感！

UI设计师在工作过程当中难免会遇到一些界面设计之外的细节，比如Loading动画，或是转场动画等，今天推荐的一个网站，就是一个Loading动画收集站，除了可以直接调用其中的资源之外。还能直接线上修改Loading效果。实乃UI设计必备之佳品。UI 动效设计灵感站：《让界面动起来！9个移动动效设计必备的灵感收集站》Preloaders的动画类别非常之多，可以看到除了常见的图

产品 2017年06月14日

今天的扁平化设计中，值得注意的 4 个要点

扁平化设计本身在不断进化过程中，会在逐步根据需求和实际状况而进化，事实上它也正是不停地向着更实用、更有用的方向前进着。扁平化设计在过去的几年当中以惊人的速度发展起来，并且随着用户需求的变化而逐步进化。扁平化设计看似简单，但是其中分支多样，涉及到的技术多样，相关规范也都比较系统。到现在，扁平化设计所探讨的核心已经从最初的标准化设计转向如何创造视觉焦点了。所以，目前的扁平化设计

产品设计 2017年02月10日

阴影与层次：当现实世界照进UI设计

现如今UI设计正向着移除不必要元素并聚焦核心功能的方向发展着。核心功能成为当之无愧的UI设计焦点，视觉和细节的设计的重要性也日渐凸显，新时期里的视觉设计不仅要面对精简专注之后的需求，还需要提升功能的可用性。今天的文章当，我们我们就专注于探讨诸如阴影这样的视觉元素是如何帮助界面为用户呈现信息的。UI的进化：从伪3D到超扁平立体化的特效和拟物化设计，让界面产生了有纵深的感觉。用

产品 2016年07月24日

安卓界面设计学习：Material 产品图标的五个设计要点

今天又来跟大家分享一节非常实用的产品图标设计的要点和知识点。可以把这些知识应用到我们日常的logo设计、图标设计、图形设计上都可以的。那就是要学会解剖产品图标结构。 下面内容是摘录自Material Design 中文版。对于一个给定的品牌，在这些图标中，元素的一致性是形成一个共享视觉语言的关键。熟悉这些元素可以更容易地理解每个 logo 和它们之间细微差异的特征。它也将帮

产品 2016年11月23日

设计心得：如何提高验证方式的可用性

验证码的作用是什么呢？它有哪些类别？怎样平衡用户体验和用户帐号信息、敏感信息安全性之间的关系呢？本人做过一点通行证相关的交互设计工作，现在整理一下和大家分享，并和大家探讨如何提高验证方式的可用性。相信大家在进行“登录”、“注册”或是敏感信息操作时经常会被要求输入验证码，有些验证码很难识别，用户输入体验不是很好。下图是大家一直热议的12306网站的验证方式，故意的文字扭曲和低

产品 2016年11月10日

即学即用，网页首屏页面 7 种吸睛的设计方法

是时候让我们来讨论一下关于网页设计的中的首屏页面的一些设计思路了。首屏页面是用户初步浏览你的网站所接触的“第一视觉”，它可以说是你的整体网站设计的门面工程了。无论用户是从桌面设备，平板电脑还是移动设备访问你的网站，所有内容都是在这个页面上会被集中体现。所以，你在这个“第一屏幕”中包含的信息是网站设计成功的关键。该设计关系到你的网页设计是吸引用户停留并做出你预期的动作，或迫使

产品 2017年07月02日

设计一个界面动效的时候，我们需要考虑什么？

鸿影：坦白来说，虽然我之前在项目里做过一些小动效尝试，但一直没有什么系统的方法和原则指导，大多在原型软件里凭「感觉」随意调调了事，而说不清楚为什么要做成这样。刚好最近有在和团队的小伙伴们一起进行动效设计的研究与实践，对动效设计的价值、原则和实现交付开始有了更多的了解，在本文中浅薄地总结一下。明确价值：动效设计能解决什么问题？设计的本质是解决问题，动效设计自然也不例外，当打算

产品 2016年12月27日

PS教程！手把手教你绘制3个效果酷炫的GIF动画效果

编者按：今天来一点简单好玩的动画教程，包括常见的Loading 动画、烟花动画和摩天轮旋转动画，操作不难，附有PS时间轴的入门手册，适合新人练习。为了避免写僵尸教程，有些地方还是需要大家自行思考并且延伸到更多的制作，如果仅仅参考教程做出的东西而不动脑筋，除了临时练手以外意义真的不大。往期教程：《新手指南！手把手教你玩转PS时间轴之基础操作篇》《轻松制作GIF动画！教你玩转P

产品 2016年05月09日

AI教程！手把手教你绘制细节丰富的红色大巴车

编者按：今天来个进阶版的AI教程，绘制一辆红色大巴车，教程依然非常高质量，而且所有操作都有快捷键标注，能帮你尽快熟悉快捷键的运用，大幅度提高设计效率，适合新手以及有基础的同学练习。1. 创建一个新文档并设置网格点击 Control-N创建一个新文档。 从单位的下拉菜单中选择像素，在宽度框中输入600，在高度框中输入440，然后点击高级按钮。 选择RGB，屏幕（72ppi）并

产品 2016年06月15日

挽救被搞砸了的节日营销

昨天，在一年一度的”端午节”中，我眼看着一个个企业朋友在微信里，当着目标用户的面把自己的牌子给整Low了——一张毫无吸引力的图片+一个显眼的品牌LOGO+一句硬凑谐音的“祝福”。虽然有些有二维码，但扫进去发现居然只是公众号的关注页面；还有一大部分没有二维码的，只有自家品牌LOGO......总之，都透着一股不知哪里来的满满的自信。 在他们眼里，只要出镜就能收获好感。 比如，

产品运营 2017年06月01日