我自學幾年來使用的開發工具(上)

出圖工具:

一、Sketch

Sketch這款工具,原本對它非常的無感,一直以來都認為用Photoshop或是Ai已經非常的好用了,但經過這一年來學習了Sass以及加強了CSS與HTML觀念之後,發現Sketch真的是一套非常方便於UI Design的工具(但前提是你的作品需要的是美式簡單風格,使用Sketch才會比較上手與能接受),像之前有的設計師跟我說:「因為有很多東西都要在AI或是PS使用,但為甚麼你不用這兩款工具就好了?」。

的確,PS 跟 Ai 確實是可以製作許多的東西,但在許多必須要批次修改的部分,需要非常多的時間去一個一個去修正。但自從Sketch開發了Symbol功能可以製作出元件模組之後,出圖的速度加快了許多!

二、Photoshop / illustrator:

這兩款歷久不衰的影像工具,相信大家都知道了就不再多說了XD

Prototype資源:

一、Placeholder.it

這款圖庫資源非常的好用,它可以任意指定不同長寬的圖片當作是示意圖,在網頁開發上所用的假圖非常好用。如下列的示意圖:

二、unsplash.it

這個資源主要適用於開發Prototype的階段或是DEMO給user時所用的圖片工具,較上方的Placeholder.it 較為完整。其使用方法也是在img標籤裡面鍵入一串特定的網址之後,呈現出隨機選取你指定大小圖片。

三、Placeimg

與unsplash.it相同,Placeimg也是一個隨機產生圖片的提供者,除了可以依照大小自動漂亮圖片,也可透過「分類」去尋找你想要的素材,使你在DEMO給客戶時比較美觀。

Andrew

一個不務正業的前端網頁設計。 讀的是公共行政,不小心踏入金融業; 做的是從小有興趣的網頁設計與開發,卻又應用在網路行銷的工作上。

您可能也會喜歡…