invision-ui-sketch-ps-1

不知道大家有沒有聽過 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 且有平面化效果。點選右邊的選單按鈕,還能找到在登入、注冊、個人檔案、主畫面、聊天室、相簿、狀態、設定等不同功能的效果。

5out20160220

STEP 2

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

4out20160220

STEP 3

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

3out20160220

STEP 4

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

2out20160220

【優設酷站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

uisdc-hao

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

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

點贊
收藏 1

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏