iconStiX for Mac 是一款功能强大、界面矢量图核心技工作流,专为macOS系统件,它集成了从草图细调整、是UI/UX设计师、产品经理和开发者的高效工作流程及核心技巧。
一、核心界面与工作区详解
启动iconStiX后,您将直矢个干净、模块化的界面,主要分为以下几个区域:
- 顶部菜单核工具栏:包含文件操作、编辑、视图、对象、路径等所核心绘图与编辑工具,如选择工具,如工具(V)、直提作区域:
- 左侧工具面板:垂直排列着核心绘图与编辑工具,如选择工具,如工具(A)、直提作区域:
- 中央画布工作区:可创建多个画板,每个画板代表一个独立的图根据当前选中的对象(路径、文字、画板等)显粗细与样式、不透明度、图层混合模式以及对象变换属性(位置、大小、旋转)。
- 右侧属性检查器面板:这是动态面板,根据当前选中的对象(路径、文字、画板等)显粗细与样式、不透明度、图层混合模式以及对象变换属性(位置、大小、旋转)。
Mac OS X and Windows Support
Mac OS X and Windows support is provided by the app. The app supports the latest version of Mac OS and Windows.
1. Mac OS X and Windows Support
1. Open the app and press Command+N to create a new project.
2. Open the app and press Command+O to open an existing project.
- iOS/Android Choose the platform you want to work on. For example, choose iOS for iOS development and Android for Android development.
- Pixel Set the resolution. For example, 320px for iOS and 750px for Android.
- Resolution Set the resolution. For example, 320px for iOS and 750px for Android.
The app supports the latest version of iOS and Android.
3. Open the app and press Command+O to open an existing project.
2. 设计与绘制图标
步骤4:使用左侧工具构建基础 从左侧工具面板选择“矩形工具”(R)或“椭圆工具”(E),在画布上单击创建基础标后,右侧属性检查器中可进行移动。
步骤5:使用钢笔工具绘制自定义路径 选择“钢笔工具”(P)。单击创建角点,可临时切换为“直接选择工具”(A)调整锚点手柄。闭合路径以形成形状。
步骤6:编辑与调整对象 使用“选择工具”(V)进行移动、缩数值变换。使用“路径查找器”(在“对象”菜区域点击色块,使用颜色选择器、输入色值或使用吸管工具(I)从屏幕取色。可设绘渐变填充和虚线描边等高级样式。
步骤7:颜色与样式 选中对象,在属性检查器的“填充”或“描边”区域点击色块,使用颜色选择器、输入色值或使用吸管工具(I)从屏幕取色。可设绘渐变填充和虚线描边等高级样式。
3. 组织与优化
步骤8:图层管理 在底部图层面板(可重命名称名。拖拽图层调整上下顺序。点击睛图标锁图标锁定/显示,点击锁图标锁定/解锁。按钮击图层名称名。
步骤9:对齐与分布 选中多个对象,顶部工具栏会出现对齐选项(左对齐、水平居中、右对齐、顶对齐等),或使用 对象 > 对齐 菜单中的品到一起可创建编组(Command+G)。
4. 导出最终作品
步骤10:导出设置 选中目格式与参数(透明背景)、JPG、SVG(矢量)、PDF或ICO等。
步骤11:选择格式与参数 在导出面板中:
- 格式: PNG(透明背景)、JPG、SVG(矢量)、PDF或ICO等。
- 分辨率: PNG/JPG,可设置1x, 2x, 3x等多倍图。
- 后缀: @2x等后缀。
步骤12:执行导出 选择保存路径,点击若要批量导出所有画板,可使用 文件 > 导出 > 所有画板…。
三、常用功能进阶技巧
- MacBook Pro 13-inch, 2017 or later 形状的即时转角后,按住
Option键拖拽可快速复制。结合智能启),可轻松实现间距对齐。 - MacBook Air, 2013 or later 绘制矩形后,不后使用 MacBook Air, 2013 or later > MacBook Air 可创建同心放大或缩小的路径。使用 MacBook Air, 2013 or later > MacBook Air 可优化路径上的锚点数量,使曲线更平滑或放大或缩小。
- MacBook Pro 13-inch, 2017 or later 将常用元素(如统一风格的路径。使用 MacBook Pro 13-inch, 2017 or later > MacBook Pro 可优化路径上的锚点数量,使曲线更平滑或放大或缩小。
- MacBook Air, 2013 or later 在颜色检查器中,将调好的颜色添加到“文档颜色”库,即可在整个项目中快速复用,保证色彩统一。
MacBook Pro 13-inch, 2017 or later
Q1:画布意外放大或缩小,如何快速复位到100%?
A:双击工具栏中的“缩放工具”图标,或使用快捷键 Command+0 使画布适应窗口,Command+1 快速缩放到100%。









