0180f258cf4713a801219c7748abee.jpg

帮新加坡某社区做的app-ui

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

0139fb58a15273a801219c7770c91a.jpg

01836b5e0df489a80120a895d4f7dc.jpg

UI/UX - Todo App

018dd25ac458afa801212573fcaaa8.png

Hotel app

01d69458d69b36a801219c77c46a33.png

移动端ui

产品经理原型设计UE用户体验流程图

01610c625108450002c4212c6e73a0.jpg

从业五六年的经验直说，这些软件好用到爆

01afd1620905bf11013f01cdf7fc0d.png

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

01eac76226c0b511013e8cd038d9ac.png

01c11855430af80000019ae99f1549.jpg

sketch 学习

018e7f581c65a3a84a0e282b3e2929.png

100个app

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

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

01fd4262218bdf11013e8cd0b170ea.jpg

012a03554296950000019ae9cbd0b8.jpg

临摹icon

4.ICON系统-2.运用/一键修改ICON的颜色

018dbd5f0944a0a801206621950e79.gif

设计系统的建立

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

017e806220f09211013e8cd057b92b.png

01bef96391c0a7000e721000360906.jpg

APP界面

01af2e58d69ac7a801219c778f5da1.png

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

01019f58860ebea8012060c8bb82ec.jpg

017f4e620905c111013e8cd09b42b3.png

01de295ac458a9a80121257378178d.png

01bec060ae17d711013f4720f464e4.jpg

电子商务app应用UI套件

0165e057f8a9eaa84a0d304fd68dc1.png

动效小练习(附Principle源文件)

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

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

01e86e6226e87511013e8cd03f7397.jpg

Principle教程（三）：联动视图的运用

时间节点在-340的位置时，选择蓝色形状图层，然后在联动视图里点击X轴栏下的“+”号图标，选择“Opacity”（透明度），把检查器里的透明度改为“0”，然后拖动时间线到节点“0”的位置时，检查器里的透明度改为“100”，最终的预览效果是，当青色卡片在中间时，右边的蓝色卡片消失，向左边移动时，蓝色卡片会渐变出现。

01fab758568acca8012060c868f959.gif

选择青色形状图层，打开联动视图，点击X轴栏下的“+”号图标，选择“Opacity”（透明度），在时间节点“0”的时候，检查器里的透明度改为“0”，鼠标拖动时间节点到-340的位置将检查器里的透明度改为“100”，最终的预览效果是，当蓝色卡片在中间时，左边的青色卡片消失，向右边移动时，青色卡片会渐变出现。备注：鼠标移到时间节点区域上，按住键盘空格键+鼠标点击可以左右拖动时间线区域。

01844258568a05a8012060c8125a33.gif

0134385617162832f875313d7ebe43.png

模仿 sketch icon  

Principle教程（二）：静态、拖拽、滚动、翻页（附源文件）

0149f9584d7c11a8012060c8c36f74.gif

微信uikit-sketch-微信原生样式设计库-微信设计组件-微信企业-微信号公众号网页设计组件