从平庸到卓越！5个帮你快速提高设计稿质感的实用方法

@魔力大熊 ：为什么别人的作品看上去很有质感，细节到位，自己的就平淡无奇，谈不上满意。问题到底出在哪？如何给设计作品最后”定妆”，让最终的设计脱颖而出？下面这5条经验之谈（层次、色彩、阴影、字体、氛围）能帮你搞定这个问题。最后一公里？最后一公里！最后一公里「Last Kilometer」这个概念，最早是拿来形容公共交通末梢的问题。后来各个行业都开始用，就逐渐引申为完成一件事

产品 2016年05月06日

阴影与层次：当现实世界照进UI设计

现如今UI设计正向着移除不必要元素并聚焦核心功能的方向发展着。核心功能成为当之无愧的UI设计焦点，视觉和细节的设计的重要性也日渐凸显，新时期里的视觉设计不仅要面对精简专注之后的需求，还需要提升功能的可用性。今天的文章当，我们我们就专注于探讨诸如阴影这样的视觉元素是如何帮助界面为用户呈现信息的。UI的进化：从伪3D到超扁平立体化的特效和拟物化设计，让界面产生了有纵深的感觉。用

产品 2016年07月24日

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

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

产品 2016年07月28日

热门教程！超火的弥散阴影全方位通关指南

@喪心病狂十六夜貓 ：之前发了两篇弥散阴影的教程，从新手版到进阶版，同学们应该都学会了，今天来最后一发教程，除了复习一下Photoshop 做弥散阴影的方法，还加上了HTML/CSS 的制作方法，附超多优秀案例，学完弥散阴影就通关了。一起来跟上趋势！什么是弥散阴影？具体的英文名称尚未决定，但这种技术一般被称为弥散阴影（英: Diffuse Shadow），与普通的阴影技术相

产品 2016年08月01日

【视觉设计】阴影的价值解析

作者：辰硕UI设计现如今UI设计正向着移除不必要元素并聚焦核心功能的方向发展着。核心功能成为当之无愧的UI设计焦点，视觉和细节的设计的重要性也日渐凸显，新时期里的视觉设计不仅要面对精简专注之后的需求，还需要提升功能的可用性。今天的文章中，我们就专注于探讨诸如阴影这样的视觉元素是如何帮助界面为用户呈现信息的。UI的进化：从伪3D到超扁平立体化的特效和拟物化设计，让界面产生了有

产品经理 2016年10月10日

比弥散阴影更精致！教你 3 招快速绘制提升格调感的阴影效果

编者按：今天这篇好文聊的不是简单的弥散阴影，而是笔者在逛网站时发现的一个效果更为精致的阴影，而且这类效果在耐克LOGO、苹果官网都有所体现，能快速提升产品的格调，我总结了一个简单快速的方法，帮你3招做出来。欢迎关注作者公众号：三根设计骨首先呢，阴影和投影，别混淆。我这里要说的是阴影。图1属于阴影 图2属于投影影院放电影 —— 投影 可以通俗的说成由某个点投过去的影子。站在

产品 2016年10月11日

用 PS 精准的实现 Material Design 的阴影效果【教程】

在谷歌的Material Design规范中一个重要的特征就是阴影高度，阴影的由来：“材料总是1dp厚，材料会形成阴影，阴影是由于材料元件之间的相对高度（Z轴位置）而自然产生的”一个包含卡片和FAB应用布局的实例与它在Z轴上元素高度的横截面图表。在这里抽屉栏在Z轴的高度是最高的有16dp高，第二高是黄色的悬浮按钮6dp高，菜单栏只有4dp高。阴影 在设计的时候，每一个元素都

产品 2016年11月04日