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

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

产品 2016年08月30日

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

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

产品 2016年08月22日

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

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

产品 2016年06月27日

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

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

产品 2016年07月26日

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

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

原型设计 2016年07月14日

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

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

产品 2016年05月01日

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

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

产品 2016年05月09日

想做出高大上的海报/PPT？来看这份文案字体排版指南手册

文案字数太多无从下手？甲方执迷不悟塞一堆文字？怎样让一坨坨文案在排版上更加高大上？莫慌。@笔戈科技 的 新叶同学基于各种优秀海报，分别从空间、对比、修饰三个方面，循序渐进，总结其文案排版方法和表现形式，最后通过实例演示，聊聊如何把这些排版技巧运用在实际设计中。作者介绍笔戈科技是魅族旗下的科技资讯网站，里面的设计师都是文案鬼才，能够把专业的设计方法讲得通俗易懂，有趣好玩。建议

产品 2016年08月19日

设计基础功！聊聊平面构成中的点线面（超多案例）

不沉的骨头：点线面是平面设计中的基础，基础知识对设计师后期的成长是起到至关重要的。再好的表现技法、形式，如果有没有了设计的基础和准则，都是有问题的。今天我们来一起聊聊平面构成的基础知识&日常设计的运用。部分案列来源网络，多有得罪请恕罪 O(∩_∩)O哈哈~内容大纲1-点/线/面的特征&设计中的应用2-常见的几种平面构成在日常设计中的应用3-自我提升一、点线面的基本作用点——

产品 2016年07月19日

Pokemon Go图标教程！教你绘制一枚可爱的卡比兽图标

编者按：今天这篇教程是临摹追波大神@GsMike7 的Pokémon 图标，来一枚可爱的卡比兽图标，教程不难，重在运用渐变色，配合前两天的渐变色零基础自学指南，可以获得更佳效果。一起来试试。编者注：文章用的软件是Sketch，不过原理相通，用PS也可以完成的。G大的追波，欢迎围观点赞：https://dribbble.com/gsmike渐变色零基础自学指南：上篇：《一份全

产品 2016年08月01日