200多张 APP 【icon】 原创-设计元素及理念

01f1be58d11e71a801219c77d79ebe.png

做UI设计工作，除了好好学习并实践，这些软件也不能少

01eac76226c0b511013e8cd038d9ac.png

大厂设计师们都在使用的设计工具，早下班美美哒

Sketch Sketch是一款UI设计软件，他的软件界面主打清爽大方简洁的风格，在国内拥有一定数量的粉丝，在国外更是拥有大量的粉丝，尤其是像FACEBOOK这样大型公司也深深信赖这Sketch。Sketch也提供实时协作功能，你可以随时随地和你的团队同事一起工作。他还支持700多种扩展插件，让你随心所欲定制你的工作流程，完成做动画交互效果。

01fd4262218bdf11013e8cd0b170ea.jpg

0189a35b3f2f8da80121b994032eac.png

用Sketch软件临摹图标

0176a058e6052ca801219c77290a05.jpg

图标练习

平面设计的灵感，都在这些软件里帮你找到

017e806220f09211013e8cd057b92b.png

设计行业需要好好利用一下软件，成为大牛

015e6662383a290002c4212ce250fd.png

sketch绘制3枚锤子图标 | 附sketch源文件

0139fb58a15273a801219c7770c91a.jpg

好用好玩设计工具，产品经理用了也会偷偷爱上

Mockplus 在我看来这是一款有个性的软件，没有追求功能上的深度挖掘，而是执意改变大部分用户的习惯，把项目栏从右边移到左边！这着实很人心啊，和我挺像哈哈，投他一票！

01e86e6226e87511013e8cd03f7397.jpg

没有分组的概念 真是一点都不乱呢

0147275922ee1ca801216a3e304f07.png

四十天交互训练

互联网时代，好的软件，都会让人青睐，相信你也不例外

0178776220be9611013e8cd0654f45.png

Principle教程（四）：动效视图的运用（附源文件）

制作Group组的下滑跳动效果。在动效视图里选择Group组，然后点击蓝色条内的Default，出现选项，选择Spring模式。这个时候大家可以通过预览窗口看看大致的效果。

01f53b585fe599a8012060c8513e86.png

调整Artboard 2里命名为icon的图标组，调整为想要的最后样子。在Artboard 2里，首先选择icon组里的Layer 2,把透明度调整为0，然后选择Layer 1，把角度调整为45度，再选择Layer 3，角度调整为135度。最后调整下Layer 1和Layer 3的位置。

019fd7585fe4d2a8012060c888983d.png

018b7e576395ac0000012e7e54fe3d.png

sketch临摹写实图标

制作文字的依次出现效果。依次选择和调整动效视图里的Text4、3、2、Text,把整个蓝色条拖动到上图中对应的时间点上。这个时候已经完成整个效果的制作，可以通过游览窗口查看整个动画。

010f41585fe5aea801219c77e6deb8.png

站酷学习优秀学生

019fcc5e5c7137a80120a89560b35b.png

企业产品网站设计

激活动效视图。打开工具栏的Animate,下方出现动效视图窗口，此时的窗口是空的，这时点击两个画板上方的箭头图标，激活视图。

011708585fe4afa801219c772395aa.png

01d8265a155082a801205187fc1362.png

Driving recorders

0191465f105732a801215aa04e88a1.png

中国传统扇子文化-学龄儿童

制作动画的转场效果。选择Artboard 1,点击事件触发器（闪电图标）选择Auto，拖到Artboard 2上。

0157d0585fe469a801219c77f15d89.png

012a8f58efc8a2a8012049ef2e093b.png

无聊做了几张原型图

Sketch绘制遥控器App UI 【附源文件】

01019f58860ebea8012060c8bb82ec.jpg

0150805dde9b4fa8012159724a51da.png

心晴app-心理

作为一名产品经理，可以了解的日常使用交互原型工具

014434613daf2111013eaf70a984a9.jpg

0183df596813aba8012193a3f4a846.jpg

扁平化ui

01349c5d4a64cea8012187f40e3a96.jpg

下拉刷新动效练习 - Protopie

0161af569ba12332f87574bee8752c.png

My home page

在动效视图里调整icon组内元素的过渡时间曲线和曲线模式，让icon组的形状在两个画板之间过渡快一些。