在網站中,我們使用圖示來傳達想法,動作或意圖。圖示在網路上執行良好,因為它們是非語言交流的理想選擇; 他們打破了語言障礙。這就是為什麼音樂播放器有倒帶,快進和播放圖示的原因; 為什麼機場海關總是包括一個軍官圖示; 以及為什麼三條線被稱為 “漢堡選單” 。 WordPress 做網站專業服務:建立有效的圖示來提升多使用者體驗。
建立圖示
當涉及到為 web 設計圖示時,對線條,形狀和空間的處理與圖示如何單獨地和作為一個組如何站立有關。線條的厚度和端部應相似(上蓋,斜面等)。只要有可能,重複類似的形狀,角度和負空格。例如,如果圖示集包括所有角落上的 4px 半徑,則將其傳遞到其餘圖示 – 無論是使用 Illustrator 或 Sketch,還是透過 “名詞專案” 排序。
在程式碼中的圖示
SVG 和 CSS 動畫使得包括精心製作的圖示(這不是效能消耗圖示字型檔案)到任何網站很容易。考慮如何使用 SVG 來分離路徑,以構建動態,俏皮的動畫或在懸停時更改 CSS 中的顏色。 SVG 最好的部分是沒有必要為響應式網站重複匯出基於畫素的影像檔案,所以可以真正地擴充套件它們的能力和互動性。跨飛獨立站,專業 WordPress 外貿獨立站網站建設、 WordPress 站群網站最佳化、 logo 設計、品牌設計、印刷、營銷推廣、 WordPress APP/WordPress 微信開發等產品服務,新上線企業 VI 設計套餐和 WordPress 站群網站營銷推廣系統(強),歡迎新老顧客前來諮詢!
這裡有兩個有著偉大圖示的網站:
01. 聖路易斯動亂節
The St. Louis Murmuration Festival 的令人愉快的網站受益於圖示,這裡的圖示特點為薄、低調,並具有極其高的可識別性。
02. Grosse Laterne
另一個節日,這一次在蒙特利爾,Grosse Laterne 在其網站上使用俏皮的圖示,設定為插圖和重複使用常見的元素一遍又一遍。為了進一步提高一致性,線的厚度保持不變。