UI小白学Sketch(一)內附Sketch4.4破解版+汉化包

刚步入职场不久,运气很好,第二份工作给我配了个imac,刚开始还是用ps作图,期间也浅知Sketch,同事总说它是设计神器,最近忙里偷闲,想来把玩一番,有兴趣的小白们可以跟我一起学,软件下载地址:http://pan.baidu.com/s/1gfKM8sr

今天因为原来的sketch出了点问题,版本是4.3的,今天特意搜集了一下最新的4.4版本。整理了一下快捷键:

图片发自简书App

快捷键对于用惯了PS的我来说,真的很重要,可以节省很多时间,今天就很纠结锚点怎么编辑,后来才发现ENTER进入锚点编辑状态。

熟悉了基本工具之后,开始探索Sketch的插件,Sketch这一非常轻量级的设计工具有非常强大的插件支撑,其中主要介绍一下几种比较常用的Sketch插件:

1.Sketch Toolbox

下载地址:http://sketchtoolbox.com/


图片发自简书App

2.Content Generator(用于随机生成人名,头像,邮件,占位文字,地理位置,随机数等)

下载地址:https://github.com/timuric/Content-generator-sketch-plugin


图片发自简书App

3.Icon Fonts(用于直接在Sketch中添加FontAwesome的图标)



标注:FontAwesome是一套图标字体,主要目的是和Bootstrap搭配使用,它是可缩放的适量图标,可以用CSS对他们进行大小,颜色,阴影等修改。程序员只需下载压缩包到项目,在HTML头部head添加相应的font-awesome样式即可。



图片发自简书App

4.Sketch Constraints(通过标注父子图层间的关系,可以让Sketch设计文件中的同一套设计扩展到多种尺寸)

下载地址:https://github.com/bouchenoiremarc/Sketch-Constraints


图片发自简书App


图片发自简书App



以上信息个人学习所用,图片若有版权,可删

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,130评论 25 709
  • 我想有个自己的房子,三十平方米也好,一百三十米也好,属于我自己的就行,温暖的家,私密的空间。 每天上班下班,还要养...
    亦或沐子阅读 73评论 0 0
  • 爸爸的诊所的一个常客是个香港人林先生,他今年已经91岁了。 现在年龄在70岁以上的香港人很多都是年轻的时候从广东省...
    Hayeknz阅读 219评论 2 3
  • 设计冲刺(Sprint)是一套用于解决棘手难题的五天式流程,是战略、创新、消费行为学、产品设计等领域的“超级精选专...
    林中清露阅读 794评论 1 2