【分分钟制作Demo】Mac交互工具Principle使用教程

最近正在做移动端产品的交互设计，最常用的工具是Axure，但总觉着不够快捷，有些效果在实现上也是不尽人意。恰巧朋友推荐了一款适用于移动端的Demo制作工具，我试用后感觉非常好，学习成本极低，制作效率也大有提升。近期总结了一下，分享给大家～本次分享主要有以下几点内容：初识界面两个关键操作案例一：滑动案例二：点击跳转案例三：跟随动画（抽屉效果）一．初识界面Principle的界

Axure教程 2016年04月11日

快速入门！一份给新手的AE图层菜单修炼手册

@Damon_Yuen ：看完这篇简短的指南，你会很快理解AE图层的作用！当你开始使用AE时，图层菜单将会是你经常使用的一个部分。各种各样的图层类型可能会让你不知所措，但其实，它们比你想象中的更加简单易懂。形状图层（Shape Layer） 让我们从基础开始。形状图层是其中一种你会经常接触的图层。形状图层是二维物体，既可以用钢笔工具（Pen Tool）绘制，也可以用AE预设

产品 2016年06月23日

PS教程！教你绘制一枚清新优雅的调节旋钮图标

@P大点S微博 ：今天给大家带来一个调节旋纽的图标教程，与往常一样，依旧是图层样式的应用为主，源文件已打包，一起来练个手！源文件打包：http://pan.baidu.com我们的最终效果： 新建一个渐变调整层，做一个45度的从 # a1a5ae 到 # eef2f3 的线性渐变。 光是渐变背景，感觉差了点什么，添加点质感吧。复制一层渐变图层，转智能对象，添加一个杂色。 执

产品 2016年07月06日

畅游VC教程！如何在素材不足时快速打造高质量的视觉场景？

@畅游VC ：当原画素材分辨率或者精度不够，不能展示人物细节，何不尝试利用打造氛围来提高主视觉的质量。下面是举了一个主要利用照片拼接来配合人物原画打造氛围的例子。畅游VC教程系列：《畅游VC教程！如何设计出一个优秀的LOGO？》《畅游VC教程！如何快速打造充满科幻感的场景？》《畅游VC教程！如何快速打造富有悬念的场景？》 △ 最终效果 图1-天空，图2-模型，图3-火球特效

产品 2016年07月08日

页面性能优化实践总结

页面性能优化学而不思则惘，思而不学则殆前几天接到一个页面效果优化的任务，边做边查阅了一些关于页面性能的资料。做完任务之后，抽空写了一篇总结，梳理一下思路，加深自己的理解。1. chrome的timeline先思考这样的一个问题：什么叫页面性能好？如何进行评判？直观上讲，我们通常会通过一个页面流不流畅来判断一个页面的性能好不好。但是开发中，总不能这么随意吧。1-1 fpsFP

业界 2016年07月14日

PS教程！教你绘制超漂亮的渐变按钮图标

编者按：很多同学问这个按钮效果要怎么实现，今天@P大点S微博 手把手给同学们临摹了一遍，重点依然是图层样式的运用，附上教程和源文件下载，想学的一起来试试！源文件下载：http://pan.baidu.com/s/1bDCg9o最终效果： 新建文档，这里我用的是1000X800像素，创建一个# 3d3d42的纯色调整层，添加一个杂色。 给这个调整层添加一个内阴影。 画一个黑

产品 2016年07月15日

PS教程！手把手教你绘制萌萌哒的小鸟卡通形象

编者按：如何给卡通形象绘制生动活泼的眼睛？如何表现动物毛发的质感？今天这篇教程难度三星级，涉及很多实用的绘制技法，特别适合学习。笔刷素材已打包，也有不少人交作业了，一起来练个手。教程所用的笔刷素材下载：http://pan.baidu.com/s/1qYF2q2C 最近有点忙~这期的教程也是每天抽点时间磨出来的~废话不多说。先上效果图吧~ 萌不萌！猛不猛！其实要画的主题也是

产品 2016年07月25日

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

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

产品 2016年08月01日

第四集！值得每个设计师收藏的《完美像素使用手册》之软件技巧篇

前三集我们聊了很多设计原则，今天让我们再来看看具体怎么操作。Photoshop是我们（纪念碑谷团队）以及所有设计师天天都在用的东西，所以接下来的部分会向大家展示一些PS的使用方法和技巧。虽然这个册子确实出来挺久了，大概14年的时候优设网就有推荐过它：http://www.uisdc.com/pixel-perfect-precision-handbook（内附PDF英文原版

产品 2016年08月14日

省时高效！7个资深设计师常用的PS实用技巧

PS这个软件我从大学时期就开始用，经历了这么多版本，看着它从灰白版变成了现在的深灰色版。今天这篇文章将分享我用这么多年PS的一些实用的技巧给大家，希望对你有用。折腾先生的好文合集：《PS教程！手把手教你制作冲击力超强的美漫风格海报》《PS教程！手把手教你绘制萌萌哒的小鸟卡通形象》新出的软件固然有各种优点，但我固执的认为应该把软件始终作为一个实现想法和创意的工具来看待。在我看

产品 2016年08月14日