スタジオ佐賀と一緒にWebデザイナーを目指しませんか?

佐賀のWebデザインスクール

デジタルハリウッドSTUDIO佐賀

2025年04月24日

「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!

「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!

難関課題に挑戦中!


「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!

こんにちは!デジタルハリウッドSTUDIO佐賀 スタッフです。

受講生Mさんは現在、難関課題「中間課題に」取り組み中です。
この中間課題は、「ランディングページ」というサイトをオリジナルのデザインで制作し、コーディングまでを行う課題です。テーマは「野菜セット」のランディングページ。

初めてのオリジナルデザイン、そしてコーディングはやりがいもあり、難しくもありですが、ぐんっとスキルも上がります。そしてこの課題を乗り越えると卒業制作が待っています。中間課題でスキルアップできた分、卒業制作もスムーズに!大変重要な課題でもあります。






【中間課題の制作手順】





①ワイヤーフレーム


「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!

まずはデザインの設計図「ワイヤーフレーム」を制作します。色や写真はまだ入れず、デザインの骨格を作っていきます。

使用ツール

「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!





②デザイン


「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!

ワイヤーフレーム色や写真を入れてデザインを作っていきます。ブラウザで実際に見る見た目を作っていきます。

使用ツール

「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!






③コーディング


「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!

そして最後は、html、cssを使ってコーディングをしていきます。デザインをWeb用に変換する作業です。少し難しいかもしれませんが…ここが正念場!

使用ツール

「卒業制作の練習課題」に挑戦。初めてのオリジナルデザイン、そしてコーディング中!




中間課題の制作手順と、卒業制作の制作手順はほぼ同じです。中間課題はいわば「卒業制作の練習課題」。
しっかり取り組んで、卒業制作をスムーズに、そしてよりクオリティの高い作品に!

Mさんはそろそろ中間課題が完成します。取り組み始めた時より、随分スキルが上がりました。中間課題が終わったらいよいよ卒業制作です。最後まで頑張りましょうね!




同じカテゴリー(スタジオの日常)の記事画像
未経験からオリジナルサイト制作!卒業制作制作真っ只中の受講生さんご紹介。
憧れのWebデザイナーになりたい!と思ったらスタジオ佐賀でその思い叶えませんか?
オリジナルサイト制作でスキルを発揮!
自分の生活スタイルに合った学習方法で、Webデザイナー目指しませんか??
あなたの思いをWebデザインで形に。オリジナルデザインサイト課題でスキルアップ!
見つけた!- Webデザイナーになる方法 -
同じカテゴリー(スタジオの日常)の記事
 未経験からオリジナルサイト制作!卒業制作制作真っ只中の受講生さんご紹介。 (2025-04-20 09:59)
 憧れのWebデザイナーになりたい!と思ったらスタジオ佐賀でその思い叶えませんか? (2025-04-13 10:54)
 オリジナルサイト制作でスキルを発揮! (2025-04-11 10:30)
 自分の生活スタイルに合った学習方法で、Webデザイナー目指しませんか?? (2025-04-09 08:00)
 あなたの思いをWebデザインで形に。オリジナルデザインサイト課題でスキルアップ! (2025-03-28 12:53)
 見つけた!- Webデザイナーになる方法 - (2025-03-14 10:26)

Posted by デジタルハリウッドSTUDIO佐賀  at 10:35 │スタジオの日常