移动UI设计师必备利器 —— Sketch

移动UI设计师必备利器 —— Sketch_第1张图片
一年前接触移动UI设计,后来在网上找到一个叫Sketch的软件,由于有一定PS基础所以上手很快。今天就自己对Sktch的认知分享给大家,希望能一起学习讨论进步。

首先看一下Sketch那些让人爱不释手的功能特点:

一、简单的软件UI界面

移动UI设计师必备利器 —— Sketch_第2张图片
让你快速的找到自己想要的工具,学习使用这个软件只能说得心应手!

二、多页面同时设计

移动UI设计师必备利器 —— Sketch_第3张图片
对整体的风格把控更直观。再也不用一个个的打开关闭PSD文件了,大大大大提高了工作效率!

三、多套icon同时输出。

1、IOS图标需求:

@2x二倍图标用于iPhone6Plus以下的设备;

@3x三倍图标用于iPhone6Plus。

2、Android图标需求,Android主流分辨率有以下3种:

@1x一倍图标用于hdpi 800*480px;

@2x二倍图标用于xdpi 720*1280px;

@3x三倍图标用于xxdpi 1080*1920px。

移动UI设计师必备利器 —— Sketch_第4张图片
多套图标同时输出,大大大大提高了工作效率!

四、贴心的历史纪录

移动UI设计师必备利器 —— Sketch_第5张图片
移动UI设计师必备利器 —— Sketch_第6张图片
一个最近版本,一个全部历史版本,按照时间的顺序排列着,只要你有需要就能找回来。

Sketch的这个功能占据了电脑很大内存,关于如何清理之后再讲吧,我最近写了几篇小白教程,整理好了就发布。

五、强大的插件

Sketch提供了很多简单好用的插件,专门服务于APP设计,比如:测量工具、快速填充图片、快速整理画板等等。

小结:

Sketch 是一款轻量、易用的矢量设计工具。让UI设计更简单,更高效。

矢量绘图也是目前进行网页,图标以及界面设计的最好方式,有些领域Sketch 完全可以替代 Adobe Photoshop,Illustrator 和 Fireworks。

个人使用感悟:做APP设计,效率能甩PS几条街!而且源文件又小又少,一个版块只需要一个源文件,工作交接很方便。目前也只有做Banner和需要处理图片时才打开PS。

注:Sketch 并不是一个位图编辑应用。如果你想修正一张照片或者用笔刷来画画,那么这不是你要找的应用。

有图有真相

下面是我工作中的一些文件截图

移动UI设计师必备利器 —— Sketch_第7张图片
界面设计
移动UI设计师必备利器 —— Sketch_第8张图片
Icon切图
移动UI设计师必备利器 —— Sketch_第9张图片
交互文档

如有问题可添加微信biudesign,一起交流学习。

你可能感兴趣的:(移动UI设计师必备利器 —— Sketch)