一直以来, 从“自学设计”直至如今能够独立开展UI设计, 我运用的始终是这个UI设计工具。其简洁、轻便且高效, 这是我喜爱它的缘由。但要学会并善用一个工具并非易事 , 尤其, 若你除需掌握其主要功能之外, 还需知悉有哪些插件和资源可助你更高效地达成UI设计。下面便是技匠自开始使用起所搜集与整理的相关工具、插件及资源和教程 , 期望同样能对那些Skech初学者予以助力。

工具篇

3

这款工具是用于UI设计的, 它具备简明且属于当下的特质, 其体积仅有几十M, 同其他相关工具形成对比时, 它显得极为小巧, 更为关键的是它被专门打造用于UI设计, 如此一来我就无需去留意那些和我所进行的UI设计没有任何联系的图片处理功能, 进而使得工作环境里的干扰因素得以减少, 除此之外借助其强大的插件功能, 我能够依据实际需求来进行安装并投入使用, 这显著地提升了我的工作效率。

除了Skech自身之外, 你最先要安装的工具便是Skech , 它可便捷地使你查找并安装以及管理你的插件, 此外它还能够自动去更新那些已然安装的插件。

App Store

在你把你的App发布至App Store以前, 要制作一些出色的截图放置到App的介绍里面, App Store会是你所需用的工具, 你于其中完成的设计, 能够借由它转变成好看的屏幕截图。

插件篇Craft

由（开发的插件）Craft, 可迅速采集真实用户头像, 用户名, 文章标题, 时间等数据, 将其运用在你的设计稿里。同时, 经该功能还能快速创建包含标题、头像、内容的列表项等内容。此插件能助力设计师节省大量时间。（优酷视频: 发布一款 的效率的插件 Craft）

Fluid

通过数学表达式来设置Skech中元素或组的位置约束关系这一操作, Fluid是允许你的, 这是相当实用的。

设计师能够把Skech里的导入至另外一处, 进而迅速打造出一套样式指南（涵盖之色板、元素位置限定、元素大小等）, 如此一来开发者便能极为便利地以这个样式指南为依据来加以开发, 并且实现设计的还原了。

Magic

凭借Magic, 你能够把在Skech里完成的设计, 实施图形变换, 放置于各异的实物模型之上（像是一个呈平放状态的iPad, 又或者是一个握在手中的等等）, 这对于你展开设计的展示具备极大的助力功效。

Code for

这个Skech插件, 具备这样的能力, 能够把你的设计, 十分直接地, 变成为Swift, 或者是代码哟。

SF UI Font Fixer

iOS 9的San字体具备颇为不错的可辨识度, 然而在使用它的时候却存在着严苛的条件。于其中, 你得依照Apple的使用指引精确地依据Font size在和Text两者之间对字符间距予以调整。并且SF UI Font Fixer可助力你自动开展转换。

色板能让你极为便利地去保存或者导入全局性质的色板或者文档色板，其中被推荐的那些色板对于你开展IOS设计而言同样是极具帮助的, 我们通常能够起始于一个涵盖了iOS以及Flat UI的全局色板。

Icon Fonts

Icon Fonts可使你于涵盖Font, 以及icons这些知名图标库的上千个图标里, 挑选出你所需的, 进而应用至你的设计之中。

针对你名册里的标题, 内容, 头像, 图片, 能够批量生成真实的内容, 进而借此让设计师从大批的相同种类劳动里解脱出来。

于你平常的设计里头大概会碰到诸多附带文字的按钮, 每当文字内容产生变化之际, 你就得相应地去调节按钮的宽度, 这般着实令人头疼呀。凭借了此个插件, 你仅仅需调整文字而已, 按钮便会依照预先的设定自行进行调整。

需给设计作品附上样式说明, 当设计师把设计交付给开发团队时, 如此可方便开发人员去还原设计, 能帮你为你的设计添加样式、尺寸以及元素间距等信息, 十分有效地简化了设计师与开发人员间的沟通。

Find and

倘若你有需求于众多或者layer里头同时替换某一段文字之际, Find and极为有用, 它可助力你开展批量替换举动。

Git

借助这个插件, 你能够于其中直接把你的设计作品予以保存, 而后且还能够凭借它去查看修改前后所呈现出的变化效果。

Mira: real-time while in

对于用户来说非常有用sketch软件图标，因为 只能在iOS系统中使用。

Sort Me

若是你的设计稿, 只因其中的层, 越来越多, 进而变得极为混乱之际, Sort Me能够助力你, 将一切重新排列至妥当状态。

资源篇 App

最先出现的Sekch资源站点, 设有诸多教程, 涵盖多篇文章, 还有不少插件等各类内容。

App Rocks!

一个新的资源网站，包含插件，图标sketch软件图标，教程，模板等各种资源

Skech中文网

在国内, 有个比较知名的Skech资源网站, 它里面涵盖了一些翻译方面的教程, 还有相关资源, 并且设有中文社区。

Repo

Repo包含了大量免费的高质量Skech资源。

Talk

Skech Talk是个社区, 这个社区是向使用的设计师开放的, 在那里存在着诸多设计师围绕各种方面展开的讨论。

教程篇 3

这是一套在上面的关于Skech使用的教程, 其总共是22集, 对于刚开始学习的人而言, 特别适合用来学习Skech的使用方法。（教程已经完成下载, 能够借助微信去获取）

App Icon制作教程

这是一篇非常有名的, 关于App图标制作的教程, 是上一篇。你也看到了教程的中文翻译版, 其内容为: 绘制具有立体时尚质感的IOS应用图标。

App

在上面的Skech教程系列文章, 存有五篇。作者起始于零, 引领你去体验各项关键功能, 还给出了作者自身的一些辅助工具推荐, 极具参考价值。

in

曾有一篇教程, 很棒相当出色极好, 它传授你方法, 告诉你怎样运用Skech里的各类工具, 去制作各不相同的矢量图形。

快捷键

用一个页面让你学会所有Skech中的快捷键。

The A to Z of

这是一篇教程, 它是以字母来进行索引的, 其中包含了大量的使用方法, 这些方法是基础的, 还包含了不少技巧, 这些技巧是非常实用的。

若是你同样存有自己倾力推荐的Skech资源, 那也十分欢迎于点评之际进行分享哟 ^_^。

如有侵权请联系删除！