2022-05-27 分類: 網(wǎng)站建設(shè)
圖標(biāo)在生活中運(yùn)用是顯而可見(jiàn)的。例如:男女廁所標(biāo)志和各種交通標(biāo)志等。在計(jì)算機(jī)系統(tǒng)或軟件方面的應(yīng)用也是很廣泛。例如:程序標(biāo)識(shí)、數(shù)據(jù)標(biāo)識(shí)、命令選擇、模式信號(hào)或切換開(kāi)關(guān)、狀態(tài)指示等。
下面的例子更形象的說(shuō)明這個(gè)問(wèn)題。
(圖片來(lái)源:九銘)
外國(guó)人A與中國(guó)人B,兩人在語(yǔ)言上存在差異對(duì)文字的認(rèn)識(shí)是不同的,用圖標(biāo)來(lái)表示,會(huì)縮短語(yǔ)言描述的距離。所以圖標(biāo)更具有快捷傳達(dá)信息、便于記憶的特性。那么圖標(biāo)被廣泛使用的時(shí)候,什么樣的圖標(biāo)才是好圖標(biāo)呢?
好圖標(biāo)從兩個(gè)角度去認(rèn)識(shí):辨識(shí)度與精致度。
辨識(shí)度:圖標(biāo)能夠直觀的表現(xiàn)要描述的物體。
精致度:在精美的頁(yè)面或者系統(tǒng)界面上,精致的圖標(biāo)能提升整個(gè)頁(yè)面的視覺(jué)。
那么怎么樣才能做出一套好的圖標(biāo)?在圖標(biāo)設(shè)計(jì)過(guò)程中需要注意哪些問(wèn)題?
在《圖標(biāo)設(shè)計(jì)語(yǔ)言》中作者Yegor Gilyov (來(lái)源站點(diǎn)Turbo Milk )曾提到 “如果你需要畫(huà)幾個(gè)圖標(biāo),你需要整體考慮這個(gè)站點(diǎn)所有圖標(biāo),然后再開(kāi)始使用軟件繪制?!比绻愕膇con全都是粗糙模糊的造型或拙劣的漸變色,那么這個(gè)icon很失敗,不能當(dāng)作是“風(fēng)格的問(wèn)題”來(lái)了事。這樣的icon不僅僅會(huì)毀掉整個(gè)頁(yè)面的美觀,更讓被描述的文字降低了被查看的欲望,對(duì)你的用戶來(lái)使用或閱讀它是一種極大的痛苦。Icon的細(xì)節(jié)包含對(duì)顏色的使用,對(duì)造型的創(chuàng)新,對(duì)質(zhì)感的體現(xiàn)。
我認(rèn)為icon設(shè)計(jì)遵循上面的一個(gè)規(guī)則,在做icon的前提要先構(gòu)思好整個(gè)icon的風(fēng)格,有了構(gòu)思可以開(kāi)始造型設(shè)計(jì)接著就是上色,然后對(duì)整體的icon進(jìn)行細(xì)節(jié)修改。
Icon的要點(diǎn)從學(xué)會(huì)批評(píng)別人開(kāi)始
曾經(jīng)有人說(shuō)過(guò):“批評(píng)別人的作品比自己制作一個(gè)優(yōu)秀的作品要容易得多。但如果使用系統(tǒng)的方式去批判,這才是個(gè)成熟的分析!”那么怎么學(xué)會(huì)去批判呢?下面來(lái)分享一些批判后總結(jié)的例子。
(圖片來(lái)源iconfans)
上面一些圖標(biāo)看起來(lái)很像,這讓人很難分辨出哪個(gè)是哪個(gè)。尤其小圖標(biāo)的時(shí)候辨識(shí)性差了。如果你不注意說(shuō)明,你會(huì)很容易把這些圖標(biāo)混在一起。圖標(biāo)還是要有差異性,在保全風(fēng)格統(tǒng)一的前提下要有很好的識(shí)別性,可以在顏色上或者造型上做差異的改變。
(圖片來(lái)源:九銘)
圖標(biāo)應(yīng)該是輕松被識(shí)別的,構(gòu)建它的元素要越少越好。而上面的插畫(huà)和圖形明顯的告訴我們圖標(biāo)的相關(guān)性不該是復(fù)雜的,可以省略掉相同的對(duì)象,凸顯出重要的信息。
上面圖片形象的說(shuō)明了圖標(biāo)像素邊沿化的問(wèn)題,左邊的圖標(biāo)比較模糊不清,右邊的比較清晰。
在做icon時(shí)很容易出現(xiàn)一些常見(jiàn)的毛邊,導(dǎo)致像素過(guò)渡化,最后圓角不柔和。
怎么樣處理不柔和的圓角?
在由大icon到小icon的過(guò)程中你要重視一些細(xì)節(jié)的處理,對(duì)于這個(gè)我創(chuàng)了一句口訣:去多穩(wěn)造型,邊沿移到位。
去多穩(wěn)造型:大icon到小icon的過(guò)程是由細(xì)節(jié)的減少開(kāi)始變化,大icon比較注重質(zhì)感和光澤等,小icon除了保證質(zhì)感還要清晰可見(jiàn)。在做16像素icon時(shí)可以減少一些必要的元素用像素點(diǎn)去代替,去掉多余的陰影與高光。
邊沿移到位:小icon的邊緣移位主要靠移動(dòng)像素點(diǎn)來(lái)實(shí)現(xiàn),或者增加像素點(diǎn)。
經(jīng)過(guò)處理,上面的圖標(biāo)已經(jīng)沒(méi)有了原來(lái)的鋸齒,有的是柔和的圓角。
當(dāng)然每個(gè)設(shè)計(jì)師做icon的習(xí)慣都是不一樣的,這只是我做icon時(shí)的一些心得。
本文標(biāo)題:視覺(jué)設(shè)計(jì)圖標(biāo)設(shè)計(jì)心得
網(wǎng)站地址:http://m.rwnh.cn/news12/159762.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、網(wǎng)站收錄、移動(dòng)網(wǎng)站建設(shè)、定制網(wǎng)站、全網(wǎng)營(yíng)銷推廣、網(wǎng)站排名
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容