- 1、本文档共15页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
PAGE1
PAGE1
Sketch基础操作
1安装与界面介绍
1.1安装
Sketch是一款专为UI/UX设计师设计的矢量绘图软件,适用于MacOS系统。安装过程简单,只需从Sketch官网下载安装包,双击并按照提示操作即可完成安装。
1.2界面介绍
Sketch的界面直观且用户友好,主要由以下几个部分组成:-菜单栏:位于屏幕顶部,提供文件、编辑、视图、插件等操作选项。-工具栏:位于屏幕左侧,包含绘图、选择、文本、形状等工具。-画布:位于屏幕中央,是设计界面的主要工作区域。-检查器:位于屏幕右侧,用于调整所选对象的属性,如位置、大小、颜色、样式等。-图层面板:位于屏幕右下角,显示当前文档的所有图层和图层组,便于管理和编辑。
2基本绘图工具使用
Sketch提供了丰富的绘图工具,包括矩形、圆、多边形、线条、手绘等,满足不同设计需求。
2.1矩形工具
使用矩形工具可以快速创建界面中的按钮、卡片等元素。选择工具栏中的矩形工具,点击并拖动画布即可绘制矩形。通过检查器可以调整矩形的边角圆润度、填充色、边框色等属性。
2.2圆形工具
圆形工具用于创建圆形或椭圆形元素,如头像、图标等。操作方式与矩形工具类似,点击并拖动画布绘制,通过检查器调整属性。
2.3多边形工具
多边形工具可以创建任意多边形,适用于复杂形状的设计。选择工具后,点击画布添加顶点,拖动顶点调整形状,使用检查器进行属性设置。
2.4线条工具
线条工具用于绘制直线或曲线,适用于界面中的分割线、路径等。选择工具后,点击画布添加点,拖动点调整线条,检查器提供线条属性调整。
2.5手绘工具
手绘工具用于自由绘制,适用于草图、图标等设计。选择工具后,在画布上拖动鼠标即可绘制,检查器提供笔刷、颜色等设置。
3图层与图层组管理
3.1图层管理
在Sketch中,每个设计元素都是一个独立的图层,图层面板显示所有图层。通过图层面板可以进行图层的重命名、隐藏、锁定、调整顺序等操作。
3.2图层组管理
图层组用于组织多个相关图层,便于整体移动、复制或编辑。创建图层组,只需选择多个图层,然后在图层面板中点击“创建组”按钮。图层组可以嵌套,形成更复杂的层次结构。
4符号(Symbol)的创建与应用
4.1符号创建
符号是Sketch中用于创建可重复使用的组件,如按钮、图标、文本框等。创建符号,首先绘制所需元素,然后在图层面板中选择元素,点击“创建符号”按钮。符号创建后,可以在其他地方插入并保持一致性。
4.2符号应用
应用符号,只需在画布上点击“插入符号”按钮,选择所需符号即可。插入的符号会自动更新,当原始符号修改时,所有实例都会同步更新,大大提高了设计效率。
4.3示例:创建一个按钮符号
//假设这是一个Sketch脚本示例,用于创建按钮符号
//注意:Sketch不直接支持代码编辑,此示例仅用于说明
//创建一个新文档
letdocument=NSDocumentController.sharedDocumentController().currentDocumentas!SketchDocument
//创建一个新页面
letpage=document.currentPage
//创建一个新艺术板
letartboard=page?.createArtboardWithName(ButtonArtboard)
//创建一个矩形作为按钮
letrectangle=artboard?.createRectangle()
rectangle?.name=Button
rectangle?.frame=NSRect(x:0,y:0,width:100,height:30)
rectangle?.style?.fills=[SketchFill(color:SketchColor(red:0.2,green:0.6,blue:0.8,alpha:1.0),enabled:true)]
//创建符号
letsymbol=rectangle?.createSymbolInstance()
symbol?.name=ButtonSymbol
//插入符号
letinstance=page?.insertSymbolInstance(symbol:symbol!,atPoint:NSPoint(x:150,y:50))
在上述示例中,我们首先创建了一个新文档和页面,然后在页面中创建了一个艺术板。接着,使用矩形工具创建了一个按钮,并设置了其颜色和大小。最后,将按钮转换为符号,并在画布的其他位置插入了该符号的实例。
您可能关注的文档
- 移动开发工程师-用户界面设计与体验-Figma_Figma的动画和过渡效果.docx
- 移动开发工程师-用户界面设计与体验-Figma_Figma的高级布局和约束.docx
- 移动开发工程师-用户界面设计与体验-Figma_Figma的团队资源库和样式指南.docx
- 移动开发工程师-用户界面设计与体验-Figma_Figma的文件导入和导出.docx
- 移动开发工程师-用户界面设计与体验-Figma_Figma的协作和评论功能.docx
- 移动开发工程师-用户界面设计与体验-Figma_Figma的颜色和文本样式设置.docx
- 移动开发工程师-用户界面设计与体验-Figma_Figma的用户测试和反馈收集.docx
- 移动开发工程师-用户界面设计与体验-Figma_Figma的原型设计和交互功能.docx
- 移动开发工程师-用户界面设计与体验-Figma_Figma入门与界面介绍.docx
- 移动开发工程师-用户界面设计与体验-Figma_Figma与设计系统.docx
文档评论(0)