標籤: 設計

Dummy Image 假圖產生器,以網址快速載入各種尺寸顏色圖片

在設計網頁或是配置版面時經常會需要預先保留圖片位置,讓開發或示範時使畫面更接近最終樣貌,如果手邊的圖片還沒處理,我們可以透過佔位圖片(Placeholder)呈現出特定大小的圖片範圍。簡單來說,佔位圖片產生器利用網址直接調整、產生特定尺寸範例圖,省去必須自行裁切圖片的麻煩,因為是以網址形式載入圖片,即使沒有下載圖片依然能在網頁上顯示,我曾介紹過的 Unsplash It、Placekitten、Placemat 和 PlaceKeanu 都是類似應用。

Read More

Artify 提供新冠肺炎免費設計素材,線上編輯器修改立即使用

隨著新冠肺炎(COVID-19)疫情趨緩,一些社交活動或限制也逐漸解禁,終於可以回到大家比較熟悉的生活。不過該做的健康管理與防護還是要養成習慣,例如外出後要記得洗手,不以手碰觸眼睛或口鼻,如果搭乘大眾運輸工具或是前往公共場所還是盡量戴上口罩和保持社交距離,一方面也能確保不被感冒或各種疾病傳染,想想平日的衛教宣導還蠻重要的。

Read More

Blush 可線上調整、預覽並快速製作插圖素材,提供 PNG 格式免費下載

最近很流行的插畫素材是可以自訂各個部分,讓使用者快速製作符合自己需求的圖案,不用受限於原有圖案設計,前陣子介紹的 Stories by Freepik 還能加入動態效果,使靜態圖片變成動畫插圖;Icons8 旗下的 Vector Creator 可以自行挑選樣式,將需要的素材元件拖曳到畫面上,使其成為一張新的圖片。現在很多插畫庫都是直接提供使用者免費的向量圖或可編輯格式(像是 Sketch、Figma 或 XD),如果能在線上直接編輯產生圖片更方便。

Read More

everysize 輸入網址就能測試響應式網頁在各種裝置尺寸的顯示效果

現在很多人是透過智慧型手機或平板電腦瀏覽網頁,在網頁設計上就要考量到如何讓不同尺寸螢幕大小也能正常顯示,以往會製作成電腦版和手機版兩種格式,後來多半以響應式網頁設計(Responsive web design)技術直接在不同尺寸螢幕上顯示最適合的樣式,更重要的是可以節省維護的成本和時間。想測試自適應設計在各種裝置顯示情形,除了直接使用手機瀏覽外,其實也有不少工具可以輔助,像是 Responsive Viewer、ScreenDump 或是 Responsive Screenshots。

Read More

Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果(Chrome 擴充功能)

對中文網頁來說,CSS 字型設定一直是個麻煩的問題,想直接載入字型檔案容量太大,拖慢網頁速度、耗費過多流量,通常會使用網頁字型解決,像是 Google Fonts 和 Adobe Fonts(以前叫作 Typekit)就有提供思源黑體和思源宋體等中文網頁字型,只要加入一段 JavaScript 程式碼並調整一下 CSS 樣式表就能使用,讓網頁的中文部分更易於閱讀,設計看起來也更有質感。

Read More

Stories by Freepik 可自訂顏色背景免費插圖素材,加入動畫效果製作影片

上次介紹 Freepik 免費圖庫已經是七年前的事,這家公司後來推出 Piktab 讓使用者開啟瀏覽器新分頁時隨機顯示素材資源,取代原有單調無趣的分頁功能;也有 Slidesgo 收錄免費 Google Slides 和 PowerPoint 簡報模板下載,其實免費圖庫公司已經不單單只有提供圖片相片,而是有許多不同類型的變化,亦可吸引更多使用者進入,例如 Icons8 最早是以免費圖示起家,後來還開發可以讓使用者自行設計圖庫的 Moose Photos、免費音樂庫 Fugue 或是自製插圖的 Vector Creator。

Read More

The Stocks 2 整合免費圖庫、影片、圖示和字型,單一網站快速瀏覽切換

距離上一次介紹 The Stocks 已經超過五年,前段時間無意間瀏覽到這個網站,才想起我以前好像也寫過文章,不過網站現在變得不太一樣而且內容又更完整了,非常推薦加入收藏,因為真的很方便。如果你還不知道 The Stocks,它整合各種設計相關免費資源,最早只有將一些免費圖庫整合在一起,讓找圖的使用者透過側邊欄選單快速切換各個不同圖庫網站,加速搜尋圖庫的效率。

Read More

DesignersPics 攝影師免費高品質圖庫,可自由下載用於商業用途

大家平常都習慣去哪些免費圖庫網站找圖呢?雖然有一些老牌、相片數量充足的圖庫,像是 Unsplash、Pixabay、Pexels,但後來經過人工智慧和大數據學習的搜尋工具更深得我心,也能透過演算法將品質較低落、不適合使用的圖庫相片先排除掉,大幅節省搜尋時間。如果在尋找圖片素材時想盡量避免使用和其他人重複的內容,試試看由攝影師親自拍攝的小型圖庫或許是個不錯的方法。

Read More

Black Illustrations 以黑人為主免費插圖集,提供各種圖片格式可商業用途

網路上有不少漂亮、好用的免費插圖集,共同特色是具有相同風格或配色,也有各式主題圖案可以選擇,對於要設計網站、開發應用程式或製作投影片和海報來說非常有用,通常圖片也是一般人最苦惱的部份,如果有好的素材對於提升整體質感會很有幫助,也更能聚焦讀者目光。

Read More

Control Illustrations 免費插圖下載,收錄 108 種人物圖案設計可商用

前段時間介紹過幾個風格接近的免費插圖素材,像是 unDraw、Glaze 和 DrawKit,主要是針對製作報告、投影片或產品網站提供各種有質感的圖案設計,不僅看起來更活潑、色彩鮮豔,也顯得更為專業。後來介紹了 Vector Creator、ITG.digital 則是直接將素材整合進線上編輯器,讓使用者透過更直覺的編輯方式客製化符合自身需求的素材圖案,也解決了一般靜態圖庫會受限於既有圖案的限制。

Read More

Unminus 為你的新專案提供免費 MP3 音樂,可自由使用於個人或商業用途

如果要說誰是免費圖庫的始祖,我想很多人會推崇 Unsplash 吧!它也是目前全世界數一數二的大型圖庫,更新頻率極高,且相片始終維持相當優異的品質,更重要的是採用類似 CC0 授權方式(Unsplash 和 CC0 授權只差在不允許使用它提供的相片建立一個相似或具有競爭關係的圖庫網站),透過 API 讓第三方開發出更多相關應用,例如將圖庫下載為桌布的 Splashify,整合到網站媒體庫的 WordPress 外掛程式 Instant Images,或是產生範例圖片的 Unsplash It 和 Unsample 等等。

Read More

Mixkit Music 免費 MP3 音樂素材下載,網站也提供影片和插圖

最早介紹 Mixkit 網站時它是一個免費影片素材網,提供許多高畫質影音素材讓需要的使用者下載,無論是個人或商業用途皆可運用,也能複製、修改或是公開使用,相較於一般免費圖庫來說提供影片素材的網站較少。後來推出 Mixkit Art 則提供免費藝術圖案和插畫素材下載,收錄不少精緻、漂亮、具有強烈配色和構圖的圖案,我個人相當喜愛 Mixkit,因為它有著和其他網站不一樣的路線,更棒的是網站設計清楚,使用者可以很容易找到自己需要的素材。

Read More
Loading