您当前所在的位置:首页 / 新闻中心 / 产品技术
新闻中心
行业资讯
常见问题
知识百科
产品技术
推荐新闻

用于线框图和设计的Illustrator UX工作流程技巧

发表于:2019-06-01

您好,欢迎来到Adobe Illustrator中关于线框图和设计的简短迷你系列。在网络和应用程序设计方面,Illustrator可能是一个非传统的选择,但我在本系列中的目的是探索它为什么是一个很好的工具来交付和快速修改从线框到完整的高分辨率组合的各种原因。

IMG_0018

有大量的线框图和设计应用程序,它们都有好处和缺点。值得您花时间探索在线提供的众多选项 - 最终,无论对您来说最快和最舒适的事情,仍然可以胜任。对我来说,这就是Illustrator - Illustrator使得以极快的速度和精确度创建和修改复杂的几何,文本和颜色样式变得非常容易 - 而且因为我在Illustrator中做了大量的设计工作,整个线框图流程引领非常顺利地进入设计阶段。

本系列将探讨我积累的各种不同工作流程技巧,希望能够帮助您在应用程序,网站等工作时充分发挥Illustrator的潜力。在这篇文章中,我们将介绍Nudging和Direct Selection Tool。

精确,直接的运动

我们来谈谈。你会做很多这些并花费大量时间来移动它们并调整它们的大小。如果您在使用Illustrator之前可能已经意识到可以使用箭头键轻推形状。并且,如果您按住shift键,每按一次箭头键,您将移动十倍的距离。

 当您需要非常精确地移动元素时,在Illustrator中轻推非常有用。特别是一旦我们走出线框模式并且我们正在进行真正的设计工作 - Illustrator的“像素预览”模式相当挑剔,使用鼠标移动元素会频繁地将对象从像素网格中移除。但是长时间按住这些箭头键等待你的物体最终到达目的地可能会很乏味。幸运的是,有几种方法可以加快速度。

如果你确切地知道你想要移动多远 - 例如,向右移动1000px - 只需点击“v”以准备你的选择工具然后按回车键。将出现“移动”对话框,您可以键入所需的任何值,然后再次按Enter键以移动所选对象。

如果你喜欢继续推动周围的东西 - 改变轻推距离也非常容易。只需按cmd + k打开“首选项”菜单,您就会注意到键盘增量已经突出显示。只需输入一个数字值,按回车键,就可以移动了。

仅通过路径拥抱直接选择工具和对象选择

Illustrator最好的一点就是直观的群组。构建一个用户图标,点击cmd + g将形状组合在一起。将标题和副本分组。将背景图层分组并且您有一张卡片。将这些卡组合在一起,依此类推,等等。对于这些示例,我们将使用Google优秀的Material Design Sticker Sheet。

这种嵌套玩偶式组结构的问题在于,当您需要进行编辑时,重新挖掘您的组可能会很繁琐。最直接的方法是永远双击直到你最终回到你想要的对象,但这是一件苦差事。

通过“仅路径”启用“对象选择”允许您在进行选择时忽略对象周围的任何几何体 - 这意味着您可以拖动到心脏的内容,相信您只会选择您想要的对象。它类似于在轮廓模式下工作(cmd + y),但是您仍然可以获得文档的全彩色图片,并且您不必担心选择隐藏在对象后面的任何可以使轮廓模式显示的内容。

它快得多。即使您在要尝试选择的内容上有透明图层,它也能正常工作。

但是使用这个工具的真正好处在于提高你的速度 - 如果你必须打开你的偏好并且每次打开和关闭它时都用鼠标操作,你就不会节省太多时间。不幸的是,此功能没有键盘快捷键 - 您也无法在键盘快捷键面板中指定一个!(编辑>键盘快捷键或Cmd + Shift + Alt + K)

但仍有一种方法可以使这项工作。因为您可以为首选项窗格的“选择和锚点显示”选项卡设置快捷方式。我继续将它绑定到cmd +,以使其接近cmd + k,但您可以将其设置为您认为方便的任何内容。

如果您曾经使用过复杂的文档 - 许多图层,许多嵌套组或对象堆叠在一起 - 这可以为您节省大量时间! 

第一次学习Adobe Illustrator有点像被倾倒在外国城市,不知道如何说这种语言,也不知道如何找到任何东西。这取决于你逐渐弄清楚你正在做什么并且感到舒服 - 即便如此,你仍然会在几年后绊倒全新的街区。

希望今天的两个提示可以帮助您比以往更快,更精确地导航和编辑Illustrator文档,因此您可以轻松地构建和修改复杂的电线和文档。如果您有任何其他喜欢的提示或黑客,请随时在评论中发布! 

游客