首页 > 网页教程 > 设计分享 > Photoshop教程:提高IOS设计效率的30个要诀分享

Photoshop教程:提高IOS设计效率的30个要诀分享

时间:2013-02-05    来源:飞鸟分享

在本文中我(英文原作者)总结了在photoshop中设计ios软件时所遵守的方法。许多的技巧适用于一般的UI设计。注意:文中所提到的快捷键针对于Windows;Mac 用户可,Cmd对应Crtl键,Opt对应Alt键。

1.保持尺寸为偶数

你是首先针对Retina屏幕设计然后再对标准分辨率的进行缩小是吧?为了在标准分辨率下像素仍然保持完美的呈现,你需要保证大小和距离为偶数。具体的做法便是:基于2ps的网格设计。在编辑(Edit)〉首选项(Preference)〉参考线、网格和切片(Cuides,Grids&Slices)。更改网格线间隔(Gridline)和子网格(Subdivisions)来是使得网格间隔线为2px。例如:设置网格线间隔为64px,子网格为32。

tip1

2.混合模式只使用正常模式

在设置直接处于其他元素上面的图层效果时,混合模式只使用正常(例如:在混合选项中投影和外发光)。使用其他的混合模式或许在Photoshop中看起来很好,但是也可能会在在保存为PNG格式之后出现不良的效果。

tip2

3.更方便的改变渐变颜色

想要更改渐变按钮的色调(色相),而不必每次都去改变渐变的起始颜色值?下面介绍两个方法,均可达到完全一样的效果。

方法1:在渐变图层混合选项中使用颜色叠加

tip3-method1-1

方法2:在纯色图层使用渐变叠加

tip3-method2-1

译者注:上述使用了矢量蒙版,其实使用剪切蒙版也可达到相应的效果,个人认为还简单点。

4.更多的使用径向渐变

在导航条上叠加径向渐变层,让导航栏变得更为有趣。

方法1:径向渐变工具

tip4-method1

方法2:斜面和浮雕

同样也可以使用图层混合选项中的斜面和浮雕。可以按下图所示来设置。通过调整设置来达到你想要的效果。通常调整的越为精妙效果也越为好看。

tip4-method2

相关推荐
47个超级精美的Photoshop光影效果设计教程
25个惊艳而令人震撼的高品质Photoshop CS5教程
16款国外怀旧经典复古风格的照片效果PS教程
22个效果精美的PS/Corel Draw海报设计教程分享
35个精致漂亮的Photoshop背景教程推荐
25个立体质感的Photoshop网页菜单和导航制作教程分享
网页PS设计教程:手把手教你制作漂亮的商业模板
网页PS设计教程:手把手教你制作WordPress新闻博客模板
网页PS设计教程:手把手教你制作简洁风格的网页按钮
网页制作教程:用HTML和CSS创建手写书信风格联系人表单
20个超棒的photoshop网页设计教程分享
20个PSD转换为XHTML+CSS网页模板的教程分享
20个视觉效果令人惊叹Photoshop文字特效教程
高效UI设计秘笈 Photoshop CC使用技巧图文教程
PS字体教程:教你打造闪闪发光的钻石字效
动效设计:5分钟教你打造Siri式波浪动效
PS教程分享:教你绘制一枚淡雅的播放器图标
真的还是PS的?快来测试下你的观察力吧
PS合成教程:教你创建美到爆的丛林美女蝶仙分享
PS合成教程!教你打造梦幻的《花千骨》剧照海报
PS调色教程:后期高手教你轻松3步修出清新色调
PS教程:如何制作一个怀旧图章?
PS海报制作教程:手把手教你临摹一张绚丽的艺术海报
PS海报设计教程:如何临摹一张绚丽的艺术海报?
PS字体教程:创建一个极具个性化的人物文字特效
十五个用户体验设计(UI/UX)案例剖析
腾讯CDC分享QQ登录界面的banner设计过程点滴
移动终端全新界面设计语言“Metro”简析
20个精致漂亮的视频播放器界面设计欣赏及点评
浅谈界面设计中的结构设计
分享:5招助你打造更加简洁的用户界面
浅谈界面UI设计中的包容性设计
分享:360安全桌面主题设计过程及思路总结
移动应用设计的横竖屏切换中的界面设计与体验提升
国外精彩网页界面设计案例赏析
成功的视觉设计需要给用户传达四个要点

精彩推荐

热门教程