各UIの標準的な仕様を改めてキャッチアップする

昔に標準仕様をキャッチアップしてからもう3年、、

UIデザインのキャッチアップを集中的に行っていた時期に各UIの標準的なの仕様を一度まとめましたが、その時からもう3年経ちました。

しかも当時のドキュメントは前職に置いてきてしまった、、

この3年間も適時キャッチアップをしてきたものの、体系的にまとめることをしてこなかったのでここいらで改めてまとめてみようと思います。

キャッチアップするものの一覧

1. Text
2. Icon
3. Button
4. Input
5. Checkbox
6. Radio
7. Select
8. Card
9. Table

とりあえずこの辺から。
シンプルなものから初めて徐々に複雑なものをやっていく予定ですが、進めながら適時追加する想定です。

基本的な観点

1. 事例
2. よくあるUIの仕様パターン
   1. アクセシビリティ
3. 他UIとの使い分け

このブログの記事としてまとめていく予定。

まとめていく上で共通して設けるセクションはとりあえずこの3つにする。
これも進めていく中で修正するかもしれない。

「事例」は、他社のデザインシステムや標準的なのHTMLやCSSの仕様を参考にまとめる予定。

「よくある仕様パターン」は、UIによって様々なパターンのまとめ方がありそう。とりあえずアクセシビリティに関しては必ずまとめるようにする。

「他UIとの使い分け」は、使い分けに迷いそうな事例をまとめる予定。
わかり易い例でいうとCheckboxとRadioとか。

試行錯誤しながらやっていこう。