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で開く」ボタンをクリックし、保存するチームを決めてファイルを保存してください。
アイコンのコピーを行う場合は、レイヤーパネルを開いてコピーする方法がおすすめです。
課題提出
さて、集大成の課題提出です。
完成させたデザインのURLを提出しましょう。
- Figmaで「ヘアサロン NO HAIR」※1のデザインファイルを開く。
- ❶を完成させる。
- 右上の共有ボタンからリンクをコピーし、課題提出フォームで提出する。
※1・・・オリジナルのデザインの場合はそのデザインのURLを貼付する
以上です。
以下のフォームに共有コピーしたリンクを貼り付けて送信してください。
提出期限は26/2/3(火)23:59までとします。
本日のまとめ
最後のウェブデザイン制作はいかがでしたか??
みなさんが満足のできるデザインは完成しましたか?
残念ながらこの15回の中で皆さんにレクチャーできる内容には限りがあります。
またセンスというものは「経験によって引き出しを増やす」作業です。
だから経験値の少ない今はうまくできなくても当然なのです。
しかし、テキストの中にはない私自身の経験による「本当にすべき作業」や「必要・不要の判断」を伝えることはできるはずです。
これまではウェブデザインA・B・演習を通してFigmaのスキル習得やデザインの基礎知識をレクチャーしてきました。
ここからは皆さん自身が思い通りにクリエイティブを楽しんでもらえたら、私としては最高に嬉しいです。
全15回お疲れ様でした。
