联系
我们
投稿
反馈
评论 返回
顶部

内容字号: 默认 大号超大号

段落设置: 段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

干货推荐!iOS App设计流程优化大秘诀

2017-06-26 12:21 出处:互联网 人气: 评论(
曝特朗普对朝政策 人种分类 txupd 劳劳丝 snh48汤敏 失去凯登

  【PConline 设计】设计是一个漫长和痛苦的过程,期间可以用点技巧来减少痛苦。30+ tips to improve your iOS design workflow (in Photoshop)一文总结30个实用的技巧可以借鉴和学习。在本文中,笔者(英文原作者)总结了在Photoshop中设计iOS软件所遵守的方法,其中的许多技巧都适用于一般的UI设计。一起来看看译文全文:

  PS:文中所提及的快捷键均针对于Windows操作系统。若是Mac用户,则请用Cmd对应Ctrl键,Opt对应Alt键。

  1.保持尺寸为偶数

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


图01

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

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


图02

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

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

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

  1.创建一个渐变图层。起始颜色设为浅灰和深灰色,也可以在之后调整。

  2.为按钮创建矢量蒙版。

  3.复制矢量蒙版粘贴到渐变图层(选择矢量蒙版〉Ctrll+ C〉选择渐变图层〉Ctrl + V)

  4.设置图层〉矢量蒙版〉当前路径

  5.设置渐变图层混合选项〉颜色叠加更改混合模式为颜色。

  6.现在便可以只是更改此处的颜色来更改渐变。


图03

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

  1.用你想要的颜色,创建一个纯色的图层。

  2.和方法1相同。

  3.和方法1相同。

  4.和方法1相同。

  5.在纯色模版混合选项〉渐变叠加,设置混合模式为明度(Luminosity)。

  6.现在只是改变纯色模版的颜色即可改变渐变。


图04

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

  4.更多的使用径向渐变

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

  方法1:径向渐变工具

  1.在导航条图层上方新建图层。

  2.复制导航条图层的矢量蒙版到刚才新建的图层(按住Ctrl + Alt同时按鼠标左键拖动矢量蒙版到新图层)。

  3.选择径向渐变工具(设置渐变为中心白色末端全透明)。

  4.在图层中从中心到边缘绘制渐变。

  5.改变图层混合模式为叠加(Overlay)设置不透明度为25%。


图05

  方法2:斜面和浮雕

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


图06

相关阅读:

干货推荐!12个精选在线色彩搭配工具

做到脱颖而出!Logo设计的10条锦囊妙计

分享给小伙伴们:
本文标签:

更多文章

相关文章

  • 蛮便宜
  • 抠门网
  • Copyright © 2002-2014 版权所有