優秀的設計工具和高素質的設計資源能夠讓設計師的工作更加輕鬆便捷。專門針對設計師的效率工具讓協同和設計上花費的時間更少,最新的圖標合集、UI Kits和字體素材,則可以更快讓你的設計作品更上一層樓。下面是這個月的乾貨大合集,希望能夠幫到你。
Drafta
Drafta 是一款團隊協作工具,你可以藉助它來儲存和分享設計好的 Web 和 UI 界面,在其中組織好了之後,藉助 URL 分享出來。你可以藉助 Drafta 來存儲設計稿、分享更新,甚至可以從其他的項目中獲取靈感。這款工具有收費和免費兩個不同的版本,根據需求選擇吧。
Galio
Galio 是一款免費開源的框架,能幫你創建移動端 APP。它擁有大量現成的組件,各種排版的功能,以及足夠漂亮時尚的基本主題,足以應對不同的設計項目。整個框架內置了11個不同的界面,超過60種不同的元素,並且還在持續增加中。
DesignBase
DesignBase 可能會是這個合集當中最吸引人的東西,這個網站當中都是精心挑選的各種設計資源合集,包括 UI Kit 工具包,各種視覺稿、插畫、配色方案、字體、圖標和數據庫。一站式服務哦 ~
Playroom
Playroom 是一款非常有用的工具,能夠幫你同時針對不同的主題和不同尺寸的屏幕來進行設計,這款工具需要 JSX的組件庫作為支持。在它的幫助下,你可以創建一個無需安裝的、面向代碼的設計環境,它內置於獨立的捆綁包當中,可以和現有的設計系統和文檔一起部署。
Dribbble for Sketch
Dribbble 如今可以和 Sketch 聯動了。新的集成方案可以將你最喜歡的平臺和你最喜歡的工具結合到一起,無需導出設計素材就能發佈出去。安裝插件試試吧。
Experimental Gradient Editor
如果你喜歡使用漸變,那麼這款工具會非常對你的胃口。你只需要使用滾輪查看不同的選項,選擇色彩就可以了。你甚至可以使用不同的燈光模式來查看色彩在不同條件下的外觀,幫你更好地選擇更合理的配色。
Chatkit
Chatkit 是用來構建 APP 內的消息傳遞系統的,讓用戶無需離開 APP 就可以和產品背後的開發團隊進行聯繫。無論是已有的APP 還是開發中的APP,都可以將它加進去。
reCAPTCHA v3
reCAPTCHA v3 是谷歌旗下最著名的驗證碼系統的最新版本,它是一個API,哪怕在沒有用戶交互的情況下也能幫你檢測網站流量濫用的情況。reCAPTCHA 並不會顯示驗證信息,但是會為你提供相應的數據,你可以在此基礎上挑選最合理的解決方案。
Flashcards for Developers
使用抽卡的形式,來幫你學習開發技術,這算得上是一種非常老派的學習方法了吧?Flashcards 包含了不同編程語言的拍組,包括 Python、JavaScript、C/C++和基礎的計算機科學的合集。
Glorious Codes
Glorious Codes 為你提供一種更為便捷度的方式,藉助動效來顯示代碼。它是一個 JavaScript 庫,它使用 API 幫你將代碼以動效形式展現。
Cosmos Pattern
Cosmos Pattern 是一組使用 SVG 來創建的圖案紋理。
Toggle Buttons
這組開關按鈕的功能是完全使用 CSS 寫出來的,你可以看看它們的效果,看是否適宜於用到你的項目當中。
Colorblindly
Colorblindly 是一個模擬測試工具,開發者可以藉助它將配色模擬成色盲用戶看到的樣子,從而可以有針對性地調整配色,確保界面的可用性。它的運作原理是在網頁上疊加一個CSS 濾鏡。
April Landing Page Template
April 是一個著陸頁模板,專門為初創公司所設計。整個設計當中包含了足夠的留白,免費的 HTML 代碼,可以適用於不同類型的設備。
Evericons
Evericons 是一組免費的線性圖標,包含多種可供選擇的樣式。直接使用,或者增加色彩,可以讓它們在界面中看起來更舒服。
Folder Icons
Folder Icons 包含了一組25個免費的圖標,每個圖標都代表著不同的關於文件夾的操作。圖標都是可供編輯的矢量格式,你可以在不同的項目中使用。
Error Screen Illustrations
這組插畫絕對是 UI設計師的福音,它包含了一組非常有趣的插畫,用於出錯的界面。它們能夠讓用戶感到愉悅,降低出錯給他們帶來的不良情緒。
Report: The Business Value of Design
這份來自麥肯錫的分析報告,為你指出了設計對於商業的價值。之前優設所撰寫的文章《研究了300個頂級企業之後,他們發現了這4個設計關鍵點》當中,對於這一報告的分析和結論進行了總結式的闡述。
100 Days CSS Challenge
如果你想通過挑戰來進行學習,那麼這份100天 CSS挑戰能夠讓你在學習CSS 過程中,每天都有挑戰,不斷地前進。完成挑戰之後,你可以在社區中分享你的經驗和想法。
How Facebook 3D Photos Work
許多 Facebook 用戶已經可以在他們的時間流當中看到一些3D的圖片了,這些圖片是怎麼實現的?這篇文章能夠給你答案。
Graphpack
Graphpack 能夠幫你創建零配置的 GraphQL 服務器,它包括 Live Reloading、GraphQL Playground、GraphQL Imports 等功能。
Anaheim Script
Anaheim Script 是一款手寫風格的字體,非常有魅力。它的筆觸可讀性很強,並且包含大量有趣的元素,比如裝飾和可選樣式。這套字體包含完整的字符集和數字。
Classy Beautiful Sans
Classy Beautiful Sans 這套字體當中,所包含的字符集數量有限,僅有基本的大寫字母和相關的幾個字符,風格復古。用來做展示和品牌設計是不錯的選擇。
Kontiki
Kontiki 是一款非常酷的字體,用來模擬手工製品和木版刻字的效果是非常不錯的。為了創建這套字體,設計師手工雕刻了193塊木版,印製出來,其中包含560多個所用到的字符。整套字符集完整,視覺效果極佳。
Lineall Medium
Lineall Medium 是一款時髦的字體,在字體的細節處理上非常獨特,可以提供有趣的顯示效果。
TT Firs Neue
TT Firs Neue 是一個高度可讀的無襯線字體,風格偏現代。
閱讀更多 河北華信智原 的文章
關鍵字: 軟件 設計師 JavaScript