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

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

Axure教程 2016年04月11日

sketch 学习系列之 sketch4 的 logo

效果图：logo.png首先说明一下，我是一个Android程序猿并不是一个设计师，所以以下有哪些步骤做得不好的请谅解~为什么我一个程序猿不好好打代码，要来学sketch设计呢？首先，我一直都很喜欢设计，在这之前一直都有自学Photoshop的其次，我们团队项目的APP界面需要我来设计(因为队友没有专业美工，而设计基础貌似就我最好，哈哈哈)本来有Photoshop来设计就应

产品 2016年12月26日

PS 画质感照相机图标教程

新手向教程，雪姐姐教你用PS图层蒙版画一枚质感照相机图标，玻璃质感镜头！在上海UEgood学UI，好省快！最终效果~··1、用圆角矩形图像工具，创建一个长宽尺寸为380像素圆角矩形，半径为80像素，填充白色。2、双击圆角矩形图层后方，调出图层样式面板，添加线性渐变，上白下浅灰，90度，再添加一个比背景色深的投影3、创建一大一小2个正圆形的图形，图层样式如右边，下方大一圈的圆

产品 2016年12月29日

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

这本纪念碑谷团队出品的《完美像素使用手册》终于全剧终了！前三集我们聊了很多设计原则，第四集加了PS的操作技巧，今天完结篇继续放出60多个PS和AI的实战方法，对这类最全面，最毫无保留，最生动有趣的界面设计指南，强烈建议收藏学习。对象颜色设置形状图层和文本时，最好用对象本身的设置来改变颜色，而不是用颜色叠加。这样做的好处：一是改颜色时候不需要加载图层样式窗口，二是在图层工具栏

产品 2016年08月15日

PS教程！手把手教你绘制一组扁平化的天气图标

编者按：六月天变化莫测，今天带同学们来撸一发天气图标，包括彩虹、太阳、阴雨天和雨伞图标，教程不难，不过绘制的时候用了很多小技巧（比如绘制太阳的Ctrl+Shift+Alt+T），全是实用又酷炫的，新手拿来临摹再好不过。最终效果： 让我们开始学习吧！1. 做一个彩虹图标第一步我们开始画彩虹的最外层红色条纹。用椭圆工具（快捷键U）画一个450 x 450 px的圆，打开属性面板

产品 2016年06月08日

学会双重影像这 3 个玩法，让你的设计更有冲击力！

@飞屋睿UIdesign：近两年，重影都被大家玩High了，但其实关于重影的玩法千变万化，今天我们将分享几个双色影像的做法，可以瞬间让你的设计作品变得高大上！最近流行的渐变色设计：《PS教程！教你打造2017年最受欢迎的渐变幻彩风格》通过这一制作过程，你将主要能领会下面两点。1、怎样在形与色的维度下增加重影图像的造型魅力。2、通过操作简单的PS的调色功能（渐变映射等），改变

产品 2017年03月24日

PS 教程！30 分钟打造高格调的拟物风扇图标

@杨洋-XHM ：去年做的拟物图标临摹练习。做总结的时候看到这个作品，感觉光影依然非常漂亮。索性就把教程重新规范化写一遍，拿来跟大家分享。效果图：练习重点：这次练习主要练习光影、颜色对形体、空间的塑造，对这块运用不熟练的小伙伴，值得动手练习一下。整个教程分为【背景】【机身】【扇叶】【扇框内投影】【光-颜色】五个部分，每个部分在完成以后都进行了编组，所以你们要注意图层分组。我

产品经理 2016年10月09日

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

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

产品 2016年07月08日

PS 教程！3 小时拟物图标速成记之相机篇

@吃喝玩乐团团长：临摹过那么多拟物教程，依然不能自己动手做拟物图标？今天这篇教程包含了大量基础的拟物绘制套路，临摹完保证让你恍然大悟。前段时间做了一些拟物的练习，学习设计就是要多看，多想，多做。现在就把这段时间学习的知识用教程的方式拿出来与大家分享。效果图：长话短说，接下来就让我们沉迷学习啦~步骤一：制作背景第一步 先打开PS工具，创建一个新的文档，数值具体设置如下：宽度：

产品 2016年12月26日

PS新手教程！用蒙板绘制优雅趣味的花艺字体效果

@飞屋睿UIdesign ：最近有很多把文字与人物相融合的画面，通过彼此层叠遮挡，让文字更具立体感，画面也获得了更多的空间感。所以我想也许花朵也能和文字相结合，形成有趣的画面。这篇教程教你利用蒙板，将文字部分“嵌入”繁花中，制作出彩的融合效果。本次教程中会用到手绘板，你准备好了吗？一、找一丛你喜欢的花STEP 01要寻找主角并不那么容易，如果你自己刚好手边有一束花就再好不过

产品 2016年05月30日