近期於前端開發時常會被 PM 要求先提個 Mockup 來看看呈現效果之類的。有鑑於公司目前的人力配置一直沒有規劃到 UI / UX 這個領域，那就自己下來碰碰看吧。這篇筆記的是六角學院的 UI 設計入門：畫出有程式邏輯的設計稿 中關於「Radio Button & Checkbox」這兩種特別的輸入格。
課程相關資訊
[連結]：https://courses.hexschool.com/courses/enrolled/724307
本篇範圍：Chapter 4 ( 從原子設計學習介面的常見元件 ) ，一共有 13 篇
請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。
筆記
1. Radio Button 是用於單選的情境，而 Checkbox 則用於複選，而且是方形的
2. 狀態：關閉 ( 僅有外框線 )、開啟 ( 填滿，通常僅元件樣式有顏色變化 )、停用 ( 整體會呈現反灰 )
3. 這兩者與文字的配置，可以依情境自由調整於文字左右，但請小心不要兩者混用
