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

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

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

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

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

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

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

  对齐+视觉权重

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

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


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

  颜色

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

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


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

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


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

  面积

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


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

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


  注意Didot字体的上部下部的曲线是怎么变化的,在字高之上,落到基线之下。在这7个字母上都有体现。

  在字体设计上亦是如此。带有弯曲弯曲字母的上升或下降是在大写字高、基线等之上。如果你用garamond字体写了一行字,然后画一条基线,一条字高线,你可以看见弯曲的笔画时垂直于这些县的。如果没有超过,单个字符会显得比旁边的字母要小。

  大写文字

  最后,有一个视觉调整是必要的:如何排放大写文字和普通的大小写文字。大写文字比普通的文字要突出的多,需要调整来达到视觉平衡。


  上面的大写文字似乎比旁边的普通文字要大,下面的大写文字调整了2像素,让他们看起来一样大。

  除非目的是让大写的文字更佳突出,大写文字应该始终减少几个像素,例如16px减少到14px,或者12像素减少到11像素。

  当在做大型项目的时候,每一个细节的设计会叠加起来影响整体的设计。好的设计需要我们对细节的关心。

  一旦他们称为工作流程的一部分,文字大小减少2像素,或者轻移三角心10个像素让他去到合适的位置,就是这种细微的调整会让设计看起来更完美。


  电脑或者人工智能无法完全理解设计的上下文情境,所以他们不能做出准确的调整而设计师却可以。直到有计算机能对设计情境中分离出来的独立的组成部分做出合理的判断,我们都不能只是依赖计算机给予我们设计的解决方案。我们不能依赖计算机告诉我们所有的想法,我们可以依赖我们的眼睛和我们的直觉。设计师在日常工作中磨练自己的直觉,所以我们信任我们的直觉,即使计算机告诉我们相反的答案。

分类:

  • PS入门教程
时间: 2025-01-02 09:09:13

来看PS欺骗设计师视觉的四个方面的相关文章

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

  在Photoshop中,即使看起来非常科学的对齐.同样的形状大小和色值,也可能与我们现实中感受到的完全不一样.优秀的设计师应该感受到这些细微的差别,并且懂得去纠正它们,以今天这四个方面为例,以前没注意到的同学赶紧来涨个姿势 ! 以前笔者在做设计的时候,笔者靠Photoshop和Css区分对错:如果Photoshop显示两个图形对齐了,那么他们就是对齐了;如果两个不同形状的图形大小是一样的,那么他俩就是一样大的;如果两个颜色有同样的色值 ,那么他们看起来就是一样的颜色. 这个方法看起来很理性,

Photoshop四个欺骗设计师视觉例子分享

给各位Photoshop软件的使用者们来详细的解析分享一下四个欺骗设计师视觉的例子. 分享一览: 在Photoshop中,即使看起来非常科学的对齐.同样的形状大小和色值,也可能与我们现实中感受到的完全不一样.优秀的设计师应该感受到这些细微的差别,并且懂得去纠正它们,以今天这四个方面为例,以前没注意到的同学赶紧来涨个姿势! 以前我在做设计的时候,我靠Photoshop和Css告诉我对错:如果Photoshop显示两个图形对齐了,那么他们就是对齐了;如果两个不同形状的图形大小是一样的,那么他俩就是一

用PS制作流行的韩版四方格头像

  用PS制作流行的韩版四个头像,版本CS5.下面就为大家介绍一下,一起来看看吧! 方法/步骤 首先新建一个文件,按图中的尺寸,长宽一样,在此之前要先准备好待会要拼一块的四张图片,尽量色调差不多,不是正方形也没关系. 新建好之后置入第一张图片,如图一 然后把图片调小一点,调整的同时摁住shift键,防止图片比例变掉,调小之后摁一下enter键确定. 接着在屏幕的右下角有一个图层的窗口,背景上面这一图层就是置入图片的图层,点击右键,选择"栅格化图层",以便后面图片的调整. 按置入第一张图

PS台湾设计师教你快速制作圆形渐变图标

  @Akane_Lee :看到有人问这种圆型 icon 要怎么做,觉得很有趣稍微思考一下原理,做了个简易快速版本.比不上原版精致.只是记录思考方式. 中间的渐层色 画一个圆,设图层样式,角度. 凹进去的部份 其实是用迭的,再画一个半圆,设内阴影. 中心 画一个圆,用图层样式设定,一层就能解决厚度和高光问题. 外框 用形状工具.重迭两个圆画出圆环.同样用图层样式设定,一层就解决厚度和高光. 阴影 复制需要阴影的那个图层.高斯模糊,复制一层略缩小85%,调整透明度和重迭部份,阴影会比较立体.共有外

PS教程:教你四步将真人照变为GTA5风格

[PConline 教程]今天的教程效果超级棒,得益于两款逆天的滤镜,实现起来非常简单,就算是很平常的相片,也能分分钟变成侠盗猎车 5的惊艳效果,不信,你看. 做这种效果,如果活儿好又有耐心的话,完全可以把照片导入软件,用笔刷慢慢画一张.不过像我等手残党还是用另一种能凑合看的懒方法吧. 首先在photoshop里装两个滤镜:Topaz Clean 3(点击下载)和 Topaz Detail 3(点击下载). exe拷贝到CC的Plug-ins,按路径安装,然后重启即可.看不到滤镜的同学单击:编辑

PS打造冲击视觉的暗夜波涛图片

本教程除了调色之外还融入了很多装饰元素.画面效果非常壮观,尤其是后期颜色调整的非常有视觉冲击力. 本教程除了调色之外还融入了很多装饰元素.画面效果非常壮观,尤其是后期颜色调整的非常有视觉冲击力.教程中作者没有提供教材中的一些用到的素材,需要自己去网上下载. 原图 最终效果 1.文件/打开图像.调出需要处理的图片. 2.图层/新建调整图层/色彩平衡,参数设置如下图. 3.图层/新建调整图层/通道混合器,分别调节红.绿.蓝通道. 4.图层/新建调整图层/曲线,对图像的对比进行调节. 5.打开素材,并

PS打造爆炸视觉特效

最终效果图 1.在Photoshop中新建一个文档,设置如下,大小可以自己改变. 2.设置前景色为H: 210, S: 100, B:85,(颜色较深);背景色为H: 210, S: 60, B: 100.(颜色较浅) 3.然后使用渐变工具,渐变颜色是前景色到背景色,然后按住SHIFT,从下到上进行渐变填充.

PS鼠绘逼真的人物嘴巴

  前言:在PS鼠绘人物当中,嘴巴的绘制也往往是初学者较为头痛的一部分,如何把握嘴巴的形状及色块,如何体现嘴巴的立体感,下面我们将为大家讲解鼠绘嘴巴的详细过程. 最终效果 1.嘴巴的构造: 要画好嘴巴首先需了解其内部结构,在左图可以看到,嘴巴部分可分为:上颚骨.下颚骨.牙齿 .从表面上来看,嘴巴部分有下四部分组成:人中.上嘴唇.牙齿.下牙唇,这些就是在绘画中重点表现部分. 2.鼠绘嘴巴实例: A.用工具栏的钢笔工具勾画出嘴巴轮廓线,并结合转换点工具对路径进行修改,达到自己满意位置.注意嘴唇的厚度

产品经理与交互设计师的对话:需求是如何变成产品原型的

在一个互联网公司的工作流程中,产品经理(主要指偏向产品设计的产品人员)和交互设计师是这个流水线上最起点的环节,也是关系最暧昧的两个环节.说其暧昧,是因为在很多互联网公司里面,这两个环节所做的事情是有重合的,这就意味着,他们或许也是整个流程中合作最紧密的两个环节. 相对比之下,产品经理更关注的是产品的内部逻辑.操作流程.策略等:而交互设计师更关注的是产品的易用性.流畅度和操作感受.总的来看,似乎可以认 为,产品经理是从一个更加宏观的角度去设计产品,而交互设计师,则是从更多的细节出发,去提升用户体验