標籤：

[設計異聞錄] Week 42

07-24
[設計異聞錄] Week 42

來自專欄設計異聞錄5 人贊了文章

發現標題的限制字數變少了，以後標題就不放關鍵詞啦。keywords as follows:

#ml5.js #Design System in Github #FigmaAPI #powerlessCommunication

Table of Contents

[News] World Interaction Design Day 2018/09/25

[Opportunity] Digital Earth Fellowship

[Design + Machine Learning Library] ml5.js

Reading

1 & 2. Interaction Design Inspirations

3. Design System in Github

Sharing

[Website] Generative Arts related

[Portfolio] Broccolini #Github #Design #Programming

Learing

[UX] Figma API & Invision Studio

[Book] Powerless Communication

News

Announcing World Interaction Design Day

We』re proud to announce we』ve partnered with Adobe to launch World Interaction Design Day, an annual initiative dedicated to advancing the craft and showing the world how interaction design improves the human condition.

Fellowship OPEN CALL - Digital Earth

thedigitalearth.org/

A fellowship for research and experimentation with and around the materiality and immateriality of the digital reality.

Apply digitally, by emailing an application (no later than 25 July 2018 (23.59, CEST))

Design + Machine Learning; For Designers and beginners!!!

ml5.js: Friendly Open Source Machine Learning Library for the Web!

By Daniel Shiffman and ml5.js collaborators

相信在跨界設計領域的大家對p5.js, processing什麼的都不陌生。在NYU TISCH 下的ITP(Interactive Telecommunication Program)的大神Daniel Shiffman和小夥伴們開始了友好的machine learning library！我之前在紐約時ITP就已經有實驗性的上這個library了。感動啊看到這個消息。

https://itp.nyu.edu/adjacent/issue-3/ml5-friendly-open-source-machine-learning-library-for-the-web/?

itp.nyu.edu

ml5.js: a beginner-friendly library for the web to introduce coders to machine learning, from algorithms and data to models and training.

Beginning programmers face two main barriers with current machine learning tools. Firstly, having to install and configure a development environment and secondly, having to implement low-level mathematical operations.

初學者在面對現有機器學習工具的兩大難題：1. 必須安裝並且適應編程環境；2. 需要解決低level的計算運行問題。

Technology is not enough.

Consider the technology as a tool which, in itself, could do nothing.

Treat the technology as something that everyone on the team could learn, understand, and explore freely.

— Red Burns

Reading

1.2018年必看最新創意手機聊天界面設計

分別闡述了推薦的app的設計師、亮點、學習點。

內容涵蓋了動畫、情感化設計、multi-task for chatting。

超喜歡下面Multitasking messager UI，可以邊聊天邊視頻，還可以一起讀書看電影的設計（圖片的使用場景是媽媽在電話聊天界面下選書給孩子讀。）

designer：Cuberto

2. App原型設計-Dribbble極具創意的下拉刷新案例大放送

3.Design Systems at GitHub

文章講了Github內部需要有design system的原因、設計過程、遇到的challenge、所用的工具以及team building。因為這篇東西又算是複習了ES6, 嘗試了Figma，etc。(:3

Website Sharing

#Generative Arts

https://mutable.gallery/?

mutable.gallery

A collection of generative artworks by Heydon Pickering

有趣的是展示方式是通過用戶探索map來的。

Portfolio Slam

Diana Mounter

Design systems manager at GitHub.

Organizes NYC Design Systems Coalition. Fan of potatoes.

broccolini.net?

broccolini.net圖標

讀了medium文章知道的她，網站拿react寫的。域名好喜歡哈哈。

Learning

1.UX Tool - Figma API and Invision Studio

1).Figma API

在讀一篇文章，關於design system在github的應用，發現他們用了Figma API來解決

「We continue to look out for repetitive processes and how we might improve and automate them. This year we updated our Octicons publish workflow, and used GitHub』s open-sourced bot, Probot, with the Figma API and Travis CI to automate parts of the workflow. You can read more about this on the GitHub blog.「

引文提到的 Github Blog 就叫 「Using Figma designs to build the Octicons icon library」

於是我就迫不及待去小體驗了一把：

用戶編輯界面，on boarding tutorial做的挺好的

通過url使用api並替換預覽圖中圖片

2). Invision Studio

還試了Invision出的prototyping 軟體Studio early assess. 走了一下教程，個人還是喜歡origami的邏輯誒。

2.Powerless Communication

最近開始讀校長畢業典禮時推薦的書，Give and Take，啦。真的深有感觸，學到很多。How to be a gentle person with power inside. 特別想分享的是The Power of Powerless Communication這一章。怎樣說話才能讓人心服口服，開始接納你的意見？怎樣的方式可以建立你的prestige，而不是taker的佔有dominance？怎樣讓他人開始理解你，並幫助你？覺得這些對於team building, collaboration, leadership都有很大的幫助。開始重新看待自己的說話以及表達自我的方式了。

"Powerless communicators tend to speak less assertively, expressing plenty of doubt and relying heavily on advice from others."

  • Presenting: The Value of Vulnerability 展示自己的弱態
  • Selling: Separating the Swindlers from the Samaritans 學會傾聽，做去了解去詢問的那個人，述說的那個人會覺得更有貢獻感融入感，繼而接納你的意見
  • Persuading: The Technique of Tentative Talk 轉折地說話，注意展示leadership領導力時別過分使用。Hesitations, hedges, and intensifiers.
  • Negotiating: Seeking Advice in the Shadow of a Doubt 尋求意見更易讓人接受並讓人理解你的出境。

書的地址如下：

Why Helping Others Drives Our Success: Adam Grant: 0884823509397: Amazon.com: Books?

www.amazon.com圖標
推薦閱讀：

※2016最新安卓版UI設計規範篇
※規範意義和應用管理
※建築設計防火規範GB50016-2014（針對幼兒園建築設計的防火條例）
※設計系統的組件庫，究竟是應該大而全，還是小而美？
※移動互聯網信息載體（界面）的設計語言

TAG:交互設計 | 設計規範 | 溝通 |