Google 設計指南(中文)


https://medium.com/@hizai/the-guide-to-design-introduction-528cc36ddb76

第一章
https://medium.com/@hizai/the-guide-to-design-chapter-1-why-design-why-now-574791742c9f

第二章
https://medium.com/@hizai/the-guide-to-design-chapter-2-industry-overview-ccb3863c9df9

第三章
https://medium.com/@hizai/the-guide-to-design-chapter-3-design-with-capital-d-c64c00d678dd

第四章
https://medium.com/@hizai/purpose-and-community-design-techniques-e77535dec209

https://medium.com/@hizai/purpose-and-community-beyond-design-27af8792a736


第五章
https://medium.com/@hizai/the-architecture-of-information-01-4f174e348e4c

無障礙相關工具

Drag and Drop this link: ANDI into your browser’s favorites/bookmark bar
在要檢測的網頁,點擊此書籤,會檢測無障礙

輸入網址後,觀看色盲模式下的畫面
https://www.toptal.com/designers/colorfilter
https://wave.webaim.org/
https://achecker.ca/checker/index.php
https://a11ygator.chialab.io/

色盲
https://colororacle.org/index.html

NCC
https://www.handicap-free.nat.gov.tw/

顏色、對比、大小、色盲等服務都有
https://getstark.co/

單一顏色對比工具,可調整細部數值
https://colorable.jxnblk.com/
https://webaim.org/resources/contrastchecker/

多個顏色比對工具
https://contrast-checker.glitch.me/

多個顏色比對工具
https://toolness.github.io/accessible-color-matrix/

顏色對比、且可用滴管工具
https://contrasteapp.com/

顏色對比:輸入色碼
https://hexnaw.com/

對比色範例
http://clrs.cc/a11y/