【iOS 學習筆記】整理線上資源(顏色參考、icon資源、圖庫)

Patty

6 min readApr 15, 2021

整理這段學習開發iOS App 時所接觸過或常用的線上資源網站：顏色參考、icon資源、線上圖庫、檔案格式轉換等，讓自己之後可以方便使用，不需要再額外花時間尋找，也提供給需要的人，之後也會持續更新。

圖庫

PngImg ：含大量png透明背景圖庫網站，優點可免註冊、免費下載，但須註明出處以及非商用用途。(參考：介紹PngImg網站文章)

PNG images with transparent background | Free PNG images clipart

The largest FREE transparent PNG images clipart catalog for design and web design in best resolution and quality

pngimg.com

Pexels：免費照片影片圖庫，優點可免註冊免費下載、不須註明出處，也可以自由使用。(參考：介紹Pexels網站文章)

https://www.pexels.com/zh-tw/

剪影
https://silhouette-ac.com
google 搜尋剪影 png 或 Silhouette png

顏色參考網站

Coolors — The super fast color schemes generator!

Generate or browse beautiful color combinations for your designs.

coolors.co

Flat UI Colors 2–14 Color Palettes, 280 colors 🎨

280 handpicked colors ready for COPY & PASTE

flatuicolors.com

RGB配色表

Edit description

www.wahart.com.hk

icon

這個免費icon資源網站『 flaction 』有很多好看的icon，而且可直接於網頁上變更顏色。

Flaticon, the largest database of free vector icons

3,883,500+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT. Thousands of free icons in the largest…

www.flaticon.com

『The Noun Project』(介紹文章) ，可線上下載且可以線上直接改變顏色，若是免費版則需要註明來源。

Noun Project: Free Icons & Stock Photos for Everything

Noun Project features the most diverse collection of icons and stock photos ever. Download SVG and PNG. Browse over 3…

thenounproject.com

關於臺灣的icon 『Taiwan Icon Font』(使用可參考這篇文章)

Taiwan Icon Font

我們支持「臺灣」，因為臺灣有好大的吸引力，而且台灣就是我們的好朋友！2019年散步在東京會看到好多人在喝珍珠奶茶，去台灣旅遊的日本人每年越來越多（參考：台灣交通部觀光局的統計）。日本人選的首相，安倍晋三叫臺灣「好朋友」，每個日本人都還沒忘記…

www.twicon.page

gmawji 整理的 iOS 10 內建 icon 圖庫：

需要使用tab bar內建圖案
(ios10-artwork-master > @2x > com.apple.uikit.Artwork > UITabBar…)

gmawji/ios10-artwork

iOS 10.2 Artwork Extract using Anemone Car support. Extracting Assets.car There isn’t really anything for you to…

github.com

Apple 提供開發使用 iOS App 的 SF Symbol ( iOS 13以後)

SF Symbols — Apple Developer

With over 2,400 configurable symbols, SF Symbols is designed to integrate seamlessly with San Francisco, the system…

developer.apple.com

產生適用尺寸的 icon

將圖片產生適用icon的尺寸(適用tab bar 或 navigation bar 的 icon)

Generate your icons with App Icon Generator

With App Icon Generator you can generate your icons for iOS (Iphone, Ipad, Apple Watch) and Android (Smartphone…

www.iconsgenerator.com

產生適用於介面上的 App icon 尺寸

App Icon Generator

Generate icons and images for mobile apps, android and iOS. No need to upload or download. Works on your browser

appicon.co

其他

查詢圖片資訊

http://exif.regex.info/exif.cgi

線上mov轉gif

Animated GIF editor and GIF maker

Ezgif.com is a simple online GIF maker and toolset for basic animated GIF editing.Here you can create, resize, crop…

ezgif.com

mov to mp3

https://www.aconvert.com/tw/audio/mov-to-mp3/

查座標網站

https://yangcha.github.io/iview/iview.html