設計每周清單:Principle 3.0更新、Sketch 46n版本更新、漸變工具Granbient

設計每周清單 專註於互聯網設計領域內容,分為熱點資訊、軟體工具、設計經驗、案例研究、網站推薦、深度思考等欄目。

關注「伴星流形」公眾號(ID:designforward),及時獲取設計優質內容推送。

近兩周值得收錄的清單內容較少(國內外乾貨缺乏...),兩周的清單內容合為一周清單列出。

熱點資訊

  1. Figma 2.0 版本更新:新版 Figma 帶來了與簡單的原型功能,以及導出給開發的功能(可以看到代碼)。/ DN上問答
  2. Principle 3.0 版本更新:稱之為最大的一次更新。支持更多父子頁面事件觸發,支持顏色聯動(Driver),對 Sketch 文件做了很大優化。/ 詳細中文文章介紹
  3. Sketch 46 版本更新:小更新,支持通過 Sketch Cloud 邀請朋友查看文件,以及文本現在可以在文本框內部進行對齊。另外測量文本圖層間距時,支持僅查看像素間距而非行高間距。

軟體工具

  1. Grabient:Web 漸變工具,包含了一系列預設,支持複製 CSS 樣式以及下載 Sketch 文件。
  2. Fiber:Framer 推出的一套 Framer軟體用的 UI Kit。
  3. FreeHand:InVision 推出的一款強大的線上多人「白板」工具,用於團隊協作、繪製交互線框圖,或者隨意塗鴉。/ 介紹文章

設計經驗

  1. Sketch 矢量繪圖 100天 :這個100天挑戰系列的特別之處是選用了 Sketch 進行繪製矢量插畫,用過都知道還是有諸多不便的,作者竟然堅持下來了,可以看看作者的100天創作過程介紹。
  2. 電視 UI 設計思考:電視設備顯示、操作方式與手機、電腦不同,UI 設計需要考慮的方面也不一樣。
  3. 使用 Sketch 和 Looper 插件進行圖案創作:Looper 是一個之前介紹過的智能旋轉複製圖案的 Sketch 插件,如何利用它繪製出好看的圖案呢?這篇教程告訴你。

網站推薦

  1. Emmit Fenn :一個有趣的互動式音樂視覺網站。

深度思考

  1. 設計情感化人工智慧:未來設計師可能面臨的新挑戰,如何設計「無UI」的交互,通過語言、文字或直覺進行的人機對話,而更多的是考慮機器情緒的設計。
  2. 設計師100問:包括商業方面以及設計策略方面的各50問。

以上設計每周清單(07.24-08.04)由 shengbanx 整理。

題圖:It』s Time to Design Emotionally Intelligent Machines

推薦閱讀:

Sketch的產品再設計 – 如何提升完善型產品的體驗
Sketch #1 如何用Sketch設計地圖配色,並設置成Mapbox的色值
Sketch輔助神器推薦:用工具來提升設計效率
「教程乾貨」- 在Sketch內探索自動布局 - 響應式系列一
「後台產品」 UX & UI 設計總結(下)- Style Guide 製作

TAG:设计 | Sketch | 用户界面设计 |