UI设计 不像平面设计那样随性, 期间可以用点技巧来减少痛苦。

1. 设置网格线 保持像素完美

不在1:1分辨率下也能保持像素完美,可以通过创建网格线来避免虚边的出现。 编辑>首选项>参考线、网格和切片 保持尺寸为偶数。

例如:设置网格线间隔为64px,子网格为64

使用网格在画图形时会自动吸附,不是1:1状态下也可以画出完美像素。

2 .智能对象和路径的变形

(1)将图层转换为智能对象(右击图层>选择转换为智能对象),这样可以在之后编辑效果。

(2)Ctrl + T选择变形。

(3)点击和拖动手柄来改变形状。

例题1

例题2

3. ps cs6 隐藏路径

Photoshop cs6中比较恼人的一点是当你选中一个形状图层的时候形状的路径会显示出来,并且在你操作该图层的时候路径会一直存在,譬如在更改图层混合选项的时候。

和使用Ctrl + H 来隐藏所有的辅助工具(路径、网格线和参考线),当然可以按Ctrl + Shift + H只隐藏路径。

4. 使用内阴影更容易增加精致感

5. 保存样式

保存多次使用的样式到样式面板,这样免去每次都复制粘贴的麻烦

6.以15°的步长旋转和10像素的移动

在自由旋转的时候,可以按住Shift以15°的倍数旋转。移动时以10像素移动。

7. 设置全局光为90°

当光源在90°的时候高光、阴影以及其他图层效果看起来最好。为了避免重复设置,在混合选项中(斜面和浮雕、内发光和阴影)勾选使用全局光。

8. 创建图层的时候你便对它进行命名

将设计稿发给重构之前对图层命名是件令人头痛的事情。因此不妨形成在创建图层的同时就给它命名的习惯。

9. 使用径向渐变

使用径向渐变有时候会看起来光达不到你想要的大小。试试使用角度和缩放来调整达到你要的效果。

还可以用鼠标拖动光圈的位置

10. 避免图层名添加后缀和图层效果扩张

每次复制图层都在图层名称后面添加“副本”的字眼很是恼火?

同时恼火的是每次复制粘贴图层效果的时候图层效果就会扩张?

可以图层面板选项中将两者关闭。

11. 努力做到非破坏的编辑

通过使用智能对象和使用形状路径工具来画图做到一个非破坏性的工作流程。 当发现自己需要重复编辑同样东西的时候这会帮你减少很多痛苦。

12.使用图层复合在同一文件中展示不同的页面

你是将所有页面都创建在一个PSD中然后对图层可视进行打开和关闭来查看吗?

此时图层复合就可帮助解决这个问题。

勾选窗口>图层复合即可打开图层复合面板。

13.奇怪的投影尺寸

Photoshop的怪异之处,投影增加了尺寸。投影的大小值设置为1px或者2px,投影将会产生同样的尺寸。

14 .使用智能参考线来进行更为完美的对齐

让Photoshop对你的元素进行智能对齐。 在视图>显示>智能参考线处打开。一旦你使用过智能参考线,你会再也离不开它了。

15. 在对文件作重大改变之前备份文件

当你发现保存了自己不想要的变化,或者在撤销更改之前意外地关闭了文件,备份文件会大大减少你的痛苦。

16. 双屏时调整同一个psd

在双屏时不同的屏会有色差,可以通过双屏打开同一个psd来对比调整。

打开一个psd后,选择窗口>排列>为”XXX.psd“新建窗口。

17.创建一个icon库

把你针对工具栏或者标签栏创建了矢量的icon,保存一份icon(保存完好无损的尺寸以便于编辑)到单独的PSD文件中,这样,便不必下次再使用这些icon时到处寻找了。

提升UI设计效果的技巧有哪些?

1、以结果和目标为导向来撰写文案

撰写文案的时候,始终以导向结果和目标的方式来撰写,在结构上,尽量以指向目标的关键词置于文案靠前的部位,这种方式能够帮助用户尽量清晰快速地理解要做什么,减少发生错误的可能性。

2、确保投影的光源方向是一致的

虽然投影在 UI 界面当中是相对不那么显著的元素,但是当投影效果不统一的时候,也容易让人感到迷惑。在投影的设计上,经常出现的错误之一就是不同元素的投影角度、方向、距离不一样,尽量让投影的方向角度是一致的,确保整体体验和视觉逻辑的统一。

3、多用清晰的留白来实现视觉层次结构

清晰的留白是呈现视觉和排版层级的关键,将文本按照信息层级的重要程度进行排布之后,根据相关度进行分组,这个时候,留白就显得非常重要了。组内的文本保持接近,而不同的组之间的的留白要足够多,确保呼吸感,但是不能距离太远,否则不容易快速扫视阅读。

4、为段落选择合理的宽度

在处理阅读的可读性的时候,有很多讲究,不仅行高和间距要平衡,也要控制段落的宽度来贴合用户的阅读习惯和节奏。

通常在西文为主的排版中,认为每行 45 到 75 个字符是一个特别适合阅读的宽度,这种限制让每行不会太长,足以呈现,但是也不会在扫读过程中迷失。

5、在空状态页面中给用户提示操作

空状态是很多 UI 界面和流程的基础组成部分,甚至很多时候就是初始状态。空状态是告诉用户新功能、帮助用户发现新功能的一个重要的渠道。不要让用户在空状态下真的「空转」,而是引导用户去做有意义的事情。

6、根据文本的x高度来设置行高

在西文当中,小写字母x的高度被称为「x高度」,x高度决定了通常文本的视觉高度,基于文本的x高度来计算行高和行间距是最合理的基础。x高度越大的字体,行高需要适当调整得越高。在中文当中通常不存在这样的情况,不过中文当中,行的宽度会影响到行高,通常每行字数越多,行高需要相应的更高一些,确保可读性。

ps软件优化有哪些技巧

ps软件优化有哪些技巧

作为一个UI设计师,我经常和那些尺寸并不大却有着N多图层的图像作斗争,我会告诉你我个人是如何设置PS的各种功能选项,当然也会有一些针对大尺寸图片和摄影的小建议。

通用

让我们从一些通用小提示开始吧,无论你使用PS做什么,这都会有益于你的工作效率。

文件的大小和尺寸

工作中我使用最多的文件格式是PSD,为保证图像的兼容性,Adobe对PSD文件的大小限定为最大2G。

如果PS开始变慢,文件大小就是第一件值得去检查的事儿。小主太胖了,会跑不动的,要及时注意小主的体重哟!

如果你的应用每一屏都在同一个psd里,文件大小可以快速地确立,尤其是你开始添加图层组合的时候。Photoshop CC 14.2版本以来,我们更多地应用“链接到智能对象”这个功能。这些功能可以让你的应用打散成一些组合文件,在长期的更新过程里,减少了很多麻烦。我已经在我的工作中开始使用这些方法,这样不仅让使用PS的过程变得十分顺手,也让我可以更加灵活地设计应用的每一屏。

Adobe对于其他其他文件类型也设置了一些限制:没有文件可以大于300,000 x 300,000像素PDF我文件不能大于10GB。但如果是使用Photoshop的大型文档格式则不需要担心,因为文件大小限制为4 EB。

EB是啥概念呢?简单说来:

1024TB=1PB

1024PB=1EB。

这要是出现EB级别的硬盘,有多少高清素材都能放得下了!

效率指示器

想要知道你正在编辑的PSD使用了多少系统的资源,有一个十分简便的方法。

在PS工作区的左下角有一个指示器,可以显示当前工作区内打开的文件的各种信息。默认是显示“文件大小”,你可以看到类似“文档:12.5M/384.5M”的字样。点击右边的“▶”,就可以按照你喜欢的方式改变显示的信息,包括“效率”这一项。

现在,指示器会显示像这样的字样:“效率:100%”。如果显示的数值低于100%,就意味着没有分配给PS足够的内存,PS开始调用磁盘空间来支持运转,这时候,当然运行速度会变慢。

如果你看到指示器上的数值低于90%了,你应该给你的PS分配更多的内存。关于这个,我们在后面详细讨论。

如果你是使用全屏模式工作的,指示器会被藏起来。不过,我们还是可以通过信息面板来观察到这些信息。

这里有两个简单易行好操作的方法,可以解放你的内存,让电脑飞起来!

1. 清理“还原”、“剪贴板”和“历史”

方法:编辑→清理→全部

2. 关闭所有你现在不用的文件。

友情提示:清理这个功能,像大屠杀一样简单粗暴但是有效,这是一个不可逆转的操作。如果你觉得你会把你的稿子改回之前的样子,那么只需要清理你的剪贴板就好!

Mac OS X – Mavericks的用户:禁止App Nap功能

当PS在后台运行时,你会感觉到程序运行得越来越慢,尤其是使用了大量的自动任务或动作时。罪魁祸首就是Mac OSX 10.9版本中推出的这个App Nap的功能。这个功能并非一无是处,它的存在主要是为了在运行多个任务时,提高电池的续航能力。原理呢,是这个样子滴:如果应用程序隐藏在其他窗口后面了,这个程序就会“小睡”一下,放缓运行,节约系统资源。但这并不是我们使用PS的时候希望看到的。

但是,为了PS小主,我们有以下几种方式可以轻松地解决掉这个“小睡”功能:

1. 在Finder里右键单击PS的小图标

2. 选择“显示简介”

3. 检查一下“AppNap”功能是否被打了勾勾。

搞定收工等盒饭啦~!

禁用缩略图功能

当你在你的PS中对你的文档动手动脚的时候,PS会立刻将缩略图更新到你现在工作区里的样子,这种实时的计算,也会拖慢PS的速度哟!

我是经常禁用掉缩略图这个功能的,因为这意味着我要更多地去看窗口里的图层,个人是觉得这样更好。而且如果你要编辑的PS文件是拥有超多图层的超大文件,关掉这个功能,你会觉得你的机器跑的更加流畅,一口气上五楼,不费劲儿!

我觉得,基本上看文的各位都有过这样的经历:当你挪动图层的时候,图层跟不上你的鼠标箭头,画面上看起来他们是在短暂的延迟后瞬移过去的。但是在使用键盘控制画面位移的时候,这种情况就要好得多。

这个时候,赶快想起禁用缩略图这个功能吧!它绝对是改善这个糟心状况的神兵利器!

操作步骤是这样滴:

1. 在图层窗口右上方的'小角落里找到“☰”按钮,然后戳醒它

2. 找到“面板选项“

3. 在“缩略图尺寸“这一项中,选择“关闭“

又一次搞定收工等盒饭啦~!

Photoshop性能偏好设置

这是一个神奇的设置窗口,你可以在这里最大限度的在这里决定你的PS的奔跑速度,具体的设置取决于你平时都用PS来干嘛,无论是编辑照片还是UI设计,都可以让你感觉到你的PS洗心革面重新做人了!

我现在使用的是:15寸Retina屏幕MacBook Pro,内置2.4GHz Intel Core i7处理器,8G内存,Nvidia GeForce GT 650M显卡。我要展示的设置是根据我的机器进行的,你肯定是要根据自身机器配置再来重新考虑调整设置的!

好啦,话说了这么多,我们念起魔咒:“吧啦吧啦卟~吧啦吧啦嘣~PS,变身!“

变身入口:菜单栏→Photoshop→偏好设置→性能

内存使用情况

关于内存我想说,这个道理非常简单,你分配给PS越多的内存,PS就会跑的越快!

这里你可以控制给PS分配多大的内存空间,默认情况下是70%。如果你的内存要小于4G,那我强烈建议你使用32位的PS,这样可以避免内存不足。

我对于PS的专宠体现在内存的分配上,我分给了PS小主98%的内存空间,这对于我工作起来的时候刚刚好,剩下的内存足够运行Slack和Airmail。尽管这样的分配对于你来说可能不够合理,毕竟分给PS太多的内存了,运行其他程序的时候电脑可能会出现卡顿,也可以从95%开始,然后慢慢去摸索PS和其他程序之间的平衡,最终找到适合你的设置。

可乐橙是个热爱观察的人,在工作中时常能发现一些问题,并积极思考解决方法。当然,这些收获,我是相当乐于分享出来的:

工作总是分心?一会儿刷微博一会儿逛淘宝?可乐橙教你高招,鱼死网破式:把PS的内存占用调高到80%,这样PS里面快得灰起来,PS外面卡得像春运一样。于是,你得到了救赎。

关于可用内存:值得注意的是这不是你电脑内存的全部,是除去操作系统运行的基本需求以后剩下的部分。

历史和缓存

历史和缓存的设置完全取决于你是如何使用PS的。根据你的工作流程和习惯来优化这些设置,这很重要!

1. 小而繁还是大而简?

小而繁:如果你和我一样,工作时的文档都是小尺寸又拥有超多图层,你可以将你的缓存级别(Cache Level)设置成2,然后拼贴尺寸(Tile Size)设置成128k。

大而简:如果你是一名摄影师,经常编辑尺寸颇大且图层很少的图片,那么以下设置会更适合你。这时候要把缓存级别设置成6,拼贴尺寸设置成1024k。

默认值:如果你并不确定或者你是个PS大大大大牛,以上两种使用场景都是你的常用场景,那么就使用默认值就好了。

2. 什么是缓存级别和缓存切图尺寸?

缓存级别设置会让PS保存一个当前文档的低分辨率的版本,这样在绘制高分辨率版本的时候,软件的响应速度会更快。如果你都是和一些大尺寸、图层少的图片作斗争,可以考虑把缓存级别设置为8。鉴于我个人的工作内容,我的设置是2哟。

PS处理数据的时候是“一块一块“处理的,缓存拼贴尺寸设置决定了PS在处理数据的时候是以多大的空间作为单位处理的。如果使用的时候经常有复杂的操作过程,大一点的尺寸会让PS运行得更快,也会使屏幕上的显示相对慢一点。再次声明,这两项要因地制宜地设置。

历史

每次你改变你的文档的时候,PS都会保存一下,这样你就可以去撤销一些步骤,历史状态的数值设置本应该是你之前操作的所有步骤,无论有多少。但是如果真的每部都保存下来,你的磁盘空间就岌岌可危,而且当磁盘空间不足的时候,也会影响PS的性能。

默认情况下,历史会保留你最后20步操作。对我而言这是万万不够的!我喜欢给自己留更多的后路,让我的设计有更多的回旋余地,所以我把历史步骤设置成保留最后100步。

缓存磁盘

缓存磁盘是在系统内存不足的时候,提供给PS一个临时的缓存空间。所以,这个磁盘的转速越快越好,理想状态下,应该是一块固态硬盘。工作中会处理很大的图片的亲们,推荐你们好好设置一下缓存磁盘,这样可以让你的PS运行得更加流畅。

图形处理器的设置

恰当地使用图形处理器可以提升PS的性能,检查一下性能设置的窗口,确保已经选中“使用图形处理器(Using Graphics Processor)“。

点击GPU设置面板上的“高级设置(Advanced Settings)“,有三个选项,还有选项的优缺点说明,可以根据自己的情况,选择符合自己使用习惯的选项。在“高级”设置中有绘图模式,这个最适合我啦,如果感觉到绘图时软件运行不够流畅,可以尝试其他的设置。

这些方法帮助UI设计新手快速掌握PS软件!

1、牢记各种操作及快捷键

要想在最短的时间内掌握PS,首先要了解PS中的各种操作指令以及快捷键所能实现的功能。这个过程你可以通过观看视频总结记忆,也可以跟着专业的老师进行学习,深入了解。

2、勇于尝试、不断练习

在学习PS的过程中,一定要“勇于尝试”。在使用PS的工具或命令时,我们总能看到很多参数或者选项设置。我们一定要动手尝试,比如随意勾选一个选项把数值调到最大、最小、中档,分别观察效果移动滑块的位置,看看有什么变化等。

3、有区分、有重点的记忆

PS的功能非常强大,想要把每个功能都熟掌于心很难,所以我们要抓住重点,快速学习。比如:PS中的选取、图层、蒙版是我们今后工作中经常使用的操作,那在我们有了基础后,那就要抓住这几个重点进行快速学习,先把重点搞清楚,再学习其他内容。

当然,想要更好的掌握PS的使用,你还要注重提高自己的手绘素描技术以及审美。通过参考别人的优秀作品、借鉴其优势并慢慢融入自己的知识体系,你就可以算是精通PS了。对于AI、AE等软件工具的学习同样适合这样的学习方法。

以上就是青藤小编关于UI设计新手学习软件的相关分享,希望对大家有所帮助,想要了解更多UI设计相关内容,欢迎大家及时在本平台进行查看哦!