相关分类
入门实例
文字效果
照片处理
滤镜教程
美白磨皮
图片合成
鼠绘教程
推荐教程
PS视频教程
PS作品欣赏
收费课程
飞特网 顶部通栏广告

看PS欺骗设计师视觉的四个方面

飘影发布于:2016-3-8 10:44
飘影
上海市 长宁区 
发私信 + 关注
简介: 在Photoshop中,即使看起来非常科学的对齐、同样的形状大小和色值,也可能与我们现实中感受到的完全不一样。优秀的设计师应该感受到这些细微的差别,并且懂得去纠正它们,以今天这四个方面为例,以前没注意到的同学 ...

在Photoshop中,即使看起来非常科学的对齐、同样的形状大小和色值,也可能与我们现实中感受到的完全不一样。优秀的设计师应该感受到这些细微的差别,并且懂得去纠正它们,以今天这四个方面为例,以前没注意到的同学赶紧来涨个姿势 !

  以前笔者在做设计的时候,笔者靠Photoshop和Css区分对错:如果Photoshop显示两个图形对齐了,那么他们就是对齐了;如果两个不同形状的图形大小是一样的,那么他俩就是一样大的;如果两个颜色有同样的色值 ,那么他们看起来就是一样的颜色。

  这个方法看起来很理性,但是其实是错误的工作方法。

  软件是很理性的,但是软件不能把人类感知也加进影响计算的因素中——这就是说,软件并不能理解在上下文情境中的物体和物体之间的关系,在整体视觉语言的环境下和人类如何感知物体。

  人类非理性的思维会判断物体看起来是否视觉上正确,因为我们可以看到和理解上下文环境,而这正是计算机无法做到的。了解这些细微的差异,并且知道如何调整他们的设计师才是好的设计师。很少人会注意到, 大部分人会忽略。

  下面让我们来看几个例子。

  对齐+视觉权重

  计算机没有计算视觉权重的精确方式,他只能依赖某些确定的信息,比如长宽,x/y轴坐标。作为设计师,我们需要通过一些被称之为光学调整的东西来弥补这一点。

  播放按钮的三角形是对其圆的中心吗?并不是。绘制一个辅助的长方形可以看出来,三角形的中心并不在圆形的中心。


图01

FEVTE编注更多PS教程交流讨论及PS作品提交请进入飞特论坛PS作品交流区,地址:https://www.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

  左边的按钮是中心对齐的,但是看起来却不在中间。

  颜色

  颜色的光学调整更细微。再一次重申,这是关于视觉权重和颜色何如展现。

  实心的图标和文字用了相同的颜色填充,但是他们其中的一个颜色会看起来会淡一点。

在Photoshop中,即使看起来非常科学的对齐、同样的形状大小和色值,也可能与我们现实中感受到的完全不一样。优秀的设计师应该感受到这些细微的差别,并且懂得去纠正它们,以今天这四个方面为例,以前没注意到的同学赶紧来涨个姿势 !

  以前笔者在做设计的时候,笔者靠Photoshop和Css区分对错:如果Photoshop显示两个图形对齐了,那么他们就是对齐了;如果两个不同形状的图形大小是一样的,那么他俩就是一样大的;如果两个颜色有同样的色值 ,那么他们看起来就是一样的颜色。

  这个方法看起来很理性,但是其实是错误的工作方法。

  软件是很理性的,但是软件不能把人类感知也加进影响计算的因素中——这就是说,软件并不能理解在上下文情境中的物体和物体之间的关系,在整体视觉语言的环境下和人类如何感知物体。

  人类非理性的思维会判断物体看起来是否视觉上正确,因为我们可以看到和理解上下文环境,而这正是计算机无法做到的。了解这些细微的差异,并且知道如何调整他们的设计师才是好的设计师。很少人会注意到, 大部分人会忽略。

  下面让我们来看几个例子。

  对齐+视觉权重

  计算机没有计算视觉权重的精确方式,他只能依赖某些确定的信息,比如长宽,x/y轴坐标。作为设计师,我们需要通过一些被称之为光学调整的东西来弥补这一点。

  播放按钮的三角形是对其圆的中心吗?并不是。绘制一个辅助的长方形可以看出来,三角形的中心并不在圆形的中心。


图01

  左边的按钮是中心对齐的,但是看起来却不在中间。

  颜色

  颜色的光学调整更细微。再一次重申,这是关于视觉权重和颜色何如展现。

  实心的图标和文字用了相同的颜色填充,但是他们其中的一个颜色会看起来会淡一点。


图02

  左边的图标和文字使用了相同的色值,右边的组合用了不同的色值。

  你可以发现图标的颜色细微的比文字要重,为了调整它,可以让图标颜色变浅一些,或者让文本变暗一些。


图03

  笔者建议在使用设计软件的时候,使用HSB色值代替RGB色值。好处就是可以调整颜色的明暗。

  面积

  面积是我们大脑感知物体的大小(包括文字)。如果我们用圆形和正方形来思考这个问题,一个120px长的正方形比一个120px半径的圆面积要大,如果要使他俩看起来一样大,圆的半径要稍微大一些才行。


图04

  左边的形状都是120 x 120 px,远看起来小一些。右边的圆是126x126px,面积和正方形差不多了,看起来差不多大。

  这也是一个很细微的调整,但是这很有利于整体的设计。这是对元素非常轻微的调整,上下调整1像素,可能感觉就对了。


图05

12下一页
15

好评
13

差评

刚表态过的朋友 (28 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

飘影
上海市 长宁区 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计