見出し画像

第1回トレース練習課題(LP編)for Figma

こんにちは!Unique Labのshimaです!
バナートレース課題に続き、第1回LPトレース練習課題の告知です!
#本当は2回目なんです…(小声)

題名の通り、インターフェースデザインツールの「Figma」を使用しLPのトレースを実施します!
なんでFigmaなの?は後半に解説させていただきます!

【開催日時】
2022年3月5日(土)14:00- 18:00(オンライン)途中入場・途中退出OK

いつも雑談交えてわいわいやってます!

詳しくはまず下記をご覧ください!

1. Pasco  「new Pasco」 LP

PascoさんのnewPascoというLPをトレースしていきます
難しくないのでプラグインもほとんど必要ありません!

基本操作を学習するには適したLPです😋

学べること
・画像ダウンロード方法(unsplash / Pascoサイトからのダウンロード)
・画像トリミング
・画像切り抜き(プラグイン)
・フォントインストール
・figmaのドロップシャドウ
・テキストのアーチ変形


======================

参加方法

①素材データをダウンロード

下記URLから素材データをダウンロードしてください。

https://firestorage.jp/download/75284d49dad6334805b51c7975c5314773b2d74e

ダウンロード期限が切れていたらコメントでお知らせくださいmm


②Figmaを使用しトレースする

Figmaを持っていない方は下記URLの「Try Figma fot free」よりアカウントを作成しトレースしてください!
https://www.figma.com/

下の黒いボタンだよ!

代替ツールとしてIllustrator、Photoshop、XDなどを使用してトレースしていただいても問題ありません。

======================


下記のどちらかを選択してください。

③-1 "一緒にトレース" する場合
③-2 当日参加できないので "トレースを提出" する場合

③-1 「一緒にトレースする」場合

【開催日時】
2022年3月5日(土)14:00- 18:00(オンライン)途中入場・途中退出OK

いつも雑談交えてわいわいやってます!

参加URL

https://uniiiiiiiquebox.ovice.in/ ←PC /Chrome推奨

事前に準備していただきたいもの
・Figmaのアカウントを作成(https://www.figma.com/
インストール方法を教えて欲しい方は事前にご連絡ください!

③-2 当日参加できないのでトレースを提出する場合

下記GoogleDriveに自身の名前フォルダを作成→メモ帳などに共有URLを記載しアップロード→完了のご連絡をお願いします。
https://drive.google.com/drive/u/0/folders/11c8fbxAQ2TYNZKyEJhbJkTsijr8RDwfA
後日、フィードバック・解説のご連絡をさせていただきます。


======================

参加条件

事前にFigmaのアカウントを作成したPCを準備できる人
時間ロスを避けたいため必ず事前にアカウント作成をお願いします。
(見てるだけの方はインストールしなくて大丈夫です!)
#どうせならやってほしい

周りの人とペースを合わせることができる人
(スキルレベルは人により様々です。ちょっとしたことで時間をとってしまうことが非常に多いので、ペースを合わせれる方のみご参加ください。)


そもそもFigmaってなに??

Figmaとは、ブラウザ上で簡単にUIデザインができるツールです。
Adobeで例えると 「XD」と同等のアプリです!

Figmaの特徴は、無料であることと、プラグインの豊富さにあり、画像の切り抜きなどもFigmaで行えてしまう優れものです。
#Photoshopほどじゃないねんけどね♪
#figmaの回しもんではありません笑

ともあれ、将来性を考えてFigmaで制作をできるように一緒に頑張りましょう!!


なんでFigmaを使うの??

理由1:制作会社の間でAdobe離れが加速中
近頃、WEB制作会社の間でAdobe離れが加速しており、高いサブスクを契約して使用する是非がSNS界隈では話題になっており、FigmaやXDでのWEB制作が主流となりつつあります。
#毎月6,200円はツラない…?

ただ、日本の制作会社ではまだ学習コストやお客さんへの納品形式の関係でAdobeに依存する企業が非常に多く、Photoshopで制作するスキル保持は必要です。
#コンプリートプランにせんでも、1,200円のフォトプランでえーやん♪

理由2:ノーコード化
Figmaで制作したデザインデータをそのままWEB上に公開できる「ノーコードプラグイン」の登場(開発中)により、より一層「XD」や「Photohsop」からFigmaへ移行する企業が増えると推察されます。
#コーディングが必要なくなるってことやね!

将来性を考えると今からでも「Figma」を学習する必要があると考えています。

======================

他にも色々やりまっせ!

今回は「LPトレース編」です。
トレースシリーズは、現在「コーポレートサイトトレース編」を準備中で、他にも「バナートレース編」と「アプリUIトレース編」を予定しています!
#準備できたら連絡します(汗  
#ちょっと待って〜

ご参加お待ちしてます!


この記事が気に入ったらサポートをしてみませんか?