Day1:Figmaに初触り

今日から1ヶ月間すること

  • Figmaに慣れる
  • 1日1個何かを制作してみる

とりあえず、今日はFigmaを使ってバナーを作ってみることに...

 

【目標物(左)と完成物(右)】

初めてはとりあえず簡単そうなもので。

横に並べるとこんなに違うとは!!でもまあ初めてにしては上出来かも??

 

【苦戦したところ】

1.被写体の切り抜き

Removeを用いて被写体の切り抜きを試みたが、綺麗にくり抜いてくれなかった。調べたらマスク機能を使えばいいとのこと。しかし、スライドの正しい順序が分からず、苦戦。こんな状態になってしまった。笑

参考:

【Figma】マスク機能の使い方!画像を好きな形に切り取る方法 - あなたのスイッチを押すブログ

 

スライドの順序が分からず苦戦

2.テキストの拡大機能

photoshopではテキストの拡大は選択すればできたが、FIgmaは移動と拡大機能が別になっているので切り替える必要があると知った。正直めんどくさいなぁ〜笑

ただテキストを思い通りに配置するだけなのに、15分はかかってしまった。

参考:

Figmaでテキストごとオブジェクトを拡大・縮小する方法 | wentz-design.com

 

【完成物】



 

UI/UXデザイナーを目指して勉強開始!

最短

www.youtube.com

ロードマップ

0ヶ月目:ツールに慣れる、顧客中心にアイデアを出す方法を知る

おすすめツール→FIgma,XD

今週はまずはFigmaをは使ってみることに

1ヶ月目:サービスを0からデザイン

1からやってみて、自分に足らないことを知る。

→すでに去年の10~12月にかけて、webサイトを一つ完成させた経験があるので、足らない部分はある程度分かる。したがって、スキップする。

2~3ヶ月目:UIデザインについて詳しく

おすすめコンテンツ:UIトレース,ガイドライン,UX手法, DailyUI(実際に作る)

4ヶ月目:機能単位で制作

2~5個機能を作ってみる

5~6ヶ月:UIとUX手法を使ってブラッシュアップする。必ず他社インタビューを挟んで、質を上げる。