发布时间:2025-06-25
浏览次数:0
在《玩转第一期:初识》这一章节里,我们对于软件的功能特性、操作界面以及基础操作方法已有所掌握。本期内容,我们将聚焦于学习如何运用基本工具,这些工具主要分为线条、几何和文字三大类。
注:玩转系列教程适用于或者更高级的版本。
1.线条工具
为了便于系统掌握相关知识,我们将直线、钢笔以及铅笔等工具归类为线条工具,并对其进行逐一介绍。线条在日常生活中极为常见,在交互设计领域中也十分广泛地被应用,诸如用于分割、形状描绘等方面。
(1)直线工具
在交互设计领域,直线是一种常用的元素,我们常用它来绘制分隔线或进行标记。在软件中,我们能够通过快捷工具栏中的“线”选项,或是通过“形状”菜单下的“线”功能(快捷键为L)来迅速绘制直线。
然后,我们可以通过调整检查器的“”调整直线的粗细。
若需创建虚线,可于直线模式中点击相应设置图标,于展开的面板内调整“Gab”参数,即可生成虚线效果。直线由众多点构成,故“Gab”参数调控点与点之间的距离,而“Dash”参数则影响点的大小。二者结合调整,便能实现丰富多样的虚线样式。
在进行标记指示时,我们往往需要借助箭头来指明方向;同样地,在配置弹出面板时,只需在“Start Arrow”或“End Arrow”选项中挑选箭头形状的端点样式即可。
有时,我们更倾向于使用曲线而非直线,此时可以双击直线以进入编辑状态,然后在直线的任何部位——比如中央——点击添加一个节点,接着调整节点的位置。此外,我们还可以通过检查器中的贝塞尔曲线功能来调整直线的弯曲效果,具体包括(直角)、(镜像)、(断开连接)以及(不对称)四种模式。
最后,让我们回顾一下直线工具的操作步骤:调整线条粗细、设置虚线样式、添加箭头指示、以及实现曲线绘制。
(2)钢笔工具
在直线工具的使用中,我们能够轻松地将直线线条转变为曲线形态,而若要绘制曲线,钢笔工具则显得尤为便捷。如图演示,您可以通过快捷工具栏中的选项,或者直接按下快捷键V(即“-”),来轻松地插入连续流畅的曲线。
借助贝塞尔曲线的功能,可以对钢笔勾勒的线条进行精确调整,确保线条呈现出所需的曲线形状;这样的应用在绘制曲线图形中尤为显著,比如在制作折线图时。
(3)铅笔工具
在交互设计领域,铅笔工具的使用频率并不高,其主要优势在于能够绘制出非规律性的图案,比如个性化的签名设计。具体操作时,您可以通过图示中的快捷工具栏,选择相应的铅笔图标,或者直接按快捷键P来激活铅笔工具。
在此为大家展示铅笔工具的高阶用法,将铅笔工具的灵活性同前文所述的虚线技巧相结合,我们便能够运用铅笔来绘制散点图。具体操作步骤包括:
首先,使用铅笔工具乱画一通,有多乱画多乱,如下图所示
然后,设置铅笔工具的线条为虚线效果,即可得到散点图。
2.几何工具
格式塔理论指出,直观的整体形态更易为人类大脑所接纳。因此,在交互设计的领域里,圆形、矩形等几何图形被广泛运用,其出现频率尤为显著。
(1)圆形工具
在首期节目中,我们便运用圆形器具完成了首个艺术品,现在让我们一同回顾一番。您可以通过点击工具栏中的“椭圆”图标“Oval”来添加圆形,亦或是通过选择“形状”下的“椭圆”(快捷键为O)来实现。
圆形元素常用于制作圆环图表、圆形图标以及圆形头像(关于圆形头像的制作,可参阅作者之前发表的《基础教程:蒙版(Mask)的使用详解》一文)。如图所示,只需取消填充并调整边框尺寸,便能迅速制作出圆环图。此外,通过调整“”中的“”、“”、“”参数,可以精确控制边框的位置。
(2)矩形工具
矩形工具是使用频率极高的工具之一,诸如常见的卡片、按钮、输入框等元素,均属于矩形范畴。您可以通过工具栏中的矩形工具直接插入,或者选择工具栏中的“形状”选项,再点击“矩形”(快捷键为R)来添加矩形。
在日常生活中,我们常常需要使用到具有圆角的按钮。为此,我们可以采取两种不同的方法来实现这一效果:第一种是直接在“形状”选项中插入一个圆角矩形;第二种则是通过调整“检查器”中的相应数值来达到圆角效果,该数值越高,圆角的曲率也就越大。
(3)其他形状
其他形态可借助“Shape”符号进行添加,这类操作在日常应用中并不频繁,需根据具体需求来决定。
3.文字工具
文字工具在交互设计领域应用最为广泛,堪称独步天下,人类在漫长的历史进程中始终依赖着文字。用户可以通过点击工具栏中的“文字”选项,或者直接使用快捷键T(即工具栏中的“-Text”)来添加文字内容。
(1)文字工具的基本设置
①文字类型
文档内置了普遍使用的字体资源,当打开其他文档且原字体类型不可用时sketch outlines,系统将自动使用其他字体进行替换;若字体缺失,用户可利用系统提供的字体库进行安装。安装成功后,用户可在指定区域进行字体样式的切换。此外,用户还可以通过相应功能调整字体的粗细程度,如常规、加粗或细体等。
②对齐和宽度自适应
本工具支持四种标准的文本排列模式:左侧对齐、中央对齐、右侧对齐以及两端对齐,用户可通过检查功能进行灵活选择。在设置中,“宽度”选项若选择“自动”或“固定”,则能够确保文本框的边框与文字内容相匹配。
③间距
若需调整文字间的距离,可利用特定符号进行设定,“”、“Line”、“”分别代表字与字之间的间距、行与行之间的间距以及段落与段落之间的间距。
(2)文字工具的高级设置
点击“字重”选项旁边的相应按钮,您便能够浏览到对文字进行高级调整的相关选项。
①下划线和删除样式
如图,在“”中可以设置文字的下划线和删除样式。
②段落符号
段落符号可以在“List Type”中进行选择。
③大小写切换
使用“Text”功能能够实现将小写英文转换成大写字母,尽管这种方法并不被推荐,因为全大写的字母组合往往难以辨认,而且用户在日常中较少遇到此类大写字母的单词组合,这可能会显著延长阅读所需的时间。
(3)文字转换为图形
在创作字体或对字体进行细微调整时,我们常希望借此实现预期的广告效果。为此,借助文字转图形的功能sketch outlines,操作变得尤为便捷。只需右击文字,在弹出的菜单中挑选“转换”选项,文字便即刻转化为图形。
如有侵权请联系删除!
Copyright © 2023 江苏优软数字科技有限公司 All Rights Reserved.正版sublime text、Codejock、IntelliJ IDEA、sketch、Mestrenova、DNAstar服务提供商
13262879759
微信二维码