不为动而动！聊聊动态效果在体验设计中的应用

编者按：在我们热火朝天往画面上添加各种动效的时候，我们是不是应该问问自己，这么做真的对吗？凡事是否都应该有个度，动效当然也不会例外。下面我们就从“为什么动？”“哪里动？”“怎么动？”这三个方面来说说我们的一点想法：腾讯设计师的动效设计好文：《动效设计基础（一）：缓动与运动曲线》[br]《腾讯高手出品！动效设计基础（二）：动效的应用》一、为什么动？首先，为什么要动？可能你会想

产品 2016年07月06日

内部教程！超实用六步透视网易设计规范（附完整PDF下载）

对于刚入行的新人，可能觉得设计规范是一件很高大上又很让人头疼的事情，面对这么多设计模块感到无从下手。设计规范如果考虑不到位，往往会出现规范太空洞缺乏实际指导意义、规范太死板影响设计发挥等问题。这篇文章会从新人的角度出发，总结一些设计规范要点，算是一次温故总结的分享。本文提供网易云音乐和LOFTER的规范文档下载超级产品经理IMSPM强烈推荐下载：http://pan.bai

产品 2016年07月19日

有图有案例！125个提升网页可用性的优化小技巧（三）

编者按：这个系列的教程有125个实用的网页优化技巧，每一个技巧都有案例阐述，保证简单易懂。今天@企业官网设计精选 翻译了第三部分 —— 在网页设计中如何少让用户费脑筋，保持操作流畅。一起来收！往期回顾：《有图有案例！125个提升网页可用性的优化小技巧（一）》《有图有对比！125个提升网页可用性的优化小技巧（二）》除了引导用户，还要减少他们的认知流程，以保持流畅状态。尽可能少

用户研究 2016年05月10日

中文版来了！新版MATERIAL DESIGN 官方动效指南（二）

编者按：昨天@平行煎餅 发了 中文版来了！新版Material Design 官方动效指南，今天继续第二部分，从动效的速度、动态持续时间、通用持续时间和缓动曲线4个部分，教你创建平滑一致的Material Design 动效。再系统的干货都比不上官方的动效指南，西瓜就在这，赶紧来捡。中文版来了！新版Material Design 官方动效指南中文版来了！新版MATERIA

产品 2016年05月16日

酷站推荐！五分钟快速打造美观实用的线上个人简历网站

本文要介绍的 Resumator 能让你快速在在线制作个人简历。Resumator 建立起来的个人页面非常美观、大方，而且没有太多复杂流程，你需要做的是依照网站提供的字段进行填写，最终就能产生属于你的在线页面专属网址。不妨来试一试Resumator 背后是由一家名为 Qwilr 的公司所提供，Qwilr 主要营运的项目为简单建立网页服务，结合易用性和所见即所得等编辑功能，用

产品 2016年05月09日

神器推荐！手把手教你将静态图片快速变成GIF 动图

今天介绍的是一个小软件 —— Magic Morph。我们将它和PS结合使用，就可让一张静态JPG图片通过简单的操作，变成有趣的GIF图。无图无真相，一起来看看教程！ 原图： （图片来自美剧 HEMLOCK GROVE的 海报） （经过 Magic Mprph + PS 处理后的效果）是不是很有意思！废话不多说，快来看看是怎么做的吧！第一步：下载好 Magic Mprph

产品 2016年05月30日

从零开始！设计师如何打造高性价比个人网站之常用工具篇

@老王经销商 ：上一篇我们大致介绍了选购域名的关键知识点和一些域名解析知识，今天继续第二部分，科普当下的主流域名商和打造个人网站必备的PC端工具/移动端工具/Web端工具，设计师们赶紧来给自己建个站吧！上期回顾：《从零开始！设计师如何打造高性价比个人网站之域名选购篇》有粉丝在微博反馈有一些知识点看不太懂，特别是后面关于域名解析的部分。所以我在这里打个比方，我把域名比作你家门

产品 2016年06月29日

PS教程！手把手教你绘制光影巧妙的3D精灵球

@杨洋-XHM ：作者 Webshocker 是通过3dsmax + Photoshop设计的这个作品，所以在光影的变化上非常微妙和细致。大家通过Photoshop临摹这个作品，可以加强自己在设计过程中对光影的把控，建议学习。作品作者：Webshocker教程作者：@杨洋-XHM最终效果： 新建画布：宽：800px 高：600px 分辨率：150像素/英寸 名称：精灵球一、

产品 2016年08月18日

网站后花园！9个小技巧帮你打造优秀的「关于我们」页面

@惜可若己 ：「关于我们」页面是让网站访客能联系你，以及了解公司团队成员的一个重要入口。今天这篇好文整理了9个创建优秀「关于我们」页面的设计原则，适合新手学习/查漏补缺，来收。这儿有两组优秀案例让你边看边学：《个性宣言！40个优秀的关于我们页面网页设计案例（上）》《个性宣言！40个优秀的关于我们页面网页设计案例（下）》1、让访问者能轻易的联系到你在某些情况下，访问者可能会有

用户研究 2016年08月14日

AI教程！手把手教你绘制写实的牛奶和燕麦饼干

编者按：一杯新鲜的牛奶+一块脆脆的巧克力碎片饼干是我们从小就爱的美味小吃。  今天教同学们用AI中的基本形状，结合扭曲、变换效果和渐变，来创建一杯写实的牛奶和超有质感的燕麦饼干。 我们开始吧！ 我们开始吧！1、画一个脆脆的巧克力曲奇饼干第一步首先画一个250*250px大小的圆，用椭圆工具（L），同时按住Shift键来画圆。 给圆形填充沙滩黄色，选择“效果——扭曲和变换——

产品 2016年06月16日