3年制(マルチメディア研究学科)

Webデザインコース

◎職業実践専門課程認定 
◎専門士

デザインの基礎からWeb制作の全工程までを学び、
クライアントの問題をWebデザインで解決する能力を習得。
ユーザーが直接触れるインターフェースに関わる情報設計や
仕組みの開発方法も学びます。

目指す職業

  • Webデザイナー
  • UIデザイナー
  • UXデザイナー
  • Webコーダー
  • Webエンジニア
  • マークアップエンジニア
  • バックエンドエンジニア
  • フロントエンドエンジニア
  • Webデザイナー、UIデザイナー、UXデザイナー

    Webページのレイアウトからバナーのデザインまで、ビジュアルに関する仕事を担当します。Webページ全体のデザインから、ユーザーがWebページやアプリを使う時にスムーズに操作できるようにUI(ユーザーインターフェース)設計、ユーザーの満足感を追求するUX(ユーザーエクスペリエンス)デザインまで、さまざまな分野で活躍できる機会があります。また、印刷物を担当するDTPデザイン分野での活躍も可能です。
  • フロントエンドエンジニア、マークアップエンジニア、バックエンドエンジニア

    デザイナーが制作したデザインをもとにWebページをネット上で閲覧できるようにする仕事です。主にHTMLという言語を使ってWebページをカタチにする「マークアップエンジニア」、サーバやデータベースを専門に扱う「バックエンドエンジニア」、さまざまなプログラミング言語の知識を備え、チームを管理する「フロントエンドエンジニア」など多くのプロが携わっています。
  • Webデザイナー

    Webページのレイアウトからバナーのデザインまで、ビジュアルに関する仕事を担当します。Webページ全体のデザインから、ユーザーがWebページやアプリを使う時にスムーズに操作できるようにUI(ユーザーインターフェース)設計、ユーザーの満足感を追求するUX(ユーザーエクスペリエンス)デザインまで、さまざまな分野で活躍できる機会があります。また、印刷物を担当するDTPデザイン分野での活躍も可能です。

  • UIデザイナー

    Webページのレイアウトからバナーのデザインまで、ビジュアルに関する仕事を担当します。Webページ全体のデザインから、ユーザーがWebページやアプリを使う時にスムーズに操作できるようにUI(ユーザーインターフェース)設計、ユーザーの満足感を追求するUX(ユーザーエクスペリエンス)デザインまで、さまざまな分野で活躍できる機会があります。また、印刷物を担当するDTPデザイン分野での活躍も可能です。

  • UXデザイナー

    Webページのレイアウトからバナーのデザインまで、ビジュアルに関する仕事を担当します。Webページ全体のデザインから、ユーザーがWebページやアプリを使う時にスムーズに操作できるようにUI(ユーザーインターフェース)設計、ユーザーの満足感を追求するUX(ユーザーエクスペリエンス)デザインまで、さまざまな分野で活躍できる機会があります。また、印刷物を担当するDTPデザイン分野での活躍も可能です。

  • フロントエンドエンジニア

    デザイナーが制作したデザインをもとにWebページをネット上で閲覧できるようにする仕事です。主にHTMLという言語を使ってWebページをカタチにする「マークアップエンジニア」、サーバやデータベースを専門に扱う「バックエンドエンジニア」、さまざまなプログラミング言語の知識を備え、チームを管理する「フロントエンドエンジニア」など多くのプロが携わっています。

  • マークアップエンジニア

    デザイナーが制作したデザインをもとにWebページをネット上で閲覧できるようにする仕事です。主にHTMLという言語を使ってWebページをカタチにする「マークアップエンジニア」、サーバやデータベースを専門に扱う「バックエンドエンジニア」、さまざまなプログラミング言語の知識を備え、チームを管理する「フロントエンドエンジニア」など多くのプロが携わっています。

  • バックエンドエンジニア

    デザイナーが制作したデザインをもとにWebページをネット上で閲覧できるようにする仕事です。主にHTMLという言語を使ってWebページをカタチにする「マークアップエンジニア」、サーバやデータベースを専門に扱う「バックエンドエンジニア」、さまざまなプログラミング言語の知識を備え、チームを管理する「フロントエンドエンジニア」など多くのプロが携わっています。

本校のWebデザイン分野の強み !

  • 1授業以上の技術を研究できる環境で、自分だけの武器を作りプロとして活躍できる。
  • 2チーム制作で他学年と交流し、多彩な知識や技術が向上。
  • 3授業・展示会などの企業連携で、現役デザイナーからのアドバイスでスキルアップ。

カリキュラム

1年目

デザイン・コーディング・企画などWeb制作の
基礎を固める!

主な授業
HTML/CSS演習 ・JavaScript演習 ビジュアルデザイン演習 ・色彩構成 ・Photoshop演習 ・コンセプトワーク演習 ・クリエイティブワーク演習 ・チームプロジェクト演習
2年目

ビジュアルデザインなど作品の完成度を高める
応用技術を習得!

主な授業
HTML/CSS演習 ・JavaScript演習 アプリ開発演習 ・コンセプトワーク演習 ・サーバーサイド(Web)演習
ビジュアルデザイン演習 ・チームプロジェクト演習 ・就職ポートフォリオ制作演習
3年目

WoTを活用したアプリ制作など
最先端技術に挑戦!

主な授業
・WordPress演習 ・WoT演習 メディアプロジェクト演習 ・コンセプトワーク演習 ・卒業制作演習 ・チームプロジェクト演習

詳細カリキュラム

※2020年度実績

PICK UP授業

1

HTML演習

Webサイトの制作に必要な
総合力を身につけろ!

  • HTML演習
  • HTML演習

Webデザイン、コーディングだけでなく実践的なスキルを習得。

Webサイトを作るにあたって最も基本的な「HTML」を使った制作手法を学びます。単に技術を学ぶだけでなく「パソコンとスマートフォンでのデザインの違い」や「効率良く作業を進める方法」など、Webデザイン業界で求められる実践的なスキルを習得できます。

この授業をもっと詳しく

2

メディアプロジェクト演習

地元をPRする
Webメディアを運用せよ!

  • メディアプロジェクト演習
  • メディアプロジェクト演習
  • メディアプロジェクト演習
  • メディアプロジェクト演習
  • メディアプロジェクト演習

オリジナルのWebメディアを立ち上げる。

習得してきた知識、スキル、企画力を結集し、チームでWebサイトを制作します。さらに実際にサイト運営も担いながら、訪問ユーザー数やサイト内の回遊率など、アクセスデータを計測。仮説と検証を行いながら1年かけて改善していきます。制作テーマは学校の所在地でもある「中崎町のPR」。街の魅力を見つけるために取材活動も行うなど、実践的な経験も積める授業です。

「メディアプロジェクト演習」について聞きました!

サイト運営を通して
結果と継続的に向き合う力が身につきました。

これまでに学習した技術でWeb制作を行い、実際にサイトの運営まで行っています。
サイト状況は日々数値化されるので、サイト訪問者数が少ない時にはチームで改善策を考え、試行錯誤しながらより良いサイトを作り上げていきます。いい数値がでた時はとても嬉しいですし、達成感を感じます!

東江さん/Webデザインコース[3年制]3年生(兵庫県立西宮北高等学校出身)

東江さん

東江さん/Webデザインコース[3年制]3年生(兵庫県立西宮北高等学校出身)

INTERVIEW

3

アプリ開発演習

くらしに役立つ
スマホアプリを開発せよ!

  • アプリ開発演習
  • アプリ開発演習
  • アプリ開発演習
  • アプリ開発演習
  • アプリ開発演習

実践を通じて、プログラミングやUIデザインを習得。

Webサイトのデザイン・プログラミングスキルを応用して、モバイル用のアプリを制作する授業です。「どんなアプリがあれば便利か?」をチーム内でディスカッションし、最終的にはAIを搭載した高度なアプリの開発を目指します。

4

ビジュアルデザイン演習

デザイナーに必要な
ビジュアルセンスを磨け!

  • ビジュアルデザイン演習
  • ビジュアルデザイン演習
  • ビジュアルデザイン演習
  • ビジュアルデザイン演習
  • ビジュアルデザイン演習

実践を通じてフォントの使い方やレイアウトのセンスが成長!

発信したいメッセージやイメージがしっかり伝わるWebサイトをデザインするためには、サイトの世界観に合わせたフォント(書体)を選ぶ目や、アクセスした人の視線を適切に導くレイアウト力が必要です。授業では実践をくり返すことでWebデザイナーに求められるビジュアルセンスを高めていきます。

「ビジュアルデザイン演習」について聞きました!

デザインにもルールがある。
センスのせいにするのはやめました!

Webに限らず、デザイン全般の基礎を学んでいます。これまでは制作物に違和感がある時は、センスのせいにしていました(笑)この授業を受けてからは、しっかりと「デザインのルールは守れているか?」と、基礎的な部分と向き合いながら制作を行う意識づけができるようになりました。

細見さん/Webデザインコース[3年制]2年生(京都府立洛水高等学校出身)

細見さん

細見さん/Webデザインコース[3年制]2年生(京都府立洛水高等学校出身)

INTERVIEW

時間割例2021年度1年次前期

時間
1限
09:15

10:45
  Illustrator
演習I
写真技術_A Photoshop
演習(Web)I
クリエイティブワーク
(Web)演習I
2限
11:00

12:30
外国語I
(英会話)
オフィス
アプリケーション
(Web)演習
写真技術_A Photoshop
演習(Web)I
クリエイティブワーク
(Web)演習I
3限
13:30

15:00
HTMLI演習 DTP技術演習I コンセプトワーク
演習I_A
色彩構成I_A  
4限
15:15

16:45
HTMLI演習 DTP技術演習I デザイン
アートワーク演習
SHR  

他にも、楽しみながらスキルアップできる授業が充実。

デザインアートワーク

モノを作る楽しさをテーマにスケッチ、造形、配色など実際にアナログでモノを作りながらクリエイティブの楽しさやデザインの表現方法の基礎を学びます。

WoT演習

「IoT」によるアプリ・サービスの開発をWeb技術でサポートする「WoT」。この技術を学んでセンサーや360°カメラなどをWebに接続した作品を企画。展示会で発表します。