动效实战！跟着Tubik Studio学习UI动效的常见用法

动效是UI设计中最强有力的工具之一，它强化了界面的互动性和生命力。动效让用户可以更快地从界面获取反馈，提供更快更有效的微交互，让关键的要素脱颖而出，通过实时、动态的方式创造引人入胜的体验。巧妙的运用动效，能给整个体验带来更多的加成。考虑到屏幕尺寸和使用场景，在移动端上动效的作用就显得更加关键而有效了。在我们之前的文章中曾经探讨过动效和UI设计之间的关系，以及它是如何催生高效

产品 2016年07月28日

超赞！10款快速搭配Material Design 配色方案的Web工具

在Material Design 风格中，如何大胆、灵活的使用色彩组合是一项很有挑战性的任务，今天这10款 Google Material Design 专用的配色工具，可以助你一臂之力。Material Design 简介：时至今日大家应该都对这个设计风格有所耳闻，如果你还不够熟悉，这儿有三篇文章可以帮你轻松入门：首先来认识一下它扁平化设计的区别：《涨姿势！扁平化设计和M

产品 2016年07月28日

Facebook设计总监：别拿数据一刀切，产品还得看体验

现在很多设计师都提倡从数据出发做设计，但是我们做这些数据分析，是否仅仅是为了提升这些数据目标？如何在提升数据目标和真正有意义的功能之间找到平衡？我们到底是被各种数据目标牵着走，还是真正的为提升用户体验着想？来看Facebook产品总监的答案。作者介绍Facebook 的产品总监Julie Zhuo 是一位经历传奇的女性，2006 年进入脸书后，职位像火箭般不断攀升，现在已经

用户研究 2016年07月28日

全面系统！GUI设计中如何做出有格调的投影？

@洪涵滴滴 ：本文记录了我对 GUI 设计中阴影效果的一些思考。从「光」出发，记录了运用好「光源」的几个点。然后选取了几个优秀作品介绍「真实」与「夸张」的阴影设计效果。最后分享了我自己在设计投影时的几个 PS 技法，希望对大家有所帮助。一、谈「影」先谈「光」有光才有影。如果理解了光与光对物体的作用，相信就会比较好理解各种阴影的形成了。因此我想先和大家聊聊光~1. 光的基础逻

产品 2016年07月28日

高效流程！帮你快速做出优秀电商Banner 的设计三部曲

不沉的骨头：这一期分享主要是说到我自己在工作中做营销Banner 设计的方式和案例详解，分为3个大方向和几个小方向（版面/配色/细节丰富），我们一个一个去了解清楚。在此要说明的是，流程呢是我个人平时的习惯方式。仅供参考，希望能帮助到大家。部分案例来源于网络 多有得罪请恕罪。一、Banner 三部曲 1-先形式版面形式[br]标题形式 2-再配色产品（人物）取色[br]依据理

产品 2016年07月27日

夯实基本功！用户体验设计新人自学包之控件学习

本系列名曰设计新人自学包，可供用户体验新人自主学习，在掌握了所有自学包的内容之后，可以轻松拿下初级设计师岗面试中的设计技能考核的部分。本文将就第一部分控件学习进行深入讲解。欢迎关注点融设计中心DDC微信公众号（微信ID：DR_DDC）随着互联网行业的逐渐成熟，用户体验设计师也成了炙手可热的“热门职业”。近年来，设计专业的高校教育也渐渐从传统的实体产品设计倾斜或引入用户体验的

产品 2016年07月27日

PS教程！手把手教你制作冲击力超强的美漫风格海报

美漫我想大家都不陌生，特点是比较粗犷，人物造型扎实，黑白对比强烈，画风视觉冲击力很强。这类风格控制得好的话，比较容易出效果。下面我们将通过PS中的滤镜功能来制作美漫风格的海报。选择图片要求：选择主体形象较突出，具有一定视觉冲击力（有一定的透视感）的图片。选择背景与主形象明度对比强些的，颜色以纯度较高的亮色为主。 原图 图片来自《超人归来》步骤：新建一个PSD文件，尺寸按照你

产品 2016年07月27日

让图片加字变得有格调？这三个方法可以轻松搞定！

想让你的图片一秒变得有逼格？试试在上面加点文字吧！今天@笔戈科技 的兽兽同学分享了几个简单实用的加字方法：隐形线，隐形框和超级放大法，分分钟从《乡村爱情》到荒诞电影海报。为了您和他人的用眼安全，请仔细阅读以下这份加字指南。真的不知道是哪位仙人板板说的这句话，于是以下就是我国常见的加字水平： △ 厕所情感类刊物畅销书： △ 窩の眼真嘚恏卵痛 △ 路边摊小卡片我从来没试过这么希

产品 2016年07月26日

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

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

产品 2016年07月26日

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

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

原型设计 2016年07月14日