iPhone、iPad(iOS) App 若有通知,Icon 右上角就會出現紅色的小圈圈,裡面會有幾則訊息的數字。
標籤: icon
好站:Iconoir 免費 SVG Icon Library
網頁製作常常會使用到很多 小Icon,這邊有上千個免費的 Icon 可以使用,而且都是 SVG (Open Source),想要怎麼放大縮小,或者直接寫入 HTML 皆可。
好站 - Ajax Loading SVG、CSS 和 Gif 圖示(Icon)產生器
Ajax 常用的 Loading 圖示,此網頁工具可以產生 SVG、CSS 和 Gif 檔。
注意:此工具若要支援 IE 10 以下,請使用 Gif 檔。
此網站工具支援的瀏覽器版本:
- Google Chrome 34.0
- Firefox 28.0
- Safari 7.03
- Opera 18.0
- Internet Explorer 11.0
Google Design 免費常用 ICON 下載
Google Design 把常用的 ICON 整理出來,讓大家可以依照自己需求,選擇 16 / 24 / 36 / 48 dpi + SVG、PNG 或 ICON Font 來下載使用。
在自己做 ICON 前,可以先來這邊依照分類找找,也比較可以減少使用者的操作學習時間。
Icon 設計 Guideline:Icons - Style - Google design guidelines
iPhone、iPad Safari 的 ICON 尺寸 與 主畫面連結增加方式
iPhone、iPad 可以將網站的 ICON 快速加入主畫面(桌面), 點選圖示就跟開 App 一樣, 只是會用 瀏覽器(Safari) 開啟而已.
但是要快速加入 主畫面, 網站有提供相對應的圖示(ICON)的話, 加入 主畫面 後才會比較好辨認(沒 ICON 的話, Safari 會做網站縮圖).