Sponsored Link
Webページデザイン演習〜 ヘアサロン NO HAIR 〜
今回は全編演習の回です。
前回から製作開始したヘアサロン NO HAIRのオリジナルデザインの制作に取り掛かりましょう。
念のため前回解説した記事を以下に掲載しておきます。
Figmaの編集方法を知りたい場合
- ブログ一覧 | SkillhubAI(スキルハブエーアイ)
- 【2024最新】30分マスター講座 Figmaの基本と便利な使い方! | WEBデザインツール – YouTube
- 超初心者Figma講座(2025) – YouTube
- 【Figma完全マスター】初心者向けFigmaの使い方講座|基本操作からデザイン4原則実践ワークまで徹底解説 – YouTube
- 【30分 完全理解】Figmaオートレイアウトの使い方【サルでもわかる入門編】 – YouTube(おすすめ!)
- デザインからサイト構築まで FigmaだけでWeb制作
- これからはじめるFigma Web・UIデザイン入門 (Compass Web Development)
- Figmaカテゴリ – 中国短期大学情報ビジネス学科 メディア科目ブログ WEBCRE8TOR.COM
素材が必要な場合
色々な素材が必要な場合は以下のページから探してみてください。
SNSアイコンが欲しい場合
Youtube・Instagramなどのアイコンは以下のFigmaファイルをプロジェクトに保存すると、
コピー・ペーストでアイコンを使えるようになります。
ページ内の「Figmaで開く」ボタンをクリックし、保存するチームを決めてファイルを保存してください。
アイコンのコピーを行う場合は、レイヤーパネルを開いてコピーする方法がおすすめです。
本日のまとめ
今回からオリジナルデザインの制作に取り掛かりました。
残り2回も同じ流れで授業を進行して完成に近づけ、最終回には全員提出を行いましょう。
提示した素材やFigmaの編集方法などを活用して素敵なWebデザインを作ってくださいね。
