字体界的黑科技！输入数字立刻生成酷炫信息图的字体

编者按：今天这款外挂级的字体必须颤抖着推荐给大家！安装字体后只要输入数字，就可以瞬间得到信息图，包括柱状图、饼状图、雷达图、玫瑰图等7类图表，完全不用多余的操作，而且作品也美观好看，绝对是业界良心！一起来看@凡屋SH 写的使用教程。这是一套专门用来做数据可视化的字体：FF Chartwell Font Family。这套字体包含七种字体，分别可以做柱状图、饼状图、雷达图、玫

产品 2016年05月09日

轻松制作GIF动画！教你玩转PS时间轴之进阶技巧篇

上一篇文章跟大家讲过PS时间轴的基础，接下来跟大家分享制作简单GIF动画的一些技巧，（文字动画、颜色渐变、咻一咻动画、模糊动画、旋转时钟以及变化的月亮等等），文章提到的动画都有提供打包下载，想学时间轴的同学来收！上篇回顾：《新手指南！手把手教你玩转PS时间轴之基础操作篇》一般来说，制作动画不会选择像素图层，因为它的动作属性可操作性太少，正如我们设计UI的时候也不会直接用像素

产品 2016年05月01日

超赞！帮你打造极简风APP UI 的实用设计技巧

随着用户对UI的喜好开始偏向简约，设计师有必要将整个UI简化剥离至基本状态，因为保留关键元素才是成功的钥匙。从某种意义上说，极简主义的设计是形式和功能的完美结合。它最大的优势在于形式上的清晰直观——简洁的线条，大量的留白，优雅简约的图形元素，赋予整个设计以简约干净的感受。即使是最庞杂的内容，在这样的设计之下都显得直观而干练，当然，如果设计的足够高效的话。极简风的APP设计通

产品 2016年07月26日

只需浏览器，就能帮你搞定原型设计

给网站设计原型是一个全面系统的过程，在此过程中你需要拿出一套线框图并确保基本的交互功能。单纯的线框图可以是静态的图片，甚至可以是手绘的草稿，但是原型大多是动态的，可交互的，至少主要的页面和功能能基本呈现出来。不过，设计师通常会选择使用图像编辑工具来进行原型设计，只不过这样一来，绝大多数的工具很难实现足够的交互，这也催生了不少开发商转向研发基于浏览器的原型设计工具。浏览器性能

原型设计 2016年07月14日

走心的技巧！为色盲用户提升网页可用性的实用设计技巧

编者按：网站的可用性是个大问题，之前《专为色盲打造！快速提高网站可用性的5个实用方法》 这篇文章提出了几点针对色盲用户的网站体验优化方法，而今天的这篇则是前者的很好的补充~根据 Colour Blind Awareness 的数据，4.5% 的用户是色盲，如果你的网站受众是以男性为主，那么这个数据可能高达8%。在进行网页和UI设计的过程中，色盲人群的实际状况很容易被设计师所

产品 2016年06月27日

超实用！6个方法帮你做出优秀的UI动态微交互

编者按：明确系统状态、让按钮和操控可触知、打造有意义的转场、强调界面的变化、增加愉悦的细节…… 今天腾讯设计师@月焱瞳 这篇译文，总结了6个做出细腻动态微交互的技巧，建议阅读。UI界面动效设计方法：先看看有意义的动效设计是啥样：《设计师的必备技能！你需要学会设计有意义的动效》再来学习腾讯设计师写的动效设计指南：《腾讯精品文！超多干货的UI界面动效设计指南》围观实战案例：《高

产品 2016年08月22日

亲历经验！设计师进入VR领域会遇到哪些状况？（附解决方法）

@C7210 ：今天这篇好文，作者聊了一些他在自学VR设计与开发的过程中的心得体会，不涉及任何具体的实践方法，读过之后会明白作为普通的设计师在尝试进入VR领域时通常会遇到怎样的状况。下面进入译文。我有幸参加了2015年的Google I/O大会，并领到了一个免费的Cardboard。回到家，戴上这纸盒遨游了那么一阵子，我便开始为VR世界所着迷。怎样才能投身于这个全新的技术领

产品 2016年06月15日

实战心得！四个帮你提高UI设计效率的工作技巧

如何提高UI设计的速度？在这里分享一些我观察到的常见问题和改善方式。当然，需要注意的地方何其多，本文先着重聊一下观念和沟通的部分。作者介绍Taylor 从 13 岁起便开始自学网页设计，iPhone 问世后开始接触UI设计，因此是前端及设计双栖的产品设计师。学生时期曾在 Yahoo 实习，其后分别在外商及台湾新创公司带领 Web、iOS、Android 设计团队，及担任UI

产品 2016年08月30日

超全面！聊聊UI设计师的工作流程和高频使用工具

@枫之醉语 ：设计师的工作流程鉴于不同规模的公司和项目会有所差异，但基本大同小异，必须有的流程还是要执行的，今天就拿目前我所在的公司的日常举例，顺便推荐一下UI设计师日常使用的工具，干货较多，篇幅较长，强烈推荐。产品经理：初期：需求调研 → 竞品分析 → 产品规划；前期：思维导图「功能模块」 → 需求文档「流程逻辑」，原型设计「信息架构」→ 评审；设计师：中期：准备工作 →

产品 2016年08月30日

唯快不破！可能是最全面的 PS 快捷键使用指南（图文演示）

@阿随向前冲：看完这篇，帮你掌握最常用的32个Photoshop 快捷键。1、Ctrl+T：自由变形该快捷键，主要对图层进行旋转、缩放等变形调整，同时可以拖动修改图层在画面中的位置，是极为常用的功能键。左上为Mac快捷键，右上为PC快捷键2、Ctrl+J：复制图层对图层的复制，一般的操作是通过图层菜单栏选择，或者直接在图层面板上右键单击图层的下拉菜单中选择，而“Ctrl+J

产品经理 2016年10月10日