我自學幾年來使用的開發工具(上)
出圖工具:
一、Sketch:
Sketch這款工具,原本對它非常的無感,一直以來都認為用Photoshop或是Ai已經非常的好用了,但經過這一年來學習了Sass以及加強了CSS與HTML觀念之後,發現Sketch真的是一套非常方便於UI Design的工具(但前提是你的作品需要的是美式簡單風格,使用Sketch才會比較上手與能接受),像之前有的設計師跟我說:「因為有很多東西都要在AI或是PS使用,但為甚麼你不用這兩款工具就好了?」。
的確,PS 跟 Ai 確實是可以製作許多的東西,但在許多必須要批次修改的部分,需要非常多的時間去一個一個去修正。但自從Sketch開發了Symbol功能可以製作出元件模組之後,出圖的速度加快了許多!
二、Photoshop / illustrator:
這兩款歷久不衰的影像工具,相信大家都知道了就不再多說了XD
Prototype資源:
這款圖庫資源非常的好用,它可以任意指定不同長寬的圖片當作是示意圖,在網頁開發上所用的假圖非常好用。如下列的示意圖:
二、unsplash.it:
這個資源主要適用於開發Prototype的階段或是DEMO給user時所用的圖片工具,較上方的Placeholder.it 較為完整。其使用方法也是在img標籤裡面鍵入一串特定的網址之後,呈現出隨機選取你指定大小圖片。
三、Placeimg:
與unsplash.it相同,Placeimg也是一個隨機產生圖片的提供者,除了可以依照大小自動漂亮圖片,也可透過「分類」去尋找你想要的素材,使你在DEMO給客戶時比較美觀。