「糟糕的设计师」、「普通的设计师」、「好的设计师」,有专业的设计师来讲解一下这张图吗?

1和2的区别是什么?为什么能说明问题? 2和3的区别是什么?为什么能说明问题? 图中的线条有什么含义? 方块、圆形、三角形分别有什么含义? 25pt有什么含义? 背景为什么是黑色的? 图中的英文用的是什么字体?
关注者
832
被浏览
26925

10 个回答

.

这副图核心的观点是:优秀的设计师如何对齐不同形状的元素
这里有个进阶版教程,你可以把上面的三个形状理解为下面案例中的物体(点击看大图)




内容来自 Before&After平面设计教程


.
·

只是为了说明物理上的统一性不代表观感上的统一性。



问题一:1和2的区别是什么?为什么能说明问题?

区别是等间距的测量,是按物理上的水平测量还是按视觉上的等间距测量。

问题二:2和3的区别是什么?为什么能说明问题?
区别是按物理上的等尺寸绘制还是视觉上的等尺寸绘制,10*10的矩形看上去会比10*10的圆形大的。

补充:很多时候会以加背景框的方式,让各种不同类型和规则的 icon 看上去统一,和谐。

问题三:图中的线条有什么含义?
那些线条只是参考线而已,让你肉眼可以看到他们是等高的或不等高的。

问题四:方块、圆形、三角形分别有什么含义?
这三个图形是用来做举这个例子的典型形状。也是最简化的形状,一条边,三条边,四条边。

问题五:25pt有什么含义?
没毛含义,只是给的一个参考尺寸,你可以写20pt,25px,随意的。

问题六:背景为什么是黑色的?
没毛含义,用个暖色,冷色背景就不能说明问题了?非要用中性色?任意对比度不太差,看着舒服的前景背景色都行啊。

补充:图二的浅灰是用来分隔图1和图3。

问题七:图中的英文用的是什么字体?
自行搜索:字体下载-求字体网提供中文和英文字体库下载、识别与预览服务,找字体的好帮手 或其他字体识别工具。


补充:这张图只能说明一个设计师扣细节的程度,不能说明一个设计师的好坏,决定设计水平的的因素多了去了。像素眼,强迫症是很多很多很多设计师具有的品质。如果作者仅仅是表达一个设计中的小技巧的话,那更说明不了什么了。

再补充一下,同样的,颜色也可以决定视觉上的统一性。比如法国国旗颜色比例,蓝:白:红=30:33:37。

以上纯属经验扯蛋,不负责任的啊。