神器兩連發!專門提供單色圖標的網站+支付寶設計團隊的沉淀合集

編者按:今天兩發神器,一個專門提供高質量的單色圖標,一個是螞蟻金服出品的Ant Design設計語言和組件庫,還有動效解決方案和官方Axure控件庫等等,絕對是造福設計師的利器。

Thenounproject

The Noun Project 是一個相當酷的項目,專門提供高質量、可辨識性強的符號圖標,這些圖標沒有很花俏的設計,通常只用單色來呈現,使用者卻很容易辨別出它要傳達的意思,如同生活中的交通標志圖案。目前 NounProject 提供超過六百種圖案供用戶免費下載,且持續在更新中,如果你正巧需要這類的圖示,不妨到這個網站來走走。

The Noun Project 的網站如同圖示般簡單、易用,使用者可以在右上角找到分類,篩選出你想尋找或使用的標志圖標,分類包括動物、食物與飲料、生活保健、人物、安全與警示、科學、運動與娛樂、交通運輸、旅游、天氣與自然等等,共有 11 種分類。

神器兩連發!專門提供單色圖標的網站+支付寶設計團隊的沉淀合集

在點擊自己喜愛的圖形標志后,點擊【Download】就可以將檔案下載到自己計算機里使用,下方也會提供相關的圖標以及授權信息。下載回來解壓縮,可以獲得 SVG 檔,必須透過向量圖編輯軟件來開啟,例如常見的 Adobe Illustrator、CorelDraw 等等。

神器兩連發!專門提供單色圖標的網站+支付寶設計團隊的沉淀合集

@龍爪槐守望者?:螞蟻金服(支付寶)團隊沉淀和分享做得非常贊。支付寶用戶體驗設計團隊(AUX)于2016年10月出版《支付寶體驗設計精髓》,總結12年工作經驗,圍繞AUX團隊的設計實踐深度展開近20多個主題,慷慨分享支付寶多年來在這些領域積累的豐碩成果。

當然出版書籍很多公司的設計團隊都做過,這不稱奇,接下來介紹的幾個成果不僅是干貨,更是造福同行的楷模。

Ant Design設計語言和組件庫

螞蟻金服體驗技術部經過大量的項目實踐和總結,沉淀出設計語言 Ant Design,這可不單純只是設計原則、控件規范和視覺尺寸,還配套有前端代碼實現方案。也就是說采用Ant Design后,UI設計和前端界面研發可同步完成,效率大大提升。目前有阿里、美團、滴滴、簡書采用。Ant Design有Web版和Moblie版,我之前寫《這個控件叫什么》就參考了Ant Design的控件規范。

神器兩連發!專門提供單色圖標的網站+支付寶設計團隊的沉淀合集

Ant Design Web版:https://ant.design/index-cn
Ant Design Mobile版:https://mobile.ant.design/index-cn

Ant Motion(動效解決方案)

Ant Design里的前端代碼實現方案可不是搭建靜態的界面這么簡單,還包含動效的解決方案,也提供動效設計風格和原則,要知道大部分動效做不出來的場景,都是因為設計師方案和研發代碼實現存在一定的鴻溝,有了Ant Motion完整的解決方案,設計和研發工程師溝通協作無障礙,動效實現將會非常輕松。

神器兩連發!專門提供單色圖標的網站+支付寶設計團隊的沉淀合集

Ant Motion:https://motion.ant.design/

AntD Library(Ant Design官方Axure控件庫)

其實類似于Ant Design的設計語言搭配前端實現方案的也不止支付寶這一家,但是牛逼的是支付寶還將Ant Design做成了Axure控件庫并公開下載,Web和Mobile全都有,簡直是造福行業,功德無量。

神器兩連發!專門提供單色圖標的網站+支付寶設計團隊的沉淀合集

△ Ant Design官方Axure控件庫

AntD Library下載地址:http://library.ant.design/

AntUX(站點地圖模板)

除了Axure控件庫以外,還提供Axure、Sketch、OmniGraffle三種格式的站點地圖模板。提升流程圖、站點地圖、產品整體結構圖的繪制效率。據悉,未來還會提供Illustrator版本。

神器兩連發!專門提供單色圖標的網站+支付寶設計團隊的沉淀合集

AntUX下載地址:http://ux.ant.design/

Ant V(可視化圖表解決方案)

可視化圖表能讓復雜的邏輯和臃腫的數字變動更清晰更容易理解,Ant V對不同的圖表類型提供了詳細的介紹、案例和使用建議,并總結出圖表設計原則和相關文獻推薦,所有的圖表的Web和Moblie前端實現方案也一應俱全。

神器兩連發!專門提供單色圖標的網站+支付寶設計團隊的沉淀合集

Ant V:https://antv.alipay.com/index.html

相信隨時時間的推移,支付寶設計團隊還會給我們帶來更多的驚喜,馬云曾說過“讓天下沒有難做的生意”,其實支付寶設計團隊提供的這些資源也“讓合作伙伴沒有難做的設計”,不僅完成分內的工作還能反哺對行業發展進行貢獻,真的是功德無量啊。

歡迎關注作者的微信公眾號:

神器兩連發!專門提供單色圖標的網站+支付寶設計團隊的沉淀合集

「優設最新神器推薦

  1. 《這款圖標神器,讓你體驗用完即走的暢快感》
  2. 《超過5萬張!免費高清可商用圖庫ZOOMMY 3.0重磅來襲!》
  3. 《超好用的PS字體管理插件FONTAGS(附安裝方法)》

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量190萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 8
點贊 37

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。