---
tags: 研華實習日誌
---

# [實習] Material design規範大補帖
###### tags: `研華` `日誌` `UIUX`
> 上班時間﹔5/23 (週一) 8:30am - 5:30pm     天氣：雨

今日項目：

1. Contact Us 網頁／平板/手機
2. CYBERSECURITY 頁面調整

今天的週一報告為綺貞前輩、Lary前輩主講！
這次在顏色規劃上學到好多呀！之前Tina前輩有提及設計可以參考Material design內的規範，當時是沒有系統性地閱讀，想到什麼就看什麼，若沒立即應用時間久了也會忘記QQ 今天聽見綺貞前輩介紹顏色規範，就再度搜尋Material design提供的建立色標準，很幸運找到網友分享的資訊[UI / UX 設計白皮書 / Material Design 導讀_Day01 Material 基本介紹](https://ithelp.ithome.com.tw/articles/10233264)，小白如我終於可以沒那麼痛苦的吸收內容了ＱＱ 今天綺貞前輩還介紹一個很厲害的工具是[contrast-ratio](https://contrast-ratio.com/)，並建議目前高於4.5的數值為可辨識性對比色，因好奇為何是4.5這個數值所以進行搜尋

原來是W3C全球資訊網的規範呀！之前以為W3C只有介紹HTML、CSS等網頁程式，沒想到連UIUX都有！！太神了！另在搜尋時發現了很多其他顏色比對工具[List of color contrast tools](https://www.456bereastreet.com/archive/200709/10_colour_contrast_checking_tools_to_improve_the_accessibility_of_your_design/)，站內提及在進行無障礙設計時，如考量到色盲與其他視覺障礙者、陽光照射螢幕時等等，更需注重網頁對比度的問題！這也讓我想到Bruce前輩提到，在選擇顏色時，也可把投影的亮度因素納入考量！以及在透明度與實色的選擇上，考量透明度可能會因為在不同背景上時呈現不如預期的效果，因此最後決定實色100%！還有介紹色票建立跟暗色模式時的選擇，資訊量好龐大～～～


今天的工作內容主要是將Contact Us頁面從中文轉為英文版，因英文的字數比較多，以英文版去排版比較能預期行數的問題～！