---
# System prepended metadata

title: 20221110_デザイン勉強会に入って
tags: [ブログ記事]

---

# 20221110_デザイン勉強会に入って
(例：20210901_LT会を開催しました)
###### tags: `ブログ記事`

- [x] 公開（ブログ公開担当者がいじるやつ）


太字斜体で書いてある内容を埋めて行ってください．
文章，画像は太字斜体の下の行に入れてください．
最初に書く時はREADMEを読んだら読むといいと思います．

<br>

## 表示されない情報
***書いた人の名前(自己紹介文と同じ名前)***
{
小武壮太
}


***記事の簡単な説明(検索した時にタイトルの下に出てくる文章)***
{
デザインチームに入ってみました。文字の書体、UI、UXについて学びました。
}


<br>

## 表示される部分
***サムネイル画像***
{
![](https://i.imgur.com/T78pFCd.jpg)
}

***カテゴリ***
以下の中から該当しそうなカテゴリを選択してください
※一つだけ選択してください
- [ ] 対外活動
- [x] 活動の様子
- [ ] メンバーの趣味

***タグ***
以下の中から該当しそうなカテゴリを選択してください．当てはまる物がない場合は適宜追加してください.
言語
- [ ] HTML
- [ ] CSS
- [ ] Python
- [ ] Go
- [ ] Ruby
- [ ] JavaScript
- [ ] TypeScript
- [ ] Dart
- [ ] Rust
- [ ] Kotlin
- [ ] Swift
フレームワーク・ライブラリ
- [ ] Ruby on rails
- [ ] Vue.js
- [ ] Nuxt.js
- [ ] React.js
- [ ] Next.js
- [ ] Gin
- [ ] Flluter
ツール
- [ ] GitHub
- [ ] ターミナル
- [ ] WSL
- [ ] Ubuntu
- [ ] Docker
- [ ] Raspberry Pi
- [ ] Figma
分野
- [x] Web-design
 


---

***以下に本文を記載してください***
## 入ったきっかけ
私がデザインチームに入ったきっかけは今年の6月に行った技育キャンプです。
私は技大祭実行委員会の中で制作局という局に元々所属していたのでデザインには興味がありました。ですがデザインチームにはいるという具体的なところまでは考えていませんでした。
そんな時に技育キャンプでwebサイトのデザインを初めて行いました。その時にデザインチームで使われていた勉強資料を拝見して、勉強しました。その時に触れたUIやUXなどの人に寄り添うデザイン作成の面白さに気づきました。そのことがきっかけでデザインのことをもっと勉強したいと思うようになりました。

## 雰囲気
勉強会ではFigmaを用いてスライドを見ながらそこに直接画像やグラフを張り付けるものや自分で調べながら行うなど参加型の勉強が多くインプットとアウトプットが同時にできる画期的な勉強会となっていて、退屈せず楽しく学べます。

## 学んだこと
* Figmaとは
    UIデザイン作成ツール。
    個人的にCSSの当て方が書いてある機能はコーディング時に大変お世話になっています。
* デザイン４原則
    1. 近接：人間は無意識に同じ形、近くにあるものを1つのまとまりとして認識するという法則
    2. 整列：人間は揃っているものを綺麗だと認識する
    3. 対比：対比を活用すると与える印象や内容のわかりやすさを変えられる
    4. 反復：デザインの中にも統一性を作った方が美しく見える
* フォント
    明朝体、セリフ体→小さくても可読性が高い
    ゴシック体、サンセリフ体→可視性が高い
* UI/UX
    UI(User Interface)：ユーザーの目に触れるところ
    UX(User Experience)：コンテンツを通してユーザーがする体験
* UI/UXデザインにおける最低限のルール
    多くの人が違和感なく使えるUIの形状・色などを言語化したもの。
    それをまとめたのがWCAG
    * 文字の色と背景色のコントラスト比が4.5:1
    * 色だけでの役割指定をしてはいけない
    などがある



