Godzilla. 2016-11-30 網(wǎng)站建設(shè)

做網(wǎng)站專業(yè)服務(wù)：創(chuàng)建有效的圖標(biāo)來提升用戶體驗(yàn)

　　在網(wǎng)站中，我們使用圖標(biāo)來傳達(dá)想法，動(dòng)作或意圖。圖標(biāo)在網(wǎng)絡(luò)上運(yùn)行良好，因?yàn)樗鼈兪欠钦Z言交流的理想選擇;他們打破了語言障礙。這就是為什么音樂播放器有倒帶，快進(jìn)和播放圖標(biāo)的原因;為什么機(jī)場(chǎng)海關(guān)總是包括一個(gè)軍官圖標(biāo);以及為什么三條線被稱為“漢堡菜單”。做網(wǎng)站專業(yè)服務(wù)：創(chuàng)建有效的圖標(biāo)來提升用戶體驗(yàn)。

　　創(chuàng)建圖標(biāo)

　　當(dāng)涉及到為web設(shè)計(jì)圖標(biāo)時(shí)，對(duì)線條，形狀和空間的處理與圖標(biāo)如何單獨(dú)地和作為一個(gè)組如何站立有關(guān)。線條的厚度和端部應(yīng)相似（上蓋，斜面等）。只要有可能，重復(fù)類似的形狀，角度和負(fù)空格。例如，如果圖標(biāo)集包括所有角落上的4px半徑，則將其傳遞到其余圖標(biāo) - 無論是使用Illustrator或Sketch，還是通過“名詞項(xiàng)目”排序。

　　在代碼中的圖標(biāo)

　　SVG和CSS動(dòng)畫使得包括精心制作的圖標(biāo)（這不是性能消耗圖標(biāo)字體文件）到任何網(wǎng)站很容易。考慮如何使用SVG來分離路徑，以構(gòu)建動(dòng)態(tài)，俏皮的動(dòng)畫或在懸停時(shí)更改CSS中的顏色。 SVG最好的部分是沒有必要為響應(yīng)式網(wǎng)站重復(fù)導(dǎo)出基于像素的圖像文件，所以可以真正地?cái)U(kuò)展它們的能力和交互性。摩恩網(wǎng)絡(luò)，專業(yè)網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷、營(yíng)銷推廣、APP/微信開發(fā)等產(chǎn)品服務(wù)，新上線企業(yè)VI設(shè)計(jì)套餐和網(wǎng)站營(yíng)銷推廣系統(tǒng)（強(qiáng)），歡迎新老顧客前來咨詢！

　　這里有兩個(gè)有著偉大圖標(biāo)的網(wǎng)站：

　　01.圣路易斯動(dòng)亂節(jié)

　　The St. Louis Murmuration Festival的令人愉快的網(wǎng)站受益于圖標(biāo)，這里的圖標(biāo)特點(diǎn)為薄、低調(diào)，并具有極其高的可識(shí)別性。

　　02. Grosse Laterne

　　另一個(gè)節(jié)日，這一次在蒙特利爾，Grosse Laterne在其網(wǎng)站上使用俏皮的圖標(biāo)，設(shè)置為插圖和重復(fù)使用常見的元素一遍又一遍。為了進(jìn)一步提高一致性，線的厚度保持不變。

下一篇：制作公司網(wǎng)站：2016年12月基本設(shè)計(jì)趨勢(shì) 上一篇：建設(shè)網(wǎng)站公司：如何節(jié)省網(wǎng)站建設(shè)時(shí)間？

文章標(biāo)簽： 網(wǎng)站圖標(biāo)