2018-12-6 濤濤
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里
我們每天都在設(shè)計圖標，并且保持這樣的狀態(tài)超過15年。身為設(shè)計師，想必你已經(jīng)閱讀過很多關(guān)于圖標設(shè)計的文章，但是今天的文章不一樣，今天我們的文章不會花費很長時間來單獨介紹某一個圖標的設(shè)計，而是設(shè)計任何一套圖標應(yīng)當(dāng)遵循的基本流程，以及一定要注意的8個關(guān)鍵的注意事項，你可以將這些東西帶入到一些現(xiàn)成的案例當(dāng)中去驗證。
這個注意事項清單，也可以被視作為給設(shè)計師所編寫的圖標設(shè)計指南，即使設(shè)計趨勢發(fā)生變化，這些規(guī)則和經(jīng)驗依然適用。遵循這些規(guī)則和技巧，能夠確保圖標從設(shè)計到使用都可以更加無縫和順暢。
我們并沒有重新發(fā)明輪子，相反，我們會以這種方式來呈現(xiàn)我們的工作流程細節(jié)，希望它也能幫你有效地組織工作。
像我們需要系統(tǒng)而大量地設(shè)計圖標，設(shè)計流程是最重要的事情。正如你所看到的，繪制流程在圖標繪制之前，就已經(jīng)開始了。
按照上面的流程，能夠繪制出不同樣式足夠優(yōu)秀的圖標合集。下面是我們在這樣的流程下所設(shè)計出來的圖標示例。
▲ Material, Outline: Science and Studies Icons
如果你像我們一樣每天設(shè)計圖標的話，也會碰到各種各樣的問題。其中最重要的是下面的注意事項清單，它們能夠確保我們不同的人在不同的時期不同狀態(tài)下，設(shè)計出來的圖標能夠協(xié)調(diào)到一個主題、一個系統(tǒng)當(dāng)中。如果你也要設(shè)計圖標的話，可以將下面的清單打印出來，貼在自己的桌子旁邊作為參考。
1. 像素完美
讓圖標踩在每個像素點上，確保清晰不模糊。
2. 視覺重量
用斜視的方法來感知圖標，看看成套的圖標是否都具有相同的大小。斜視、調(diào)整、再看、再調(diào)整，直至均勻理想。為了保持總體視覺重量的一致性，我們會使用「完美的圓形和正方形」來和所有的新圖標進行對比。
3. 幾何圖形
盡量使用簡單堅實的幾何形狀來繪制所有必要的線條，它們會讓你的圖標顯得更加牢固可靠，具有吸引力和說服力。
4. 清晰簡潔
刪除所有無法傳達圖標概念的細節(jié)，避免讓圖標顯得沉重而復(fù)雜。
5. 足夠的空間
確保圖標內(nèi)每個細節(jié)和元素都有足夠的空間，不會顯得過于擁擠或者空曠。
6. 對比度
在黑色和白色的背景上檢查圖標的全部細節(jié)，看看是否其中的每種顏色都是可見的，以及元素之間的對比是否足夠。
7. 視覺統(tǒng)一
檢查線條的粗細重量，邊角的大小，配色方案，細節(jié)層次和設(shè)計元素在整個合集中是否是不變且一致的。
8. 圖層排序
確保圖標中圖層順序清晰而規(guī)整。這是一種良好的習(xí)慣和專業(yè)的精神。
藍藍設(shè)計( www.wtxcl.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)。
藍藍設(shè)計的小編 http://www.wtxcl.cn