從字體設計公司官網看網頁設計趨勢

jason huang
互動有無
Published in
3 min readFeb 2, 2020

當網頁技術不斷推陳出新,視覺動態、互動和 3D 效果,往往是設計師優先考量的元素,除了能快速抓住使用者的眼球,也能顯示自己技術能力。因此,字體的設計和選擇,就經常淪為次要的重點,不過隨著近幾年 Minimalism 和 Brutalism 的網頁設計趨勢,字體又時常成為視覺主體,甚至能用作設計核心,但該怎麼去運用越來越多元的元素?倫敦的字體設計公司 — Family Type 的官網,或許提供了值得借鑑的方式和趨勢。

Family Type 原為倫敦設計工作室 OMSE 的分支 OMSETYPE,將多年設計案累積的特製字體販售作為主要收入,但隨著其規模的增長,OMSE 的共同創辦人 Briton Smith 便決定分拆兩事業,甚至退出 OMSE 並將 OMSETYPE 改名為 Family Type,讓他專注於字體設計的專業。

此次的網頁製作則是交由一樣在倫敦的設計工作室 Twomuch Studio,他們除了製作過著名設計學院 Central Saint Martins 的畢業作品網站,更致力於不同的視覺設計像是平面設計、動畫和品牌視覺。

回到他們的網頁,字體設計公司的重點當然是字型本身,但有別於常見的字體網站,Family Type 運用其設計的字型來製作許多不同的動態和互動設計,可以說是直接把每個 character 都當作圖像來玩,不但保留視覺動態、互動和 3D 效果的趨勢,更讓整個網頁不需要多餘的圖形元素點綴,將字體作為主體。

另外,這樣的做法也示範一個字體用在動態時的感覺,像是跑馬燈、旋轉、放大和線條堆疊,讓設計師更快知道這個字體能做到的互動或效果,縮減購買前的測試時間,也更貼近數位相關設計師的需求。

至於此網站反映的網頁設計趨勢,便是 Minimalism 和 Brutalism 的運用和結合。觀察許多經典案例都會比較偏向其中一邊。Family Type 則是有著粗獷的 raw 又同時放入許多精緻的互動和效果,讓整個網頁帶有品牌個性又不失細節,像是首頁左上角的 3D 球體就相當吸睛也印象深刻。

許多商業性質的網頁往往都較為保守,又或者是說保持相對的平衡。因此在不落於俗套或突兀表現自己的品牌精神之間,相信官網的重點元素在小而巧的視覺動態、互動和 3D 效果之外,像是 Family Type 設計的 Universal SansSpace Type Generator 的字體工具,也將成為讓網頁和品牌更立體的元素之一,並為網頁設計注入新的活力。

--

--

jason huang
互動有無

生於臺北,後天港仔;科技創新學徒,人文傳教士 👋🏼 j450nhuang.com