一大波干貨來襲！2018年2月設計圈實用素材&工具全解析

+ 查看更多

 

網頁設計圈不是一層不變的。相反，這里總是會有很多新想法、素材如雨后春筍般涌現出來。對于設計師來說，要想創作出優秀的、符合用戶需求的作品，就需要及時跟上網頁設計領域的最新潮流，不斷學習各種知識，靈活運用多種工具。這不，今天小飛就特地對2018年2月設計圈新出現的一些干貨進行了整理，包括在線免費課程、優質設計工具、可用字體素材等等，希望大家可以好好琢磨，學以致用，設計出更加優秀的網頁作品。

 

 

 

Better Web Type是一個為網頁設計師和前端開發人員提供的免費網頁排版課程。這個在線課程主要介紹了網頁中的文本排版、間距安排等，與此同時，它還對這些知識進行了分解，以一種易于理解的方式呈現出來。即使你對網頁排版知識并不了解，在學習上也不會有很大困難。獲取課程內容的方法也很簡單，你只需注冊一下Better Web Type，就可以通過注冊郵箱免費獲取每天的課程（課程課時一般維持在5-10分鐘）。整個課程為期7天，學完之后，相信你對網頁排版會有一個更加系統的認識。

 

 

 

 

這個教程是教你如何使用SVG和CSS創建多色圖標的。開發人員Sarah Dadyan在CodeCamp上詳細介紹了這一技巧，并分享了其中所需的代碼。如果你感興趣的話，可以自行嘗試。

 

 

 

 

Scrimba提供了一門關于如何使用Flexbox的免費在線課程。整個課程分為12個部分，包含了在區塊中安排內容所需的各種工具。對了，這門課程主要是面向新手的，幫助他們盡快理解Flexbox，你可以根據自身的實際情況決定是否進行學習。

 

 

 

 

Rob Hope是One Page Love網站的設計師，他在Youtube 上開設了一個新頻道：Yo！。這個頻道主要討論設計和開發等相關的最新資訊，包括各種工作細節、設計資源、設計活動等。每個視頻耗時并不長，但卻提供了不少值得學習和借鑒的信息。有興趣的可以在youtube上搜索觀看。

 

 

 

 

擁有330萬用戶的在線表單設計軟件Jotform在本月推出了Jotform Cards，這是一個全新的、完成度更高、對用戶更友好的在線表單服務。它主要是面向中小企業推出的一項網站工具，可用來生成聯系我們、活動注冊、用戶調研等多種類型的表單。另外，Jotform Cards還針對移動端進行了優化，一些微妙動效、進度條的使用也能大大提升用戶的參與度。對于設計師來說，這是一項不可多得的表單設計工具。

 

 

 

 

Pigment 是一款簡單、實用的配色工具。通過使用這個工具，設計師可以在調整當前屏幕的色彩（色相、明暗、飽和度等）時，直接將界面上的顏色抓取下來、應用在網頁中。

 

 

 

 

想要一個有趣、時髦的網頁背景？不妨來試試SVG Backgrounds吧。這一工具可以創建出各種定制化的SVG類型背景。它的操作也很簡單，首先挑選一個預定義好的選項（某個背景），然后根據自己的需求進行調整，最后輸出一個帶有Creative Commons 許可證的CSS，應用在網頁中即可。

 

 

 

 

Magicons 是一個包含30個彩色旅行類圖標的合集，每個圖標都有PNG、SVG、EPS 和 Sketch 格式，可以用在多個項目中。

 

憑借其優秀的可視化性能，出色的地圖繪制體驗，Stadia Maps毫無疑問是不少設計師的"新寵"。這項地圖工具還同時提供光柵地圖模塊和矢量地圖模塊，便于設計師將地圖插入到自己網站中。不過這里要注意的是，如果你想要將這個工具繪制出的地圖用作商業用途，是需要付費購買的，個人等用途是免費的。

 

 

 

 

Fixer是一種簡單的幾何字體，它有多種字重（粗、細、常規等）可供選擇，可靈活適用多種場景。

 

 

 

 

Highlander Marker Script是一種極簡風格的手繪字體。這個字體合集中包括了一整套的素材：完整的大小寫字母、數字、標點符號等，不管是用在網頁中還是印刷文本上，都會顯得十分有趣。

 

 

 

 

Influence Numerals是一套對比度明顯的數字字體，主要包括以下4種數字（見下圖）。它是19世紀粗黑體數字的現代延續，風格復古，裝飾感極強。

 

 

 

 

Nikola是一套風格現代的襯線字體集合，由于它的可讀性很高，可作正文字體使用。

快來起飛頁自助建站平臺搭建一個響應式網站吧！