可能有些地方翻譯得不好,請見諒
在這個冠冕堂皇的標題之下,我想回答一個土方,有人在博客提出很久了。該土方很好的描述了很多圖標設計師所面臨的典型問題。
這里是那個問題:
"你好,我也是做圖標的,我有一個問題:如何合適地縮小一個圖標?我做的大圖標清晰而且漂亮,但縮小的圖標就變得骯臟和討厭了,我很想糾正這種情形"
在縮小圖標的過程中,至少有兩點。首先是和人們所能感知的具體特點細節有關,另外是和屏幕分辨率有關。
讓我們開始第一項。
對一個大圖標(或其他圖像) ,我們潛意識對物體的大小進行分類,選出大型,中型和小型。對較小的圖標,我們可以更粗略地劃分:大(涉及圖標大小)和小的物體。小的圖標只有很微小的局部,如果一個設計師沒有作出特別努力來幫助用戶區分它們,那么所有內容都會被混合成一個密集點。
以一個抽象圖形為例。在大的版本中,我們可以分辨出3大對象(圓,三角形和正方形) ,然后幾個中型物體和一些小件物品。
單純地縮小圖形,我們只得到一塌糊涂的圖形。
為了修正這種情形,我們需要清理圖形中所有瑣碎細節,只留下基本形狀(大中型物體) 。
我們已經除去了細小的東西,而現在我們面臨著第二個挑戰:恢復圖標上的大中型物體間的從屬關系。事實上,當降低圖標大小,我們減少了大中型物體的差異,因此我們要故意地夸大來彌合這一差距。
對大畫面,我們清楚地看到要素間的關系和從屬:三綠圓被藍色條紋相連接。
那些會在縮小圖形時消失,因而我們會看到的只是一個三角形。
放大圓和縮小條紋,強調元素間的差異會恢復最初的元素層次。
所以,請記住:擺脫瑣碎,并強調從屬地位。
現在讓我們談談電腦屏幕功能,這是一個小圖標創造中困難工作的一個基本原因。像素格。
為什么清晰漂亮的圖標變得混濁和乏味?這是因為像素格把圖標隱藏在折痕中,失去了所有的細節,雖然你已經那么狂熱得畫了這些細節。所以圖標縮小之后,就會像"犯罪周刊"電視節目里演得那樣。
你怎么辦?
你已經做了一件事:你擺脫了無論如何將陷入湮沒的小細節。你已經做了另一件事:強調基本部分,因此現在這些部分獲得了更多的像素空間。 |||
可能有些地方翻譯得不好,請見諒
在這個冠冕堂皇的標題之下,我想回答一個土方,有人在博客提出很久了。該土方很好的描述了很多圖標設計師所面臨的典型問題。
這里是那個問題:
"你好,我也是做圖標的,我有一個問題:如何合適地縮小一個圖標?我做的大圖標清晰而且漂亮,但縮小的圖標就變得骯臟和討厭了,我很想糾正這種情形"
在縮小圖標的過程中,至少有兩點。首先是和人們所能感知的具體特點細節有關,另外是和屏幕分辨率有關。
讓我們開始第一項。
對一個大圖標(或其他圖像) ,我們潛意識對物體的大小進行分類,選出大型,中型和小型。對較小的圖標,我們可以更粗略地劃分:大(涉及圖標大小)和小的物體。小的圖標只有很微小的局部,如果一個設計師沒有作出特別努力來幫助用戶區分它們,那么所有內容都會被混合成一個密集點。
以一個抽象圖形為例。在大的版本中,我們可以分辨出3大對象(圓,三角形和正方形) ,然后幾個中型物體和一些小件物品。
單純地縮小圖形,我們只得到一塌糊涂的圖形。
為了修正這種情形,我們需要清理圖形中所有瑣碎細節,只留下基本形狀(大中型物體) 。
我們已經除去了細小的東西,而現在我們面臨著第二個挑戰:恢復圖標上的大中型物體間的從屬關系。事實上,當降低圖標大小,我們減少了大中型物體的差異,因此我們要故意地夸大來彌合這一差距。
對大畫面,我們清楚地看到要素間的關系和從屬:三綠圓被藍色條紋相連接。
那些會在縮小圖形時消失,因而我們會看到的只是一個三角形。
放大圓和縮小條紋,強調元素間的差異會恢復最初的元素層次。
所以,請記住:擺脫瑣碎,并強調從屬地位。
現在讓我們談談電腦屏幕功能,這是一個小圖標創造中困難工作的一個基本原因。像素格。
為什么清晰漂亮的圖標變得混濁和乏味?這是因為像素格把圖標隱藏在折痕中,失去了所有的細節,雖然你已經那么狂熱得畫了這些細節。所以圖標縮小之后,就會像"犯罪周刊"電視節目里演得那樣。
你怎么辦?
你已經做了一件事:你擺脫了無論如何將陷入湮沒的小細節。你已經做了另一件事:強調基本部分,因此現在這些部分獲得了更多的像素空間。 |||
第三:注意,你現在不僅僅是畫一幅畫,實際上是從方形像素框建立起來的。顯然,你對水平和垂直線沒有問題,也是方形的形狀。但其他的圖形就不會那么容易畫了,你研究嚴格的幾何越深,你就會發現你的困難也越艱巨。它會在正面投影中呈現出來,這正是為什么建議把圖標以這種方式轉換。并且你一定要調整的所有物體的邊到像素格。
現在我將以一個活生生的例子證明上面所說的一切:
一個叫 hedwig 的英俊貓頭鷹同意協助我。
現在,我們有一個128 × 128大小的大的白貓頭鷹,然后進行下面工作:縮小到48 × 48 ,然后到16 × 16 。什么是我們的常識忠告? " 將它變換比例到所需最小值" -細語那些喜歡復雜而巧妙的短語。那些的熟用photoshop人說 "按下ctrl+t,并按住shift鍵縮小" 。 ?seize and squeeze!? -對那些喜歡簡單而快速的人巧辯。
那么,讓我們跟隨它的建議,并看看結果。
盡管事實上48 × 48的版本似乎是可以接受的,但是還有一定的改進余地。
甜美的。
但目前16 × 16版讓人覺得是貓頭鷹糞而非一個貓頭鷹本身,因此把它重新涂畫一遍。
這是由于它使我們相當不知羞恥地看到人的眼睛里去。
hedwig 飛,飛!飛向第七部哈利波特,我不會告訴那里什么東西等著你,到時候你就知道了。
新聞熱點
疑難解答