UI设计

您当前的位置:中华网考试首页 > UI设计考试> UI设计考试大纲 > 全国 > 正文

网页设计师速成作品-3图片和控件管理

分类:UI设计 | 更新时间:2018-01-25 | 来源:转载

  对图片的处理一切都要是非破坏性的,你肯定不希望添加了不可挽回的效果导致图片或者按钮再也无法被继续修改了。哪怕只犯一次,也会痛不欲生。

  不要强行拉伸和压扁位图

  如果是控件按钮等元素的话,最好用矢量形状或这形状矢量图层来做。这样拉伸时候不会出现下面错误:

  这样可以对每个图层进行备份:

  遮罩统一化

  我们如果对一组或者一类图层加同样遮罩效果,我们对组上加遮罩,而不是挨个对每个图层加遮罩

  这样整:


  别这样整:


  对齐

  对齐网格,对齐像素,对齐任何一切可以对齐的东西,做一个火眼金睛的像素眼!

  当你有一天被总监逼着撸像素对齐的时候,你那好习惯的基友已经和切完图的前端MM走在下班的路上了。

  对齐设置里使用都勾选上:


  推荐对齐神器:PS 参考线插件GuideGuide

  谨慎使用混合模式

  那个颜色是怎么得到的? 别告诉我你用了两层叠加,4个副本和16个颜色的渐变混合的啊啊啊?

  想看你一大堆混合模式造出来的颜色色值是啥很痛苦哒,简单一些吧。

  没有用图层叠加模式:


  用了叠加就很乱:


  少破坏图片图层

  不要直接使用色阶,亮度等调节

  用调整图层调节,不要直接裁切图片,用蒙板,不要直接随意缩放图片,转换为智能对象。

  让一个图片/logo需要再修改,最好的方法就是保留原图,这样未来修改的时候会方便很多。

  这是调整图层:


  不能直接修改图片效果:


责任编辑 : Jay

免责声明:

1.鉴于各方面资讯调整与变化,本网所提供的信息仅供参考,敬请以公布信息为准。

2.本网注明来源稿件均为转载稿,免费转载出于非商业性学习为目的,版权归作者所有。

3.中华网考试倡导尊重与保护知识产权,如发现本站文章存在内容、版权或其它问题,请及时联系。联系方式:QQ邮箱:2287829342@qq.com、18988787135,我们将及时沟通与处理。