iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 3
1
自我挑戰組

網頁學習雜記系列 第 3

Day 03 | 這是個真真假假的世界

想要來分享一下切版時會使用的圖(或假圖)跟 Icon,可以去哪裡找

  • Unsplash
    • 印象中是可以免費商用的
    • 裡面的相片質量很高
    • 唯一的缺點是好像沒有中文介面
  • Picsum
    • 可以獲得隨機的圖片
    • 可以指定圖片大小
    • VSCode 裡有 Snippet
  • FakeImg
    • 可以標出尺寸的圖,設計時一眼就能知道要多大的圖
    • 還可以藉由網址後面輸入色號,更改背景以及字體顏色,詳細可以看看官網
    • 這個好像也有 Snippet
  • placekitten
    • 喜歡貓的可以用,純私心

這個網址 整理了21個假圖產生器的網址,有興趣可以自己看看。

ICON

  • FontAwesome
    • 寫網頁應該沒有人不知道他
    • 缺點是 5 以後 cdn 變得有些麻煩,所以滿多人停留在使用 4.7 的版本,可是很多 icon 4.7 沒有
  • Icons - Material Design
    • Google 提供的 Icon
    • 選項比較少
    • 複製比較麻煩,不像 FontAwesome 可以一鍵複製(或是我沒找到,有找到麻煩分享給我 ><)
  • ICOOON MONO
    • 免費商用 icon
    • 這裡面還有很多寶可以挖,有音效或是人物動作圖示
    • 缺點是 ICON 得下載下來以及是日文介面,我都用英文搜尋,偶爾會找不太到想要的圖示

有其他覺得不錯的、好用的,也歡迎分享給我,
今天的介紹就到這裡啦~我們明天見


上一篇
Day 02 | 那個推我入網頁深淵的 Udemy
下一篇
Day 04 | 我沒靈感怎麼辦啊啊啊啊
系列文
網頁學習雜記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言