分類
業界觀察 設計/印後加工 軟體工具 雲端應用

Adobe Spark 線上設計

最近這幾年來,對於線上設計平台特別感興趣,先後介紹過四款知名的線上設計網站,參見《Canva vs Crello》與《Fotor vs Fotojet》。當然不能漏掉軟體大廠 Adobe的 Spark 線上設計工具,它可以設計圖片、網頁及影片,也很不錯!

Adobe Spark 網站
閱讀全文⊳

分類
❄免費資源(圖庫/版型/字體) 字體相關 軟體工具

免費「Open 粉圓體」

免費的「jf Open 粉圓」字型,是台灣字體公司 justfont 基於日本的小杉圓體(Kosugi Maru 為 MOTOYA 所設計),來修改優化的一套圓體字型。「粉圓」一詞源於珍珠奶茶,此字體與思源黑體和思源宋體一樣,均為免費的開源字型。

閱讀全文⊳

分類
❄免費資源(圖庫/版型/字體) ❄常見問題 軟體工具

這是什麼網頁字型?

網站常用的網頁字型 (Web Font) 不外乎是 Arial (Helvetica)、Sans-serif 等作業系統內建的系統字型。隨著免費的網路字型 (如 Google Fonts) 越來越多,網頁設計技術 (HTML5/CSS3) 日新月異,許多網站上也出現設計美觀的獨特字型。如何知道這是什麼字型?

12Keys-Florida

這裡介紹兩款瀏覽器的小工具,是個人需要使用看看。WhatFont 提供有 Chrome、Safari 的外掛模組 (extension),以及書籤列小工具 (bookmarklet)。安裝 Chrome 外掛後,在瀏覽器右上角會出現如下圖的小圖示 (f?)。點一下此小圖示,開啟顯示網頁字型功能,在網頁上移動滑鼠就是自動顯示字型名稱。若要關閉此項功能,再點一下小圖示即可。

WhatFont-Show

另一款是書籤列的小工具 Fount。進入此工具網站,將「 Fount 」按鈕拖曳到瀏覽器的書籤列,即刻完成安裝程序。點一下書籤列的「 Fount 」鈕 (如下圖紅框),開啟顯示網頁字型功能,使用滑鼠點選任何網頁文字,就會在右上角的白框裡顯示字型名稱及其樣式資訊。隨時點一下這個白框,即可關閉此項功能。

Fount-Show

分類
❄免費資源(圖庫/版型/字體) 字體相關 業界觀察 軟體工具

免費網頁字型 Web Font 服務

Google 於 2010 年開始推出英文字型的 Google Web Fonts 服務,這種 Web Fonts 網頁字型服務就是利用 CSS 的import 或載入 Script 的網頁技術方式,直接把字型載入到網頁中,要使用某字型時就直接在 font-family 裡面使用該字型的名稱,就能套用到網頁文字,不再需要額外製作圖檔。