UI设计 帮你迅速上手SKETCH的10个技巧

所属分类: 平面设计 / 平面其它 阅读数: 388
收藏 0 赞 0 分享

当你使用习惯了一个软件后,重新学习一个新的软件我知道你的内心总是抗拒的,它打破了你的舒适区。重新学习是件花费时间和精力的事情,就像这个SKETCH,可是你不知道一旦学会了使用,他会给你带来多大的效率提升,许多UI设计师看了Sketch说明后,都对它有点动心了。不过软件还木有摸熟,动起手来不太习惯。今天我们收集了10个特别适合新手的Sketch小技巧,正在学习Sketch的同学,提升时间到咯。

1. 学会“Insert”的快捷键

UI小课堂!帮你迅速上手sketch的10个技巧

什么是你在设计中最常用的?创建一个新的Artboard A,插入文字T,创建一个矩形R或者椭圆形O。

2. 用正确的方式缩放

缩放到100%:⌘CMD+0;

查看你画布全部的设计:⌘CMD+1;

缩放特定的对象:选择对象然后按下⌘CMD+2。

UI小课堂!帮你迅速上手sketch的10个技巧

UI小课堂!帮你迅速上手sketch的10个技巧

3. 滚动

在没有触控板的情况下如何横向滚动? 使用⇧Shift+滚轮。

4. 隐藏/显示sidebars

如果你在一个小的屏幕上作业,你可能需要隐藏左右两边的图层面板(Layer-List-sidebar)和右侧的工具面板(Inspector Sidebar),使用⌘CMD+⌥Alt +3。或者只隐藏左侧⌘CMD+⌥Alt +1,隐藏右侧⌘CMD+⌥Alt +2。

UI小课堂!帮你迅速上手sketch的10个技巧

5. Presentation mode(全屏模式)

按下⌘CMD+.可以进入”Presentation” mode(全屏模式),将会让你的作品全屏展示。

6. 标尺

按下Ctrl+ R你可以显示或者隐藏标尺。在标尺上双击可以添加参考线,将参考线拖到最左侧或者最右侧就会将其删除。

UI小课堂!帮你迅速上手sketch的10个技巧

UI小课堂!帮你迅速上手sketch的10个技巧

7. 移动对象

Sketch中我最喜欢的功能是,能够通过按下⌥Alt来查看对象间的margin值(CSS属性)。

你如果需要查看选中对象到其他对象间的margin值,你只需鼠标移到那个对象上即可。

UI小课堂!帮你迅速上手sketch的10个技巧

使用方向键你可以移动选中的对象1px,如果在按着⇧Shift则可以每次移动10px。

8. 在移动的时候查看margin值

在移动的时候按下⌥Alt即可查看对象的margin值。

9. 改变对象尺寸

按下⌘CMD+方向键可以改变对象的尺寸,同样的按下⇧Shift+⌘CMD+方向键可以每次10px的改变对象的尺寸。

10. 为对象命名和建组

当你的设计项目很大的时候,你会发现给对象命名和建组会很有用。

每次我创建新的对象的时候我机会按下⌘CMD + R,为其名一个有意义的名字。

建组则可以使用⌘CMD + G。

UI小课堂!帮你迅速上手sketch的10个技巧

11. 资源

可以在http://www.sketchappsources.com/上查找免费的资源。

12. 复制对象

如果你不想使用⌘CMD + C和⌘CMD + V来复制对象,你可以使用⌘CMD + D一步到位。

如果你不想复制后的对象在同样的位置,你可以在此设置。

Screenshot-2014-07-15-23.14.42

更多精彩内容其他人还在看

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多