講座案内

ほんきでUIデザイン

スマートフォンの普及によりデザイナーにとってUIデザインの技術は必要不可欠となってきました。そこでクスールでは新しくアプリのデザインを専門的に教える「ほんきでUIデザイン」を開設しました。
デザインの良し悪しではなく、iOSヒューマンインターフェイスガイドラインを基にUIデザインのルールや考え方を学び、タイポグラフィ、情報設計など、アプリデザインを基礎からしっかり学んでいきます。授業内では最新のプロトタイピングツールも使っていきUIへの理解を深めます。
グラフィックデザインをやってきたがUIデザインはよくわからない方、モバイルサイトやモバイルアプリのデザインに挑戦したい方など、UIデザインを極めていきたい方にオススメの講座です。

※後半はiOSのアプリのデザイン制作を行う為なるべくMacの使用をお願いします。
※レイアウトはSketchで行いますので各自ご用意ください。
※デザインツールはSketch3以上、illustratorCS6以上、photoshopCS6以上をご準備ください。

講座概要

講座名 ほんきでUIデザイン
講師 米倉 明男
期間 2ヵ月間(週1回 x 8週、計40時間)14:00〜19:00(1回5時間)
定員 〜8名(最低開催人数:3名)
受講料

120,000円(税込:129,600円)

  • ※過去にクスールの他講座を受講された方は、受講生割引がございます。
  • ※分割払い、学割もございます。詳しくはお問い合わせください。



対象者

  • ・これからUIデザイナーになりたい方
  • ・グラフィックデザイン経験者でUIデザインを学びたい方
  • ・Webディレクター/デザイナー/エンジニアでUIデザインを学びたい方
  • ・Illustrator、photoshopの使い方はわかるけど、UIデザインの技術はない方

スケジュール

【土曜開催】

カリキュラム

1週目

PCサイトデザイン1 ユーザインターフェイス基礎の学習

PCサイトのユーザー・インターフェイスを学習していきます。ペルソナやサイトマップを制作し、より実践に近い設定で制作していきます。そしてWEBの画面解像度を理解して目的に沿ったレイアウトサイズを検証しながら、ナビゲーションの種類や機能といったUIパターンと配置方法を学びます。

[授業内容]
サイト設計の考え方 / サイトマップ・ワイヤーフレーム /端末による 画面解像度と画面サイズ / ナビゲーション / PCサイトのレイアウトパターン

※受講生の中でPCデザイン経験者が多数の場合はこの週を変更する場合がございます。


2週目

PCサイトデザイン2 PCサイトデザイン制作

ここでは前回に設定をしたペルソナ、サイトマップに合わしてデザイン制作していきます。WEBで使われるシステムフォントや配色を重点的に学習してていき、グリッドシステムを使ったバランスの良いレイアウトを実践します。

[授業内容]
Webタイポグラフィ・配色 / グリッドシステム / webサイトデザインの流れ / 例題サイトの制作

※受講生の中でPCデザイン経験者が多数の場合はこの週を変更する場合がございます。


3週目

スマホサイトデザイン1 スマホサイトデザイン制作

スマホサイトデザイン1では、スマートフォンの仕様を学習しユーザーインターフェイスの理解を深めます。スマートフォンでの画像解像度やUIパターンを学習し、実際に前回制作したデザインを、スマホ仕様のデザインにしていきます。

[授業内容]
レスポンシブデザイン/スマートフォンの仕様環境/ピクセル密度/スマートフォンサイトUI

4週目

iPhoneアプリデザイン1 iPhoneアプリデザイン基礎の学習

iPhoneアプリデザイン1では、各デバイスで異なる画像解像度を解説していきます。iPhoneのジェスチャーやUIKitなどを学び、実際に制作するアプリの企画し、ターゲット・ペルソナをより実践的に設定していきます。

[授業内容]
デバイスピクセル密度と各デバイスの画面サイズ / iOSアプリ企画 / ジェスチャー / iOSのタイポグラフィ

5週目

iPhoneアプリデザイン2 ペーパープロトタイプ作成

iPhoneアプリデザイン2では、前回企画したアプリのペーパープロトタイプを制作し、より実践的な制作に入っていきます。アイコン・UIkitを学び作品にも取り入れていきます。

[授業内容]
iOSのガイドラインについて / UIKit / フローティングレイアウト / アプリアイコン / UIバー・UIビュー・UIコントロール

6週目

iPhoneアプリデザイン3 アニメーションの基礎知識学習

画面遷移ボタンの動きUIアニメーションの考え方を学びます。後半は作品制作の時間にあて、講師とフィードバック、アウトプットを繰り返していきます。

[授業内容]
UIアニメーション・インタラクションについて / 遷移アニメーション

7週目

作品制作

今まで学習した内容を応用し、各自が企画したアプリ作品を仕上げていきます。講師が個別にアドバイスや技術サポートを行います。

[授業内容]
最終作品制作/作品制作フォロー

8週目

作品発表

最終回は、受講生が制作した課題作品の発表会を行います。講師や他の受講生からのフィードバックを受けます。作品は受講生全員でシェアします。他の受講生のデザインも参考にしながら、今後の自主学習~スキルアップにつなげてください。

※カリキュラムは、受講生の技術レベル、またはご希望により変更となる場合がございますのでご了承ください。

お申し込み・お問い合せ 03-5577-2868 随時ご相談、見学を承っております。お気軽にお問い合わせください。