ui設(shè)計(jì)師是怎么設(shè)計(jì)圖標(biāo)的

ui設(shè)計(jì)師是怎么設(shè)計(jì)圖標(biāo)的？作為一名設(shè)計(jì)師，你一定讀過很多關(guān)于圖標(biāo)設(shè)計(jì)的文章，即使設(shè)計(jì)趨勢(shì)一直在變化，有些規(guī)則和經(jīng)驗(yàn)現(xiàn)在仍然適用。今天小編主要給大家分享ui設(shè)計(jì)師是怎么設(shè)計(jì)圖標(biāo)的，希望對(duì)你們有幫助!

一、逐步設(shè)計(jì)圖標(biāo)

因?yàn)槲覀冃枰�系統(tǒng)而大量地設(shè)計(jì)圖標(biāo)，所以設(shè)計(jì)過程是最重要的。

1.了解你想要?jiǎng)?chuàng)建的圖標(biāo)的含義，明確不同圖標(biāo)的使用場(chǎng)景，不同圖標(biāo)代表什么，哪些圖標(biāo)需要使用隱喻，哪些圖標(biāo)在現(xiàn)實(shí)世界中使用真實(shí)的形象。

2.找出圖標(biāo)的正確隱喻，并選出可能的符號(hào)和圖像。記住圖標(biāo)的含義和圖像之間的關(guān)系，用最好的形式展示圖標(biāo)，直指本質(zhì)。使用字典和詞集獲取關(guān)鍵字、同義詞和圖標(biāo)相關(guān)概念的定義。簡(jiǎn)化和抽象你的想法，你會(huì)發(fā)現(xiàn)一個(gè)從抽象概念“翻譯”出來的對(duì)象。

3.不要拘泥于當(dāng)前的任務(wù)和現(xiàn)狀，盡可能進(jìn)行深入研究，收集相關(guān)參考資料。也許有些人已經(jīng)為這個(gè)主題設(shè)計(jì)了一個(gè)非常好的圖標(biāo)版本，你可以參考現(xiàn)有的設(shè)計(jì)來獲得靈感。

4.確定圖標(biāo)樣式，圖標(biāo)應(yīng)該是扁平的、線性的，無論是用符號(hào)還是用手繪來呈現(xiàn)。一些ui界面有非常明確的要求，例如iOS平臺(tái)和 Material Design。如果ui界面具有非常清晰和固定的設(shè)計(jì)風(fēng)格，圖標(biāo)設(shè)計(jì)需要盡可能的接近。

5.根據(jù)選定的方式展示設(shè)計(jì)，看最后是否正確呈現(xiàn)，保持整體設(shè)計(jì)的一致性。

6.注意圖標(biāo)的矢量化，即使是草圖也應(yīng)該矢量化。

7.ui界面布局中測(cè)試圖標(biāo)設(shè)計(jì)。

二、注意事項(xiàng)

1.像素完美

讓圖標(biāo)踩在每個(gè)像素點(diǎn)上，以確保清晰和無模糊。

2.視覺重量

使用斜視來感知圖標(biāo)，看看是否所有圖標(biāo)都是相同的大小。斜視，調(diào)整，再觀察，再調(diào)整，直到均勻理想。為了保持整體視覺重量的一致性，使用“完美的圓形和正方形”來與所有新圖標(biāo)進(jìn)行比較。

3.幾何圖形

試著用簡(jiǎn)單堅(jiān)實(shí)的幾何圖形來畫出所有必要的線條，它們會(huì)使你的圖標(biāo)看起來更加堅(jiān)實(shí)可靠、吸引人和令人信服。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://m.hebeijilong.cn/news-id-71973.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050