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

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

产品 2016年06月29日

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

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

产品 2016年05月30日

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

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

产品 2016年05月09日

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

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

用户研究 2016年05月10日

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

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

产品 2016年05月16日

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

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

产品 2016年07月19日

全栈设计师！零基础也能学会GitHub 系列之初识GitHub

编者按：今年全栈设计师越来越流行，无论视觉、UI还是交互都难逃浪潮。所以特意给无编程基础的设计师来点简单易懂的入门教程，比如@googdev 这个系列文章，就是帮你学会Github 的，即使不是工程师，你也可以用它来搭建个人网站/Markdown写作/展示简历/表白等等，学起来！1.  写在前面我一直认为 GitHub 是程序员必备技能，程序员应该没有不知道 GitHub

产品 2016年05月27日

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

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

产品 2016年07月06日

实战好文！帮你做出优秀电商Banner的五个方面（超多案例）

不沉的骨头：本篇帮你解析Banner 中的构成元素，包括版面分割、版面布局、文案排版、配色和细节表现。每个方面都有丰富的案例和实战操作方法，特别实用的电商设计好文，一起来收！往期电商设计好文回顾：《高效流程！帮你快速做出优秀电商BANNER 的设计三部曲》《超实用！5个帮你快速进阶的电商BANNER 设计技巧（案例多）》《设计基础功！聊聊平面构成中的点线面（超多案例）》《电

产品 2016年08月09日

有图有对比！125个提升网页可用性的优化小技巧（二）

编者按：这个系列的教程有125个实用的网页优化技巧，每一个技巧都有案例对比，保证简单易懂。今天@企业官网设计精选 翻译了第二部分 —— 在网页设计中帮助用户实现目标，一起来涨姿势！第一期回顾：《有图有案例！125个提升网页可用性的优化小技巧（一）》让常用功能和重要数据信息更接近用户预测用户的意图，让他们尽可能接近目标。 △ 筛选出或跳至用户正在搜索的条目 △ 将用户常选项目

用户研究 2016年05月06日