2018年10月設計圈超實用乾貨大合集
這個月的設計圈乾貨大合集有一個非常集中的主題:色彩。這次的素材合集當中,包括了大量有趣有用的配色的資源和工具。當然,諸如字型、圖示和各種新鮮好玩的工具同樣不會缺席的 ~
ofollow,noindex">Logo Lab
Logo Lab 是一款新鮮出爐的工具,它可以幫你衡量LOGO的設計是否合理,只需要上傳你的 LOGO ,它就能通過視覺化的方法,來幫你測試它的縮放效果,輪廓和平衡等諸多關鍵性因素。Logo Lab 會提供 10個系統性的測試,包括色盲模擬器和可伸縮性測試。你只需要上傳 PNG 或者 SVG 格式的LOGO就行。
ColorBox
ColorBox 是一款來自 Lyft Design 的工具,它可以幫你建立超級漂亮的配色組合,之後無論是應用、收藏還是分享都非常方便。ColorBox 內建大量的配色選項,可以輕鬆建立各種配色版和色彩組合,無論是普通的配色還是漸變色都行。
New Werner’s Nomenclature of Colours
Nicholas Rougeux 將1821 年的色彩指南整個翻新了,按照更加現代的方式來命名和呈現,讓數字時代的我們更便捷地使用。
GraphQLEditor
GraphQLEditor 讓你可以無需程式碼建立視覺化圖示,它使用 Graphql 的模式來運作,當你建立連線塊的時候,編輯器可以直接將它們轉化為程式碼。
Firefox Reality
Firefox Reality 是一個虛擬現實瀏覽器,Mozilla 說它是「專門用來解決VR中瀏覽器面臨的所有的新機遇和挑戰」。它目前已經支援 Vivepot、Oculus Go 以及 Google Daydream 等主流VR裝置。
Google Dataset Search
Google Dataset Search 是一個新的測試工具,它幫你在資料集中搜索和查詢資訊,以下是 Google 對於這個專案的描述:
「資料集搜尋讓使用者能夠將 Web 成千上萬儲存庫的資料集變得可用、有用且便於訪問。我們讓使用者在單個介面當中,實現跨儲存庫的直接搜尋,藉此徹底改變資料的呈現、傳輸和獲取的方式。我們還認為,這個專案還能帶來額外的好處:a)建立資料共享的生態系統,鼓勵資料釋出者遵循資料儲存和釋出的最佳實踐;b)通過更加科學的方式來讓科學家瞭解資料集對於他們工作的影響。」
Zipsell
Zipsell 是一個開源的自託管平臺,用來提供數字下載服務。在這裡你可以建立自己的商店,添加了產品之後,使用者就可以訪問你的商店購買產品,並且使用 Stripe 付款,並且能夠基於你的品牌進行定製。
GraphJS
GraphJS 是一個開源的「貼紙」合集,讓你可以在任何網頁上實現社交功能。無論是身份驗證、論壇、個人資料頁還是群組管理、私信、評論都可以用到它。它是完全開源的。
Landing Pages
Davide Pacilio 為初創公司建立了四種不同的著陸頁模板,可以免費下載。每個模板都有著相當靈活的佈局,便於實現各種不同網頁功能。
Gitbird
將這個工具新增到你的專案的Git 當中,就能夠幫你在更新專案之後,自動釋出推文,幫你推廣。設定好了之後,當你完成更新之後,系統會自動執行。
Accurately Measuring Layout on the Web
關於瀏覽器渲染通告和網頁加速,你想不想了解更多?開發者 Nolan Lawson 撰寫了這篇文章幫你以更加清晰易懂的語言,幫你解釋了這些功能都是怎麼運作的,幫你更好地做Web開發。
The Font Loading Checklist
The Font Loading Checklist 是一個來自設計師 Zach Leatherman 所製作的檢查清單,其中涵蓋了關於字型載入的全部重要的知識點,以及一份完善的策略和四步執行清單。
Slang
Slang 是一個基於 JavaScript 的音訊程式語言,整個程式設計環境就是瀏覽器。它的運作原理並不複雜,藉助Ohm.js 的自定義語法來解析,使用 CodeMirror 的編輯器來管理語法定義,執行的則是藉由 Web Audio API 和 JS 在瀏覽器中實現。
Design+Code 3
Design+Code 3 包含了超過 60 個小時的培訓視訊供你下載,用來幫助你學習 React 和 Swift 。付費版當中還包括更全面的內容,包括設計和開發。
Scriptgun
Scriptgun 是一個幫你節省編寫程式碼的工具。它使用通用程式碼,幫你快速啟動設計。它是一個完全整合 Angular 的專案,還包括 100% 的資料庫配置。
DBDiagram
DBDiagram 是一個快速而簡單的工具,幫你使用 DSL 語言來繪製資料庫關係圖和流程。
Realtime Board Mind Map
Realtime Board Mind Map 是一個團隊工具,可以幫你構建想法,進行頭腦風暴會議。它能夠幫你對映任務,記錄想法,構建使用者故事地圖,路線圖或者使用者歷程地圖。
500 Error
500 Error 是一個眼花繚亂的動畫效果頁面,你的報錯頁面可以借用它來實現。確實很酷。
Trendy Palettes
Trendy Palettes 是一個精心製作的配色合集,可以用於各種不同的專案。
Baseline Icons
Baseline Icons 是一組包含75個免費圖示,一致的外觀,簡單的元素,可以用於個人和商業專案。
Autumn Kawaii Icon Set
Autumn Kawaii Icon Set 是一組免費圖示合集,每個圖示都是可編輯的、可隨意縮放的,你可以將這些圖示調整成為你所偏好的樣式。
Color Leap
Color Leap 是一款新型的配色生成器。你可有檢視不同歷史時期的李旭ingse,幫你快速獲取靈感。
Azonix
Azonix 是一款風格現代的無襯線字符集,它的設計靈感來自於科幻和未來風電影。
Rolleston
Rolleston 是一個適用範圍足夠廣的字型家族,具有強烈的性格和引人矚目的襯線細節。這種字型最引人矚目的,是它的連體字字元的設計。
Sometype Mono
Sometype Mono 是一款適用於程式設計頁面和表單文字的字型,比起傳統的等寬字型視覺效果更好,感知上更加流暢。