• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > 详解PS进行IOS设计流程的诀窍

详解PS进行IOS设计流程的诀窍

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了等相关知识,希望对您有所帮助

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

1.保持尺寸为偶数

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

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

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

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

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

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

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

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

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

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

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

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

 

4.更多的使用径向渐变

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

方法1:径向渐变工具

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

方法2:斜面和浮雕

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

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

5.更多的使用阴影变形

Photoshop中阴影(任何的其他图层效果)和它对应图层可以分开。这样便可****操作阴影。

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

 

6.使用内发光更容易的增加精细的纹理

像下图所示通过内发光快速的增加纹理。

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

7.隐藏路径

Photoshop cs6中比较恼人的一点是当你选中一个形状图层的时候形状的路径会显示出来,并且在你操作该图层的时候路径会一直存在,譬如在更改图层混合选项的时候。你和使用Ctrl + H 来隐藏所有的辅助工具(路径、网格线和参考线),当然你可以按Ctrl + Shift + H 只隐藏路径。

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

8.使用对齐像素网格来使形状像素完美

这算是cs6中最好的改进之一了。按Ctrl + K 打开首选选面板选择将矢量工具与变换与像素网格对其(Snap Vector Tools and Transforms to Pixel Grid)勾选。在cs5中只有形状(没有变换)与像素网格对齐。像下图示在首选项〉常规中勾选最下面一项。

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

cs5中只有形状对齐

9.使用电子表格来计算缩略图的尺寸

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

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

10.自动导出资源文件

如果你必须创建图片资源,选择文件(File)〉脚本(Script)〉将图层导出到文件(Export Layers to Files)。

11.图层复制的时避免给图层名添加后缀同时避免图层效果得到扩张

对每次复制图层都在图层名称后面添加“副本(copy)”的字眼很是恼火?同时恼火的是每次复制粘贴图层效果的时候图层效果就会扩张?可以图层面板选项中将两者关闭。

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

12.以15°的步长旋转

在自由旋转的时候,可以按住Shift以15°的倍数旋转。

13.保存样式

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

 

14.在打开的两个文件之间移动图层

按下V选择移动工具〉选中想要移动的图层〉在当前文件内(不是图层面板)左击不松开〉拖动光标到目标文件的名称标签上〉当文件切换之后将光标拖动到文件内,然后松开鼠标。

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

15.设置全局光为90°

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

详解PS进行IOS设计流程的诀窍,PS教程,站长图库

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

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

17.使用自定义快捷键

注意哪些工具和任务是你最常用到的,为它们创建快捷键。例如,如果你发现将一个文件发送给开发人员处理的时候你需要重命名大量的图层,我使用功能键F2作为快捷键。

18.

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 在centos下kanglephp怎么安装swoole扩展
  • 解决sqlServer使用ROW_NUMBER时不排序的方法
  • mysql数据库数据字典生成代码
  • 解决网站打开出现"SEC_ERROR_EXPIRED_CERTIFICATE"问题
  • MySQL数据库的root密码忘记该怎么办
  • 在非Laravel项目中怎么使用Validator验证器
  • Photoshop制作光滑的金色发光字
  • 推荐两款在laravel中用的markdown格式css样式
  • 基于uni-app实现图片上传JS插件
  • 对英文网站优化的总结和长尾关键字的技巧运用

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • Photoshop从零开始设计漂亮的网页模板
    • Flex中对表格中某列的值进行数字格式化保留两位小数
    • 详解Composer+Git怎么创建 “服务类库”
    • Thinkphp5整合结巴分词实现网站模糊搜索
    • 宝塔linux面板之​一键安装ffmpeg命令
    • Photoshop制作甜美质感的宝石艺术字教程
    • vue+flask实现视频合成功能(拖拽上传)
    • PhotoShop打造抽象几何时尚美女海报制作教程
    • PHP正则表达式字符如何转义
    • 关键词优化原创总结

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有