デジタルハリウッドSTUDIO自由が丘 ブログ

【レポート】現役UIデザイナーから学ぶ!はじめてのFigmaワークショップ

2022-10-04

こんにちは!デジタルハリウッドSTUDIO自由が丘です。


デザインツールとして最近よく聞くFigma。聞いたことある方も多いのではないでしょうか。
STUDIO自由が丘では9月24日(土)、Figmaをつかって、ハロウィングリーティングカードを作成するワークショップをハイブリッド形式にて実施しました。当日の様子をレポートします!



講師は岡田祐奈さん。デジタルハリウッドSTUDIO渋谷の卒業生で、現在は事業会社のUIデザイナーとして勤務されています。現場でもFigmaを用いて仕事をされているとのこと!当日のスライド資料もFigmaで作成していただきました。

あまり緊張することはないけど今日は緊張する!と岡田さん。イベントスタートしてみると一転、緊張を感じさせない講義っぷりでした。


岡田 祐奈さん

UIデザイナー
デジタルハリウッドSTUDIO渋谷Webデザイナー専攻 2021年4月卒業


1997年生まれ。青山学院大学卒業後、人材系ベンチャーへ入社し1年半働く。UXリサーチや、デザイン経営のプロジェクトに携わったことで、ビジネスxデザインの仕事の存在を知りデザイナーへのキャリアチェンジを決め、デジタルハリウッドWebデザイナー専攻受講。デジタルハリウッド卒業後は、半年ほどフリーランスとして経験を積み、2021年10月より事業会社へジョイン。現在は、会計ソフト及び関連ソフトのUIデザイナーとして働いている。


■夜のSTUDIO自由が丘で実施

会場は閉館後のSTUDIO自由が丘。普段はキッズスペースとして利用されているエリアを中心に参加者が集いました。ハロウィンをテーマにしたワークショップなので、ささやかながらお菓子をプレゼント。ムードを高めるためにおばけやかぼちゃの装飾を施し、みなさんをお迎えしました。


普段のSTUDIO自由が丘はボタニカルな雰囲気で穏やかな時間が流れています。8月にオープンしたばかりでピカピカの校舎です!


■そもそもFigmaって?

一言でいうとオンラインでみんなで共同編集できるデザインツールです。

プロジェクトを開発、制作していくうえでデザイナーだけで仕事が完結することが少なく、エンジニアやマネージャーとひとつのチームとして進めていくことが多いといいます。デザインチェックや方向性を定めていくのもそうですね。URLひとつ共有すればチェックもフィードバックもできるという点でFigmaはとても便利なツールです。

参加者からも質問が挙がったのが、「Photoshop、Illustratorとのちがい」。最も大きなものとしてはPhotoshop、Illustratorは基本的にひとり、かつオフラインで使用するという点です。細かな画像の編集はPhotoshopの方が得意、ロゴ制作やイラスト制作など様々な図形を用いた表現はIllustratorの方が得意。それぞれの特長に合った使い方が大事ですね。

■まずは練習


岡田さんから基礎操作レクチャーを受け、参加者全員でFigmaへアクセス!色とりどりのカーソルが共同編集の楽しさを倍増させます。

コメント機能で会話ができるのも一緒に作業をしたくなるポイントのひとつ。ブラウザ上で誰がアクセスしているのか確認できるのでやりとりもスムーズに進みます

■実践!ハロウィングリーティングカードをつくってみよう

さっそくグリーティングカードをつくってみる、その前にデザインのイメージを膨らませました。一口にハロウィンといっても、カードを贈る相手によってつくるデザインが異なってきます。年齢層、ジェンダー、雰囲気、好きな色など、キーワードから発想していくことも大事ですね。


デザインの発想について岡田さんに聞いてみると、今はBtoBのソフトウェアをつくっているので、GmailやGoogleドライブなど競合のサービスを見ているとのこと。UIデザインについては本がたくさん出ているので、ベストプラクティスを読んで学んだりしているそうです。



オフライン会場では岡田さんが参加者ひとりひとりに話しかけながら作業をすすめる場面も。「質問はないですか?」「困ってることありませんか?」という姿はSTUDIOで学んだ経験があるからこそ出てきた対応だと感じました。


そんな話をしている間に、色とりどりのグリーティングカードが出来上がっていました!同じ素材を使っていても雰囲気が異なっていたりすること、そして同じブラウザ上で見られることが作業するモチベーションを向上させます。


1時間という限られた時間のワークショップでしたが、まずは手を動かしてみる、というデジタルハリウッドの文化が体現された時間でした。直感的に操作しやすく、2022年5月より日本語対応もしているFigma、とても便利で使いやすいツールです。クリエイターとして活躍していくうえで様々なことに興味をもって取り組んでいくということは忘れてはならない姿勢ですね。

■自由が丘でデザインを学んでみませんか?

デジタルハリウッドSTUDIOでは未経験からでも確実にスキルを習得することができます。6ヶ月間でIllustratorPhotoshopHTML5CSS3JavaScriptjQueryなどを使った制作スキルはもちろん、最新のデザイン、コーディング、 マーケティング等、Webデザイナーとしての仕事に欠かすことの出来ないスキルを身に付けます。カリキュラムを通して9つの課題に取り組んでいただくことで、ポートフォリオに載せられる作品が完成します。


「デザインをやりたい」「働き方を変えたい」「キャリアチェンジしたい」そんな方にぴったりのコースです!


個別説明会ではみなさまの目的に合わせたコースについてのご案内はもちろん、目的に合った就転職・フリーランスサポートのご提案をさせていただきます。「自分がいつまでにどのようになりたいか。」からスケジュールを逆算して、受講時期や受講のイメージ、働き方のイメージなどを膨らませていただきながらご検討いただければと思います。


ご予約の際、ご希望のスクールは『STUDIO自由が丘』をご選択ください!

※オンライン説明会は、説明会予約フォームよりご選択いただけます。



STUDIO自由が丘 jiyugaoka@dhw.co.jp

休館日:月曜

その他のSTUDIO自由が丘のブログ

BLOGS