设计简单的符号类图标时,如何确定最佳的线宽? |
【知乎用户的回答(18票)】:
做图形设计的时候 首先要把“线”的概念去掉比较好
对别人来说可能是线 但是你来说一定是“图形”或者是“形状”
在软件里面 这些图形都被定义为线条,但是你真的觉得他们是线条吗?在软件里面 这些图形都被定义为线条,但是你真的觉得他们是线条吗?
---------------
上面是你概念上面的一点不合适,指出来只是丢出一块砖头了
下面是回答
设计或者图形设计里面有一个东西,经常被遗忘就是:环境
很多设计师做设计的时候 经常会忘记掉设计的本质
就是你做的东西不重要 而你的设计也许远远没有你的设计所处的“环境”重要
----------------------------------------------------------------------
例如设计一个简单的对勾、打叉、箭头图标时,造成最佳视觉效果的线宽是如何确定的呢?
按占画幅(例如图中电话厚度占整个画幅)的百分比么?
按元素大小(例如画中的暂停号线宽与暂停号整体)的百分比?
线宽间的递进比例如何确定呢?
1:1.5?
上下两幅图线宽不同(电话的厚度,暂停线的宽度),哪个更接近最佳视觉效果?为什么?上下两幅图线宽不同(电话的厚度,暂停线的宽度),哪个更接近最佳视觉效果?为什么?
------------------------------------------------------------------
所以你提这些问题的时候 ,无论怎么经验丰富的设计师最后给你的在哪里都合适的只有一个解答
就是“看环境”
因为在你的这些图形里面没有最佳
环境决定“最佳”的设计,而不是设计师
设计师是做选择,选择合适、或者选择不合适(也可以是突兀、显眼等等,不合适不代表不好,而是代表变化)
“线条的宽度”只是你在快完成设计的时候,也许是画龙点睛,也许是画蛇添足的最后一步
这是设计里面后面的选着题,而不是一开始的设定
所以问这里的人,还不如问问你为谁设计更明智
设计师是不停破坏规则,然后再继续创造规则的职业,这里问到的再多回答和设计准则,以后你都是要破坏掉的
如果你还要问为什么的话 答案就是 环境变化了
【大胖的回答(18票)】:
必须放在应用场合里判断,我假设你的电话图标,在设计中,是要放在下方导航,它不是单独出现,而是四个。单修一个很可能白费功夫,从一开始就四个一起画,放在一起去比较,是否有大小、粗细、轻重、高低不一致,甚至要和所配的文字协调。最重要的,表意是否清晰,识别度是否好?
识别度要比表意更重要。实际上用户看到图标,第一眼会发现不协调,然后对图标的总体形状和颜色有一个印象,就像游戏手柄的 ■、○、丨、△ …… 所以画图标外围的形状尽量简单容易识别,能区分开。如果四个图标都是圆里套个花,看着就很费劲。
协调性 > 识别度 > 表意,当然实际设计中最好都尽量做到。
iOS 7的设计规范对这套理论有阐述,而且他要求用颜色和粗细变化来区分高亮,同一个图标要做粗细两套。看大厂的开发规范经常有事半功倍的效果。
补充:给你挑两个毛病哈哈。第一,白底灰图标很难看。别告诉我实际场合会换颜色,如果要换颜色,请现在就换,阳文和阴文(背景暗而笔划亮)的图标效果截然不同,所以还是一开始说的,要放在实际应用场合里去设计。
第二,宽高在30px以内的图标,请用像素思考。画的时候就让边缘落在整数像素,画好不再缩放。你看暂停的两个竖线,明显不一样粗,而且左侧的左边缘是虚的——我猜你画的肯定是一样粗,但没有压准整数像素,渲染出来就是酱。随着设备分辨率增加,半像素问题会越来越不明显,但特别小的图标仍然能看出来。
我只是半个美工,请任意拍砖。
------
再补充:下面才是对问题本身的回答……
如果按照我前面说的原则来工作,线宽就很好解决了——看图标的面积,例如图标是 32x32 像素,那它的线宽就可以是 2px(细) 、 4px(粗) 这样。然后如果你要画一套图标,挑其中笔画多和少的分别试一下,如果是 iOS7 规范,粗细两种都做到协调,线宽就可以确定了。
也就是说,线宽是对准像素的,而不是按比例计算的。假如你画了一个“大暂停”图标,然后又要在“电话暂停”的局部用到暂停图标,将“大暂停”缩小了放进来是错误的,正确方法是在“电话暂停”里单独再画暂停的两条,让它们对准像素。
永远对准像素,如果做到了这点,恭喜你入行了,你继承了图标设计师光荣的历史和传统。想一想这个行业的前辈们,是如何在那些老式的麦金塔或者奔腾电脑上,一个像素一个像素地堆砌出诸葛亮、李逍遥、回收站、看一看你的鼠标指针,打字时右边闪烁的光标……辛苦算比例,算到最后什么也没有,对准像素,你拥有整个世界。
--------
再观摩下职业设计师作品,例图来自 Dribbble - Man of Science by Noah Jacobus
【許瀚文的回答(9票)】:
謝邀。
設計不能單談數據,更多是設計的感覺和取向。
一般調線寬,追求的會是造型突出、明顯、利落,還有物件的比例。
如你舉例的電話筒,下方的電話筒圖示較好,因為電話筒比較合比例,兩端也較突出。但是上方的暫停圖示則較好,因為兩條直線較粗,整體比例呈方型,負空間較細兩劃緊密,接近原有的暫停圖示。另外下方的電話筒比例還是要調,因為兩端的聽筒比例太大,得要調小一點。
剔號,就是上方的較佳,因為在這個大小上它較清晰、造形較清楚,呈現的灰度也較佳;下方的就有朦朦的感覺,是粗度太弱的原故。
【石川的回答(2票)】:
『用眼睛测量。』
You feel good, it's good.
原文地址:知乎