重复网格的使用
在进行设计的过程中,也许会涉及到对于一个图标或者一个精心制作好的渐变图案在同个版面上进行复制重复操作,于是xd非常人性化的设置了一个操作“重复网格”,“重复网格”不仅可以实现复制的功能,还可以调整所选对象之间的间距,达到较完美的效果。
如上截图所示,选中所需要进行操作的对象,于界面右侧工具栏找到“重复网格”,点击,此时可以看到选中的对象由蓝框转变为绿框,并且框架的右侧及下方分别出现了一个小框,点击下方的小框,长按并且拖动鼠标,可以依据设计者所需要达到的效果实现所选对象的复制重复,点击两个对象之间的空白处,可以看到此时中间的空白处被蓝色填充,长按并且拖动鼠标,可以依据设计者所需要达到的效果实现对所选对象之间间距的调整。
组件的设置
在设计中,设计者若想要实现对一个小图标在多个版面中进行复制,可以使用设置组件的方式使操作简洁。
如上截图所示,选中所需要进行操作的对象,右击待出现操作菜单时,查找“组”,点击,即可将选中的对象编设置组件,也可以于界面左侧组件栏点击右侧的“+”号,实现这个操作,亦或者使用快捷键“Ctrl+k”实现此操作,此时只需要在其他版面中进行点击,即可以实现设计者所需要达到的效果。
文本的规范化
在设计中,无论是ios系统或者安卓系统,设计者都需要具备规范意识,这样才会使设计更加完美,使用xd也需要我们具备规范意识。
如上截图所示,选中所需要进行规范操作的文本,于界面右侧工具栏中查找“文本”,点击,滑动鼠标查找与所设计系统规范一致的文本类型,(如ios系统中使用“萍方字体”,若所使用的xd版本中查找不到此字体,可以选择在浏览器中下载安装。)更改完字体后,于工具栏下方对字体进行大小,字间距,行间距等更加规范的操作,具体数据参照所设计的系统要求进行更改。
渐变的设置
在设计中,为避免单一色彩的设置,可以对图案进行渐变色彩的设置,使设计更加美观。
如上截图所示,为方便设计者看的更加清楚,我们选择所需要进行操作的对象,将它设置为红色,接下来更加方便清楚地学习渐变的设置,选中所需要进行操作的对象,于右侧工具栏查找填充色彩,点击,此时我们可以看到调色板上方的“纯色”,点击“纯色”旁边的箭头,选择“线性渐变”,(“径向渐变”操作参考“线性渐变”,设计者依据所需要达到的效果进行选择),此时看到调色板上方出现一个长长的色彩框,先点击左侧,使用“RGB”模式进行色彩的调整,再点击右侧,使用“RGB”模式进行色彩的调整,即可实现渐变的设置。
阅读后的感受
这本书面向xd的初学者,非常细节,面面俱到,从对于xd的安装和卸载,到xd中各工具的功能及合理化的使用,都十分清晰的介绍给读者。
本书中特别人性化的一点就是每个工具功能的介绍之后,会有练习以及资源,这使得初学者更加深入了解并熟悉工具的使用技巧。
还有实现各种操作的快捷键介绍,这使得初学者对xd更加容易上手学习。
本书后面还有对于设计时ios系统,安卓系统,以及电脑端系统的规范化介绍,包括设计时版面中的导航栏大小,字体的大小 字间距 行间距的规范,标题 正文 注释等的字体大小规范。
对于初学者来说,这本书以最大的细致程度介绍了xd的使用以及设计规范,详细的举例引导读者自己上手操作,非常赞。