可能有些地方翻譯得不好，請見諒

在這個冠冕堂皇的標題之下，我想回答一個土方，有人在博客提出很久了。該土方很好的描述了很多圖標設(shè)計師所面臨的典型問題。

這里是那個問題：

"你好，我也是做圖標的，我有一個問題：如何合適地縮小一個圖標？我做的大圖標清晰而且漂亮，但縮小的圖標就變得骯臟和討厭了，我很想糾正這種情形"

在縮小圖標的過程中，至少有兩點。首先是和人們所能感知的具體特點細節(jié)有關(guān)，另外是和屏幕分辨率有關(guān)。

讓我們開始第一項。

對一個大圖標（或其他圖像） ，我們潛意識對物體的大小進行分類，選出大型，中型和小型。對較小的圖標，我們可以更粗略地劃分：大（涉及圖標大小）和小的物體。小的圖標只有很微小的局部，如果一個設(shè)計師沒有作出特別努力來幫助用戶區(qū)分它們，那么所有內(nèi)容都會被混合成一個密集點。

以一個抽象圖形為例。在大的版本中，我們可以分辨出3大對象（圓，三角形和正方形） ，然后幾個中型物體和一些小件物品。
單純地縮小圖形，我們只得到一塌糊涂的圖形。

為了修正這種情形，我們需要清理圖形中所有瑣碎細節(jié)，只留下基本形狀（大中型物體） 。

我們已經(jīng)除去了細小的東西，而現(xiàn)在我們面臨著第二個挑戰(zhàn)：恢復(fù)圖標上的大中型物體間的從屬關(guān)系。事實上，當降低圖標大小，我們減少了大中型物體的差異，因此我們要故意地夸大來彌合這一差距。

對大畫面，我們清楚地看到要素間的關(guān)系和從屬：三綠圓被藍色條紋相連接。

那些會在縮小圖形時消失，因而我們會看到的只是一個三角形。

放大圓和縮小條紋，強調(diào)元素間的差異會恢復(fù)最初的元素層次。

所以，請記住：擺脫瑣碎，并強調(diào)從屬地位。

現(xiàn)在讓我們談?wù)勲娔X屏幕功能，這是一個小圖標創(chuàng)造中困難工作的一個基本原因。像素格。

為什么清晰漂亮的圖標變得混濁和乏味？這是因為像素格把圖標隱藏在折痕中，失去了所有的細節(jié)，雖然你已經(jīng)那么狂熱得畫了這些細節(jié)。所以圖標縮小之后，就會像"犯罪周刊"電視節(jié)目里演得那樣。

你怎么辦？

你已經(jīng)做了一件事：你擺脫了無論如何將陷入湮沒的小細節(jié)。你已經(jīng)做了另一件事：強調(diào)基本部分，因此現(xiàn)在這些部分獲得了更多的像素空間。 |||

可能有些地方翻譯得不好，請見諒

在這個冠冕堂皇的標題之下，我想回答一個土方，有人在博客提出很久了。該土方很好的描述了很多圖標設(shè)計師所面臨的典型問題。

這里是那個問題：

"你好，我也是做圖標的，我有一個問題：如何合適地縮小一個圖標？我做的大圖標清晰而且漂亮，但縮小的圖標就變得骯臟和討厭了，我很想糾正這種情形"

在縮小圖標的過程中，至少有兩點。首先是和人們所能感知的具體特點細節(jié)有關(guān)，另外是和屏幕分辨率有關(guān)。

讓我們開始第一項。

對一個大圖標（或其他圖像） ，我們潛意識對物體的大小進行分類，選出大型，中型和小型。對較小的圖標，我們可以更粗略地劃分：大（涉及圖標大小）和小的物體。小的圖標只有很微小的局部，如果一個設(shè)計師沒有作出特別努力來幫助用戶區(qū)分它們，那么所有內(nèi)容都會被混合成一個密集點。

以一個抽象圖形為例。在大的版本中，我們可以分辨出3大對象（圓，三角形和正方形） ，然后幾個中型物體和一些小件物品。
單純地縮小圖形，我們只得到一塌糊涂的圖形。

為了修正這種情形，我們需要清理圖形中所有瑣碎細節(jié)，只留下基本形狀（大中型物體） 。

我們已經(jīng)除去了細小的東西，而現(xiàn)在我們面臨著第二個挑戰(zhàn)：恢復(fù)圖標上的大中型物體間的從屬關(guān)系。事實上，當降低圖標大小，我們減少了大中型物體的差異，因此我們要故意地夸大來彌合這一差距。

對大畫面，我們清楚地看到要素間的關(guān)系和從屬：三綠圓被藍色條紋相連接。

那些會在縮小圖形時消失，因而我們會看到的只是一個三角形。

放大圓和縮小條紋，強調(diào)元素間的差異會恢復(fù)最初的元素層次。

所以，請記住：擺脫瑣碎，并強調(diào)從屬地位。

現(xiàn)在讓我們談?wù)勲娔X屏幕功能，這是一個小圖標創(chuàng)造中困難工作的一個基本原因。像素格。

為什么清晰漂亮的圖標變得混濁和乏味？這是因為像素格把圖標隱藏在折痕中，失去了所有的細節(jié)，雖然你已經(jīng)那么狂熱得畫了這些細節(jié)。所以圖標縮小之后，就會像"犯罪周刊"電視節(jié)目里演得那樣。

你怎么辦？

你已經(jīng)做了一件事：你擺脫了無論如何將陷入湮沒的小細節(jié)。你已經(jīng)做了另一件事：強調(diào)基本部分，因此現(xiàn)在這些部分獲得了更多的像素空間。 |||

第三：注意，你現(xiàn)在不僅僅是畫一幅畫，實際上是從方形像素框建立起來的。顯然，你對水平和垂直線沒有問題，也是方形的形狀。但其他的圖形就不會那么容易畫了，你研究嚴格的幾何越深，你就會發(fā)現(xiàn)你的困難也越艱巨。它會在正面投影中呈現(xiàn)出來，這正是為什么建議把圖標以這種方式轉(zhuǎn)換。并且你一定要調(diào)整的所有物體的邊到像素格。

現(xiàn)在我將以一個活生生的例子證明上面所說的一切：

一個叫 hedwig 的英俊貓頭鷹同意協(xié)助我。

現(xiàn)在，我們有一個128 × 128大小的大的白貓頭鷹，然后進行下面工作：縮小到48 × 48 ，然后到16 × 16 。什么是我們的常識忠告？ " 將它變換比例到所需最小值" -細語那些喜歡復(fù)雜而巧妙的短語。那些的熟用photoshop人說 "按下ctrl+t，并按住shift鍵縮小" 。 ?seize and squeeze!? -對那些喜歡簡單而快速的人巧辯。

那么，讓我們跟隨它的建議，并看看結(jié)果。

盡管事實上48 × 48的版本似乎是可以接受的，但是還有一定的改進余地。

甜美的。

但目前16 × 16版讓人覺得是貓頭鷹糞而非一個貓頭鷹本身，因此把它重新涂畫一遍。

這是由于它使我們相當不知羞恥地看到人的眼睛里去。

hedwig 飛，飛！飛向第七部哈利波特，我不會告訴那里什么東西等著你，到時候你就知道了。