[Course]ウェブデザイナー,YUI Details
この講座では、イメージ通りの見た目やインタラクティブな動きを実現する手順を伝授。単純な自動生成に頼らず、自身の知識とAIの技術を掛け合わせて表現の幅を広げるアプローチを解説します。
次に、ポップなグミブランドから洗練されたコスメブランドまで、多様なテイストのデザインを形にし、コードを書かずに動きのあるリッチな画面を実装する手法を学びます。
最後に、企業が抱える実際の課題を想定し、古い資料をもとに洗練されたコーポレートサイトを再構築。デザイン性と情報伝達力を両立させる実践的な制作フローを身につけます。
受講生全員に提供
YUIの講座だけの特典
-
YUIのwebデザインノウハウを含む、講義動画26本を期間制限なしで受講可能 -
講座を通して4点の作品を完成 -
講義内容のPDF資料などの資料を提供
講義資料の詳細
-
講義内容のPDF資料- 動画で使用する講座資料 -
完成版WebサイトのURL一覧- 講義内で制作する8つのWebサイトの完成版URL一式
YUIのポートフォリオ
-
crepe
-
macha
-
oimo
-
panini
-
gummi
-
taiyaki
-
wagon
-
pizza
-
sushi
講座の例題
下記のような内容を学べます。
-
ポップで遊び心あふれるグミブランドサイト
-
アニメーションで魅せるドリンクブランドサイト
-
チラシから生まれる、インタラクティブなドーナツECサイト
-
洗練された世界観を表現するコスメブランドサイト
-
Canvaの名刺から作る、おしゃれなブランドサイト
-
Canvaのチラシが動き出す、インタラクティブなイベントLP
-
古い会社案内から生まれる、洗練されたコーポレートサイト
-
デザインと導線で成果につなげるパーソナルジムLP
※上記の画像は講座に対する理解を深めるためのイメージです。
この講座のポイント
AIを活用したWeb制作の一連の流れを習得する
ChatGPTやClaudeなどのAIを活用し、企画・構成・デザイン・実装まで、Webサイト制作の一連の流れを学びます。アイデアをAIとの対話を通じて具体化し、実際に動くWebサイトへ仕上げるまでのプロセスを実践。AIへの効果的な指示の出し方や、生成されたデザインをブラッシュアップする方法も身につけます。
デザインとアニメーションで魅せるWebサイトを制作する
カラフルでポップなブランドサイトから、洗練されたコスメサイトまで、異なる世界観のWebデザインを制作します。配色・タイポグラフィ・レイアウトなどのデザイン要素に加え、スクロールやクリックに連動したアニメーションを実装。Canvaなどで作成したデザインをWebサイトへ展開する方法も学び、静止画だけでは表現できない、印象に残るWeb体験を生み出すスキルを習得します。
実務にも応用できるWebサイト・LP制作スキルを身につける
企業の会社案内をもとにしたコーポレートサイトや、集客を目的としたパーソナルジムのLPなど、実務を想定した制作に取り組みます。既存資料から必要な情報を整理し、ターゲットや目的に合わせて構成・デザインを考える方法を学習。AIを活用して制作を効率化しながら、見た目の美しさだけでなく、情報の伝わりやすさやユーザーの行動導線まで意識したWebサイトを制作します。
















