Sign in or Join FriendFeed
FriendFeed is the easiest way to share online. Learn more »
Hi-iD
[3d中的曲线连续在平面上的表现] 这个问题在这篇(http://friendfeed.com/idesign... )已经提出,对于多数情况来说有点小题大作,但是在一些特殊情况下还是能够被眼睛给识别出的,我在看到一些web2.0网站的大圆角大图标,比如RSS订阅图标的时候,经常会感觉到这个圆角图标看起来很不舒服,四条直线有向内坍陷的感觉。下图就是使用3D软件做的不同曲线过度,然后导入平面软件中相互比较。标识为Ai的是Ai里面的圆角四边形工具,G1 Fillet是3D中的倒圆角,此后的G1 G2 G3是使用Blend(alias 曲线)在默认状态下的3种连续(注:没有经过额外编辑。因在这里如果编辑 G1 G2 G3过度有无数方式,改变CV的位置),具体差别可以在左上图中看出。不同视觉感受可以在最下方比较。
curvaturein2d.jpg
最上一排3个Ai是用Ai的圆角四边形来逼近拟合紧挨其下的三个连续过度的图形 - Hi-iD
欣赏你对细节的深入探讨 - ashengzhou
很多圆角是可以看到锯齿状的 - ashbee
说到锯齿,基本是直线和圆角结合点,其实有时候是可以来用锯齿来抵消那种四条直线有向内坍陷的感觉的,即相当于三维里的G0过度。圆角过度(对应三维里的倒圆角)是G1连续,但在结合点处曲率发生突变,而在曲线这一段曲率大小是相同的,所以以我的猜测,为什么会产生向内坍陷的感觉,是因为视觉的相对性,当圆角特别大的时候,视觉多数的注意力分布到这四条圆弧曲线上,而剩下少许的注意力(比如余光)放在四条直线上,这样就以曲线作为了一个参考体系,那么相对来说,直线在此时的曲率是变化了的(简单说就是方向向内,大小大于0),这样就产生了向内坍陷的感觉。【只是我猜测分析,没有证明!】而如果是G2 G3,几何点的曲率还是0,而开始变化的,所以就没有非常明显的塌陷,而用G0过度,通常在Ai中圆弧控制柄是朝内的,简洁可以看作一种过度,也会起到一个弥补的作用对坍陷的感觉,但是如果尖点能看出来还是不舒服的。另外,这些细节在通常情况下,不是花精力去看是感觉不到的。 - Hi-iD
是不是追求这种曲率极致的人多数是理科生出身呢 - ashbee
也未必,其实可以在三维中调用一些字体设计,看他们的曲率变化,比如"S",有好多字体,结合处未必就是G2连续,但是曲率变化非常均匀,或许其中有一些就是靠训练经验积累而成的感觉吧。 - Hi-iD
我觉得,屏幕上通过像素模拟出来的曲线和实物展现出曲线,会有蛮大不同的。在屏幕上,我几乎感受不到曲线直接的差异。 - woodear
所以这个话题就是针对于一些特殊情况,比如大尺寸大圆角,但也不要受约束,毕竟这是很细微的细节(甚至有一点牛角尖了)。 - Hi-iD
或者,可以分析比较一下不同大小圆角的圆角正方形,将圆角半径作为一个单位(a),而直线是a的倍数,可罗列一下。 - Hi-iD
缩小了看觉得中间那个最合适 - Ami
好专业啊。搞设计就是要严谨,像有强迫症一样。 - lackar
中间那个曲线的中点刚好通过那个1/2半径正方形的中心,不是最圆(最圆就是红色那条),但看起来可能最饱满。 - Hi-iD
我用犀牛,G1没有在正中间,是不是你调整过还是软件的不同?把曲率图形和CV显示出来更好吧,刚看了下仿佛G1的最饱满 - Ami
我不熟悉犀牛里面怎么用5阶曲线直接blend(尤其是切线过度,一般都是默认的3阶),图上使用的alias里面的blend曲线是alias的一个优化曲线。 - Hi-iD
直线本来就是会向内塌陷,(隐约记得)这是《艺术与视知觉》的经典案例(古希腊神庙的柱子都不是直的而是是稍微向外凸的,以免柱子远看显得弱不禁风),跟圆角和曲率没有关系。 - vjay
应该是在什么情况下直线会有塌陷的感觉,比如说像图上说是的正方形,在没有圆角或者倒角(直)的情况下就不会出现塌陷,而你举的例子(柱子)估计是透视的以及纵向的原因吧?等一下我翻翻书看看。 - Hi-iD
接上,或许相关的视错觉是这个Ehrenstein illusion :http://en.wikipedia.org/wiki... - Hi-iD
先把倒角之间的直线去掉,能看出大脑显示最像正方形的是G1,可以试试 - Ami
这个跟视觉中心和周围的形状有关,构成功课里很多都是研究这样的关系,显然我逃掉了很多课所以我说不出更多道理了。G1G2G3这些只是CAD普及之后出现的讨论方式,以至于让人以为我们都是理科生。举个例子,tape drawing用的胶带,其粗细软硬的不同型号实际上就是一种感性的“曲率限制”选项。 - vjay