設計簡單的符號類圖標時,如何確定最佳的線寬?

例如設計一個簡單的對勾、打叉、箭頭圖標時,造成最佳視覺效果的線寬是如何確定的呢?
按占畫幅(例如圖中電話厚度占整個畫幅)的百分比么?
按元素大小(例如畫中的暫停號線寬與暫停號整體)的百分比?
線寬間的遞進比例如何確定呢?
1:1.5?

上下兩幅圖線寬不同(電話的厚度,暫停線的寬度),哪個更接近最佳視覺效果?為什麼?


做圖形設計的時候 首先要把「線」的概念去掉比較好

對別人來說可能是線 但是你來說一定是「圖形」或者是「形狀」

在軟體裡面 這些圖形都被定義為線條,但是你真的覺得他們是線條嗎?
---------------
上面是你概念上面的一點不合適,指出來只是丟出一塊磚頭了

下面是回答

設計或者圖形設計裡面有一個東西,經常被遺忘就是:環境

很多設計師做設計的時候 經常會忘記掉設計的本質
就是你做的東西不重要 而你的設計也許遠遠沒有你的設計所處的「環境」重要

----------------------------------------------------------------------
例如設計一個簡單的對勾、打叉、箭頭圖標時,造成最佳視覺效果的線寬是如何確定的呢?
按占畫幅(例如圖中電話厚度占整個畫幅)的百分比么?
按元素大小(例如畫中的暫停號線寬與暫停號整體)的百分比?
線寬間的遞進比例如何確定呢?
1:1.5?

上下兩幅圖線寬不同(電話的厚度,暫停線的寬度),哪個更接近最佳視覺效果?為什麼?
------------------------------------------------------------------
所以你提這些問題的時候 ,無論怎麼經驗豐富的設計師最後給你的在哪裡都合適的只有一個解答

就是「看環境」

因為在你的這些圖形裡面沒有最佳
環境決定「最佳」的設計,而不是設計師
設計師是做選擇,選擇合適、或者選擇不合適(也可以是突兀、顯眼等等,不合適不代表不好,而是代表變化)

「線條的寬度」只是你在快完成設計的時候,也許是畫龍點睛,也許是畫蛇添足的最後一步
這是設計裡面後面的選著題,而不是一開始的設定
所以問這裡的人,還不如問問你為誰設計更明智

設計師是不停破壞規則,然後再繼續創造規則的職業,這裡問到的再多回答和設計準則,以後你都是要破壞掉的

如果你還要問為什麼的話 答案就是 環境變化了


必須放在應用場合里判斷,我假設你的電話圖標,在設計中,是要放在下方導航,它不是單獨出現,而是四個。單修一個很可能白費功夫,從一開始就四個一起畫,放在一起去比較,是否有大小、粗細、輕重、高低不一致,甚至要和所配的文字協調。最重要的,表意是否清晰,識別度是否好?

識別度要比表意更重要。實際上用戶看到圖標,第一眼會發現不協調,然後對圖標的總體形狀和顏色有一個印象,就像遊戲手柄的 、○、丨、△ …… 所以畫圖標外圍的形狀盡量簡單容易識別,能區分開。如果四個圖標都是圓里套個花,看著就很費勁。

協調性 &> 識別度 &> 表意,當然實際設計中最好都盡量做到。

iOS 7的設計規範對這套理論有闡述,而且他要求用顏色和粗細變化來區分高亮,同一個圖標要做粗細兩套。看大廠的開發規範經常有事半功倍的效果。

補充:給你挑兩個毛病哈哈。第一,白底灰圖標很難看。別告訴我實際場合會換顏色,如果要換顏色,請現在就換,陽文和陰文(背景暗而筆劃亮)的圖標效果截然不同,所以還是一開始說的,要放在實際應用場合里去設計。

第二,寬高在30px以內的圖標,請用像素思考。畫的時候就讓邊緣落在整數像素,畫好不再縮放。你看暫停的兩個豎線,明顯不一樣粗,而且左側的左邊緣是虛的——我猜你畫的肯定是一樣粗,但沒有壓准整數像素,渲染出來就是醬。隨著設備解析度增加,半像素問題會越來越不明顯,但特別小的圖標仍然能看出來。

我只是半個美工,請任意拍磚。

------

再補充:下面才是對問題本身的回答……

如果按照我前面說的原則來工作,線寬就很好解決了——看圖標的面積,例如圖標是 32x32 像素,那它的線寬就可以是 2px(細) 、 4px(粗) 這樣。然後如果你要畫一套圖標,挑其中筆畫多和少的分別試一下,如果是 iOS7 規範,粗細兩種都做到協調,線寬就可以確定了。

也就是說,線寬是對準像素的,而不是按比例計算的。假如你畫了一個「大暫停」圖標,然後又要在「電話暫停」的局部用到暫停圖標,將「大暫停」縮小了放進來是錯誤的,正確方法是在「電話暫停」里單獨再畫暫停的兩條,讓它們對準像素。

永遠對準像素,如果做到了這點,恭喜你入行了,你繼承了圖標設計師光榮的歷史和傳統。想一想這個行業的前輩們,是如何在那些老式的麥金塔或者奔騰電腦上,一個像素一個像素地堆砌出諸葛亮、李逍遙、回收站、看一看你的滑鼠指針,打字時右邊閃爍的游標……辛苦算比例,算到最後什麼也沒有,對準像素,你擁有整個世界。

--------

再觀摩下職業設計師作品,例圖來自 Dribbble - Man of Science by Noah Jacobus


謝邀。

設計不能單談數據,更多是設計的感覺和取向。

一般調線寬,追求的會是造型突出、明顯、利落,還有物件的比例。
如你舉例的電話筒,下方的電話筒圖示較好,因為電話筒比較合比例,兩端也較突出。但是上方的暫停圖示則較好,因為兩條直線較粗,整體比例呈方型,負空間較細兩劃緊密,接近原有的暫停圖示。另外下方的電話筒比例還是要調,因為兩端的聽筒比例太大,得要調小一點。

剔號,就是上方的較佳,因為在這個大小上它較清晰、造形較清楚,呈現的灰度也較佳;下方的就有朦朦的感覺,是粗度太弱的原故。


『用眼睛測量。』
You feel good, it"s good.


感覺很重要,讓你覺得舒服的圖形就是比值最好的,人的審美是判斷圖形是否適宜的最佳標準,而這個是否舒服又得講究整體的比例局部的比例,整體與局部的比例是否均衡,具體的數值比例只是為了方便於控制,方便生產,舉個例子,帕特農神廟,就是講究整體比例,與局部比例的,而且又講究整體與局部之間的比例均衡,而且他的一套比例體系的成型註定了只需要一個數值就可以控制住所有的尺寸,就叫作模度。再舉個例子,就像人體的比例關係一樣,人體一個鼻子單看比例很舒服,放在整個身體比例也很舒服,具體有興趣的可以參考《建築十書》,裡面的柱式有1:8,1:12等一些常用的比例關係,另外裡面有很多對於人的視覺規律的考慮;還有《藝術與視知覺》裡面也有很多對於人的視覺習慣的研究,和繪畫中均衡構圖之類的研究,樓上的很多人的回答,都考慮到了環境的重要性,但是迴避了比例的問題的重要性,所以我個人覺得環境是怎樣忽然很重要,但是不能因此就忽略比例體系的重要性,舒服的比例讓人愉悅,這個確實也有很多的實力,在平面設計及繪畫領域有大量的應用。最後,說到底一套比例體系的使用最後呈現出來的結果是否美觀,還是需要自己的感覺及審美為標準去判斷,比例體系的建立只是方便這一過程


可以找現成好看的量一下線寬。比如這套:

這裡是全套來自Tim Boelaars簡潔的圖標設計,我覺得整套都很好看


推薦閱讀:

如何製作這種出這種彩虹字海報?
請問這張海報的線條效果是如何實現的?
知乎登錄界面的 iPhone 裝在兜里的感覺是怎麼做出來的?
這種 人撕破紙而出的海報效果怎麼用PS做出來?
如何將低像素的圖片處理得具有設計感?

TAG:設計 | 圖標設計 |