yuho / Yuho Kitamura

[KitamuraYuho]

introduction

• 課題を始める

what is design

• いいデザインって何だろう？

Figma

• 確認問題 1
• 確認問題 2
• 確認問題 3
• 確認問題 4
• コミュニティ

color scheme

• 配色について考える

Web page

• 画面遷移図制作
• Atomic Design
• テキスト・カラーなどの登録
• デバイス対応
• デザイン・動きを伝える

trace

• トップを作る
• カフェ紹介を作る
• カードを作る
• ニュース・イベントを作る
• プランを作る
• フッターを作る
• ヘッダーを作る
• ページを完成させる

ここでやること

1. 終わったら該当の課題にチェックを入れる
2. その課題の中で理解するのに苦労したことや参考になった記事などを貼り、何を学んだのか積極的に発信する
3. 課題を進めていく中で発見したこと、勉強会や定例会などで吸収したことを積極的に記入する
4. 自分の知識を蓄積するノートとして活用する

[KitamuraYuho]

「課題を進める」で行ったこと
FigmaのShinonomeチームに参加する
Study Diary の作成

[KitamuraYuho]

じっくり目を凝らしてみないと発見できない問題点でも、パッと見たときに違和感を与える要因になることを学んだ。

[KitamuraYuho]

コメントの書き方、メンションの仕方、返信の仕方など基本的なfigmaの操作を学んだ

[KitamuraYuho]

ページ、フレームの作成の仕方
ペンツールの使い方
フレームからはみ出した部分は表示されないことがある
シェイプツールの使い方
など

[KitamuraYuho]

今のところ、figmaはillustrationよりも個人的には使いやすい感じがする

[KitamuraYuho]

レイヤーは使ったことのある画像・動画編集ソフトと似たような感じだったので操作も理解しやすかった。

[KitamuraYuho]

フレーム化したいときに他のオブジェクトも巻き込んでしまっていたので、figmaを操作していくうちに使い方に慣れていければいいなと思った。

[KitamuraYuho]

確認問題１では大方問題はなかったものの、最後の問題の緑の四角にロックをかけ忘れていたので、最後にもう一度指示を読み直すなどして似たようなことを防止していこうと思った

[KitamuraYuho]

まだ実際に作業をしてないからわからないけれど、特に苦労せず理解することができているので書くことがない

[KitamuraYuho]

オブジェクトのグループ化のショートカットキーが便利だと思ったので、figmaを使う上でショートカットキーを積極的に使うようにし、定着させていこうと思った。また、オブジェクト間の距離を測れるのも便利だと思った。

[KitamuraYuho]

ファイルに関することは他のソフトとほぼ同じ操作なので飲み込みやすかった。

[KitamuraYuho]

コンポーネントのバリアントが、実際に使うときになかなか理解し難かったけれど、確かにバラバラでコンポーネントにするよりスッキリしていていいなと思った。