不知道大家有沒有聽過 InVision 呢？這是一家總部位于紐約的公司，主要提供設計師共享設計原型，利用這個平臺可以更輕易與其他人討論、修改設計，同時也可以獲得更為實時回饋。利用 InVision 讓設計不再是設計師或設計團隊的工作，全體員工都能參與，以創造出更精致的設計，使用者也能獲得更好的使用體驗。

近期 InVision 釋出一款名為「Chat」的UI資源包讓需要的開發者免費下載！依照網站提供的圖片，可以看到這款設計非常簡約美觀，帶有Material Design 設計風格。

無論網頁、平板計算機或手持設備—「Chat」一手包辦！包括 60 種模版、12 種類及 80 個UI界面組件，使用這套設計包可協助你打造出最棒的應用程序。

設計精簡化，同時也有干凈利落、平面效果，讓使用者將注意力放在畫面內容，而不會被界面混淆。如果你正好在開發一款 App ，或者想從其他人的設計找尋靈感，以下我會教你如何免費下載「Chat」，包含 Sketch 和 Photoshop 適用的兩種檔案版本。

Chat UI kit by InVision

STEP 1

開啟「Chat UI kit by InVision」網頁后，往下拖曳找到 Screens，這里收錄許多 Chat 實際操作的畫面擷圖，可以看到它的設計偏向于 Material Design 且有平面化效果。點選右邊的選單按鈕，還能找到在登入、注冊、個人檔案、主畫面、聊天室、相簿、狀態、設定等不同功能的效果。

STEP 2

點選畫面截圖來放大設計。不得不說這套「Chat」用戶接口設計包實在非常好看！可惜我沒有要開發應用程序，不然可能會很想直接將它拿來套用。

STEP 3

將畫面拖曳到最底下的「Download」部分，輸入你的 Email 后點選「Send」來收取下載鏈結。InVision 會把下載點寄到你的 Email 信箱，請記得填寫正確。

STEP 4

開啟 InVision 寄來的郵件，郵件內就有「Download Chat UI kit」兩個鏈結按鈕，分別可以取得 Photoshop 和 Sketch 的兩種文件格式！

【優設酷站22連發！】

1. 免費圖庫+導航收集站：《酷站兩連發！高品質免費圖庫站+專注WEB/APP導航收集站》
2. 音樂站+字體搜索：《酷站兩連發！幫你專心工作的音樂站+谷歌字體在線搜索神器》
3. 漸變色+代碼比較：《酷站兩連發！漸變色方案全聚合網站+在線代碼比較神器》
4. 配色+占位圖：《酷站兩連發！在線色彩搭配工具+快速生成占位圖片器》
5. LOGO下載+字體下載：《酷站兩連發！可商用的矢量LOGO下載+平面最愛的27款免費字體》
6. 壓縮圖片+在線配色：《酷站兩連發！在線圖片壓縮神器+在線配色工具COLOURCO》
7. CSS Hover動畫+寵物小精靈配色：《酷站兩連發！寵物小精靈專屬配色網站+CSS HOVER動畫收集站》
8. 美女圖片+游戲配色：《酷站兩連發！游戲配色網站+免費美女素材特供網站》
9. 在線配色+字體推薦：《酷站兩連發！在線配色神器+英文字體推薦網站》
10. 追波作品變代碼+16進制顏色：《酷站兩連發！用代碼呈現DRIBBBLE作品+16進制顏色網站》
11. 無縫紋理+多邊形背景：《酷站兩連發！專注無縫紋理素材站+多邊形背景生成器》

原文地址：free.com.tw

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

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