当前位置
主页 > 产品中心 > 产品四类 >
用PS设计APP历程中革新IOS设计流程的30个秘诀
2022-05-29 05:09
本文摘要:设计是一个漫长和痛苦的历程,期间可以用点技巧来淘汰痛苦,30+ tips to improve your iOS design workflow (in Photoshop)一文总结30个实用的技巧可以借鉴和学习。————–以下为译文——————-在本文中我(英文原作者)总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。 注意:文中所提到的快捷键针对于Windows;Mac 用户可,Cmd对应Crtl键,Opt对应Alt键。

爱游戏app下载

设计是一个漫长和痛苦的历程,期间可以用点技巧来淘汰痛苦,30+ tips to improve your iOS design workflow (in Photoshop)一文总结30个实用的技巧可以借鉴和学习。————–以下为译文——————-在本文中我(英文原作者)总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。

注意:文中所提到的快捷键针对于Windows;Mac 用户可,Cmd对应Crtl键,Opt对应Alt键。1.保持尺寸为偶数你是首先针对Retina屏幕设计然后再对尺度分辨率的举行缩小是吧?为了在尺度分辨率下像素仍然保持完美的出现,你需要保证巨细和距离为偶数。详细的做法即是:基于2ps的网格设计。在编辑(Edit)〉首选项(Preference)〉参考线、网格和切片(Cuides,Grids&Slices)。

更改网格线距离(Gridline)和子网格(Subdivisions)来是使得网格距离线为2px。例如:设置网格线距离为64px,子网格为32。2.混淆模式只使用正常模式在设置直接处于其他元素上面的图层效果时,混淆模式只使用正常(例如:在混淆选项中投影和外发光)。使用其他的混淆模式或许在Photoshop中看起来很好,可是也可能会在在生存为PNG花样之后泛起不良的效果。

3.更利便的改变渐变颜色想要更改渐变按钮的色调(色相),而不必每次都去改变渐变的起始颜色值?下面先容两个方法,均可到达完全一样的效果。方法1:在渐变图层混淆选项中使用颜色叠加建立一个渐变图层。起始颜色设为浅灰和深灰色,也可以在之后调整。

为按钮建立矢量蒙版。复制矢量蒙版粘贴到渐变图层(选择矢量蒙版〉Ctrll+ C〉选择渐变图层〉Ctrl + V)设置图层〉矢量蒙版〉当前路径设置渐变图层混淆选项〉颜色叠加更改混淆模式为颜色。

现在便可以只是更改此处的颜色来更改渐变。方法2:在纯色图层使用渐变叠加用你想要的颜色,建立一个纯色的图层。

和方法1相同。和方法1相同。和方法1相同。在纯色模版混淆选项〉渐变叠加,设置混淆模式为明度(Luminosity)。

现在只是改变纯色模版的颜色即可改变渐变。译者注:上述使用了矢量蒙版,其实使用剪切蒙版也可到达相应的效果,小我私家认为还简朴点。4.更多的使用径向渐变在导航条上叠加径向渐变层,让导航栏变得更为有趣。方法1:径向渐变工具在导航条图层上方新建图层。

复制导航条图层的矢量蒙版到适才新建的图层(按住Ctrl + Alt同时按鼠标左键拖动矢量蒙版到新图层)。选择径向渐变工具(设置渐变为中心白色末了全透明)。

在图层中从中心到边缘绘制渐变。改变图层混淆模式为叠加(Overlay)设置不透明度为25%。方法2:斜面和浮雕同样也可以使用图层混淆选项中的斜面和浮雕。可以按下图所示来设置。

通过调整设置来到达你想要的效果。通常调整的越为精妙效果也越为悦目。5.更多的使用阴影变形Photoshop中阴影(任何的其他图层效果)和它对应图层可以离开。这样便可独立操作阴影。

选择图层〉图层样式〉建立图层(译者注:必须在对图层使用了混淆选项中的效果才气使用此下令,此步目的即是将效果和图层分散)。转换图层为智能工具(在混淆选项中勾选透明形状图层。右击图层〉选择转换为智能工具),这样你就可以在之后编辑效果。

Ctrl + T 选择变形。点击和拖动手柄来改变形状。

手柄不会对其网格,但可以使用网格作为参考对其他的手柄举行重复同样的拖动。往上轻移图层直到像下图效果。6.使用内发光更容易的增加精致的纹理像下图所示通过内发光快速的增加纹理。7.隐藏路径Photoshop cs6中比力恼人的一点是当你选中一个形状图层的时候形状的路径会显示出来,而且在你操作该图层的时候路径会一直存在,譬如在更改图层混淆选项的时候。

你和使用Ctrl + H 来隐藏所有的辅助工具(路径、网格线和参考线),固然你可以按Ctrl + Shift + H 只隐藏路径。8.使用对齐像素网格来使形状像素完美这算是cs6中最好的革新之一了。按Ctrl + K 打开首选选面板选择将矢量工具与变换与像素网格对其(Snap Vector Tools and Transforms to Pixel Grid)勾选。

在cs5中只有形状(没有变换)与像素网格对齐。像下图示在首选项〉通例中勾选最下面一项。

cs5中只有形状对齐9.使用电子表格来盘算缩略图的尺寸想要建立一个iPad app来展示大量的缩略图?使用电子表格来盘算缩略图的尺寸和之间的尺寸。电子表格实时的盘算并展示了在改变一个尺寸之后对其他元素的影响以及它们是否适用于屏幕。下载(iPad-Grid-Calculator)我在建立iPad app使用建立的微软Excel 表格(文件中包罗了4个表格,6×6, 5×5, 4×4 和3×3)。

10.自动导出资源文件如果你必须建立图片资源,选择文件(File)〉剧本(Script)〉将图层导出到文件(Export Layers to Files)。11.图层复制的时制止给图层名添加后缀同时制止图层效果获得扩张对每次复制图层都在图层名称后面添加“副本(copy)”的字眼很是恼火?同时恼火的是每次复制粘贴图层效果的时候图层效果就会扩张?可以图层面板选项中将两者关闭。12.以15°的步长旋转在自由旋转的时候,可以按住Shift以15°的倍数旋转。

13.生存样式生存多次使用的样式到样式面板,这样免去每次都复制粘贴的贫苦。14.在打开的两个文件之间移动图层按下V选择移动工具〉选中想要移动的图层〉在当前文件内(不是图层面板)左击不松开〉拖动光标到目的文件的名称标签上〉当文件切换之后将光标拖动到文件内,然后松开鼠标。15.设置全局光为90°当光源在90°的时候高光、阴影以及其他图层效果看起来最好。为了制止重复设置,在混淆选项中(斜面和浮雕、内发光和阴影)勾选使用全局光。

或者选择图层〉图层样式〉使用全局光。16.在你建立图层的时候你便对它举行命名在将设计文档发给开发人员之前对图层命名是件令人头痛的事情。因此不妨形成在建立图层的同时就给它命名的习惯。17.使用自界说快捷键注意哪些工具和任务是你最常用到的,为它们建立快捷键。

例如,如果你发现将一个文件发送给开发人员处置惩罚的时候你需要重命名大量的图层,我使用功效键F2作为快捷键。18.使用径向渐变使用径向渐变有时候会看起来有点扁平。试试用径向渐变作为配景,还可以用内发光来强调。

爱游戏app下载官网

19.努力做到非破坏的编辑通过使用智能工具和调整图层来做到一个非破坏性的事情流程。当你发发现自己需要重复编辑同样工具的时候这会帮你淘汰许多痛苦。20.在对文件作重大改变之前备份文件当你发现生存了自己不想要的变化,或者在打消更改之前意外地关闭了文件(译者注:这样会导致丢失历史记载),备份文件会大大淘汰你的痛苦。

爱游戏平台app下载

21.使用快捷键给形状图层和文本填色你可能知道使用Alt/Ctrl + Delete 给图层或者选区填充前景致/配景色。它同样适用于形状图层和文本。

22.Photoshop的怪异之处——投影和内阴影尺寸还记得诀窍1中关于保证尺寸和图层效果为偶数像素吗?你或许在对所有的都设置了偶数之后,仍然疑惑于为什么按钮的高度仍然是奇数。罪魁罪魁即是 Photoshop的怪异之处,投影增加了尺寸。投影的巨细(size)值设置为1px或者2px,投影将会发生同样的尺寸,如下图所示。

23.使用智能参考线来举行更为完美的对齐来让Photoshop对你的元素举行智能对齐。在视图(View)〉显示(Show)〉智能参考线(Smart Guides)处打开。一旦你使用过智能参考线,你会再也离不开它了。

24.使用图层复合在同一文件中展示差别的显示屏你是将app的所有屏幕都建立在一个PSD中然后对图层可视举行打开和关闭来检察?此时图层复合(Layer Comps)就可资助解决这个问题。勾选窗口(Window)〉图层复合(Layer Comps)即可打开图层复合面板。在你新建app屏幕的时候你可以通过单击面板底部建立新的图层复合按钮来建立一个新的图层复合。这个图层复合面板包罗了所有图层的可见性和位置作为一个屏幕(译者注:可以明白为一个快照)。

现在你便可以在同样的图层上更改其可见性和位置来作为下一个屏幕并把它生存为另一个图层复合。通过使用同样的工具去建立差别的屏幕,这样就保证了文件数量和巨细到达了最小。而且,你和开发人员可以简朴的通过单击图层复合名称前面的小盒子或者点击面板底部的往前/往后箭头来循环切换图层复合来展示差别的屏幕。25.在设备上预览你的设计你的设计桌面设备上看起来很好,可是当你放到真正的设备上或许会暴漏问题,因此,保证经常的在显示器上预览你的设计。

对Mac来说有像LiveView、Scala Preview等工具,对Windows来则有WiFileSync和Photoshop Display。我使用免费的Polkast,它允许你在IOS设备上通过wifi预览你桌面设备上的文件。

26.保持icon设计的一致性在icon的选用上要保证其巨细和气势派头一致。可以阅读Why consistency is important这篇文章。

27.给客户发送全尺寸的预览图客户许愿在他们的设备上常看设计。因此,可以思量给他们一个全尺寸的PNG设计组合。28.制止过于像素完美的线框图不要在线框图软件上浪费时间去建立一个漂亮的线框图。

我发现客户一旦明白这会节约时间他们便更倾向于审查草图而不是漂亮的线框图。向客户解释为什么淘汰线框图会节约项目的整体时间,他们一旦同意便发给他们草图的照片。同时别忘了让草图只管易读。

29.首先设计Retina屏然后再缩小到尺度尺寸是从1x(译者注:指设备像素比)放大到2x的顺序还是2x缩小到1x现在仍有争论。1x巨细尺寸的手机将会在未来几年逐渐淘汰而且未来只会剩下Retina屏的。

因此最好是从Retina屏来开始设计,同时你可以早早的便在你的设计中添加针对Retina屏的特殊细节。30.建立一个icon库任何时候你针对工具栏或者标签栏建立了矢量的icon,生存一份icon(生存完好无损的尺寸以便于编辑)到单独的PSD文件中,这样,你便不必下次再使用这些icon时随处寻找了,这样也就形成了我ikonic项目的基础。31.使用一个批量重命名的软件使用批量重命名软件来给文件增加或者移除@2x。

我使用免费的Bulk Rename Utility。


本文关键词:爱游戏平台app下载,用,设计,APP,历程,中,革新,IOS,流程,的,30个

本文来源:爱游戏app下载-www.elik.cn

联系方式

电话:0855-20754207

传真:096-862893676

邮箱:admin@elik.cn

地址:辽宁省阜新市集宁区李心大楼96号