初心者から学ぶwebデザイン|おしゃれファッションイラストとデザイン学校教室|トリコクラブ|東京渋谷原宿表参道
初心者から学ぶwebデザイン|おしゃれファッションイラストとデザイン学校教室|トリコクラブ|東京渋谷原宿表参道
初心者から学ぶwebデザイン|おしゃれファッションイラストとデザイン学校教室|トリコクラブ|東京渋谷原宿表参道
初心者から学ぶwebデザイン|おしゃれファッションイラストとデザイン学校教室|トリコクラブ|東京渋谷原宿表参道

Web Design Course

「残り2名枠。始めるなら、いまです。」

初心者から学べるWEBデザインコース

overview

トリコクラブのデザイン部が人気な理由

トリコクラブのデザイン部が
人気な理由

他のデザイン学校とは違い、すぐに仕事にできる『アウトプット型・実践型のデザイン講義』です。

デザインといっても世に出回っているデザインは千差万別です。トリコのデザインコースの特徴は、中でもデザイン性の高い本格的なデザインのコツが学べるのが、人気のポイントになっています。

美大や専門学校でも教鞭をとる講師人を筆頭に、業界を熟知したプロクリエーターたちが、トリコのレッスンを担当しています。

これからデザイナーになりたい方、フリーランス、在宅でお仕事を始めたい方にとって、“はじめに誰からデザインを学ぶか”というのはとても大切です。

実際のプロの現場で使われているWEBデザインの技術は、なかなか書籍や学校だけでは学ぶことが難しいが現実です。こうした現場の技術を制作物をデザインしていく中で、習得していきます。 期間中は、質問し放題の環境が整っているのも、利点の1つ。

また、就職、転職相談としてポートフォリオの添削指導もひとりひとり丁寧に、行います。

レッスン修了後にも、デザイナー仲間のコミュニティにご招待するので、修了後にも、仕事やスキルアップの情報交換したり、フリーランスになっても情報が常に入ってくる環境が整っています。

今後のキャリアや仕事の始め方も含めて、毎日贅沢な白熱したデザイン講義が繰り広げられています。

それでは、トリコクラブのWEBデザインコースのご案内をしていきます。

feature

トリコクラブならでは

Image
high quality output

デザイン性の高い
アウトプット

多くの専門学校では、最初にソフトの操作から入って、最後に課題の制作を行います。しかし、デザインの現場では必要のない操作も多く、全てを覚える必要はありません。ソフトの操作方法を覚えることではなく、デザインスキルを高めることに重点をおいて指導していきます。

Image
fashionable & cool

おしゃれかっこいい
カルチャーデザイン

多くの専門学校では、固いイメージのコーポレートサイトやLPなどに重点を置いていますが、それはトリコクラブらしくない。おしゃれでかっこいいカルチャー関係のデザインを中心に指導していきます。カフェ、音楽、アート、ファッション、サロンなど、綺麗で洗練された業界でも通用するデザインを習得してもらいます。

Image
practical design skills

プロの現場で使う
実践的なデザインスキル

専門学校の余分なレクチャーは省き、明日から使える技術を教えていきます。多くの専門学校では、1年かけて、ゆっくりソフトの使い方を覚えていきますが、トリコクラブでは、フリーランスデザイナーや企業で使えるデザイナーになれるよう、実践的な技術を中心に指導していきます。

professional creator

現役クリエーターによる
上達できる丁寧な指導方針

mana* | マナ

グラフィックデザイナー・イラストレーター・画家

東京藝術大学卒

グラフィックデザイン・webデザインを担いつつ、ペン画・銅版画を中心に細密画を制作している。

HaRU | ハル

クリエイティブディレクター・デザイナー・デザインエンジニア

カルチャー&ファッションマガジンや大手百貨店のグラフィック、ナショナル企業のコンセプトデザインなどを手掛ける。 デザイン思考を軸に、情報の編集、企画立案からタイポグラフィー、空間、建築、グラフィック、WEB、プログラミングなどの多彩なツールを駆使し、戦略デザインやトータルアウトプットまでを担う。

curriculum

カリキュラム一例

A

WEBの成り立ち/ガイダンス

  • ・ガイダンス
  • ・WEBの学習方法
  • ・WEBの成り立ち
  • ・WEBの基礎理解
B

デザインの基礎
(Photoshop)

  • ・ツール基本操作
  • ・RGB/CMYK
  • ・色調補正
  • ・画像解像度
  • ・画像補正
  • ・切り抜き/抽出/トリミング
  • ・フォトコラージュ制作
  • ・Web用画像の書き出し
C

バナーデザインの基礎
(Photoshop)

  • ・photoshpの基本操作
  • ・画像サイズ/ピクセル/画像解像度
  • ・写真の加工/トリミング
  • ・色域指定/カラーバランス/色調補正
  • ・写真のコントラスト設計
  • ・レイヤー/レイヤースタイル
  • ・文字入れ/文字加工
  • ・Web用画像の書き出し
D

デザインの基礎
(Illustrator)

  • ・ツール基本操作
  • ・図画/点/線/面
  • ・整列/マスク
  • ・カラー/グラデーション
  • ・文字デザイン/タイポグラフィ
  • ・平面構成
  • ・色彩構成
  • ・Web用画像の書き出し
E

パーツデザインの基礎(Illustrator)

  • ・ロゴデザイン
  • ・図形変形/結合
  • ・SNSアイコンデザイン
  • ・SVGデータの書き出し/編集
F

HTML5・CSS3
コーディングの基礎 1

  • ・ブラウザ/ピクセルの理解
  • ・HTML/CSSの基本構造
  • ・HTML/CSSコーディングの基礎
  • ・リセットCSS
  • ・WEBサイトの全体構造の理解
  • ・構造と余白の理解
  • ・CSSの共通化ルール
  • ・TOPページの全体像
G

HTML5・CSS3
コーディングの基礎 2

  • ・ホバーアニメーション
  • ・リンク/ページ遷移の基礎
  • ・整列の基礎
  • ・インラインとブロックの基礎
  • ・自由なレイアウトの基礎
  • ・画像のトリミング
H

WEBレイアウト/ワイヤー
(Photoshop/Illustrator)

  • ・WEBレイアウトの基本
  • ・WEBワイヤーの基本
  • ・パーツ/バナー/要素デザイン
  • ・画像書き出しの応用
  • ・コーディングとの連携
I

WEBのフォントの基礎

  • ・視認性と可読性
  • ・WEBの行間/文字組み
  • ・WEBフォントの世界
  • ・各種WEBサイトのフォントリサーチ
  • ・デバイスフォントの理解
J

スマートフォン・タブレット
デザイン

  • ・レスポンシブデザインの基本
  • ・メディアクエリの基本
  • ・ディスプレイに合わせた画像設定
  • ・スマートフォンデザインの基本
  • ・ハンバーガーメニューのデザイン
  • ・CSSとjQueryの組み合わせ
K

JavaScriptの基礎
(jQuery)

  • ・プログミング言語の基礎
  • ・jQueryの基礎
  • ・変数/メソッド/イベント
  • ・条件分岐
  • ・クリックイベント
  • ・アコーディオン
  • ・jQueryの実践
  • ・jQueryのアニメーション
L

スライダーの設計

  • ・jQueryプラグイン導入
  • ・jQueryスライダーの基本
  • ・jQueryスライダーの実践
  • ・jQueryスライダーのカスタマイズ
  • ・jQueryスライダーのレスポンシブ
M

HTML5・CSS3
コーディングの応用

  • ・CSSアニメーション
  • ・CSSのtransform
  • ・ホバーアニメション
  • ・iframeの導入
  • ・動画の導入
  • ・アスペクト比の応用
  • ・リッチメニューデザイン
N

JavaScriptの応用
(jQuery)

  • ・スクロールイベント
  • ・ホバーアニメション
  • ・フェードインアニメーション
  • ・ローディングアニメショーン
O

ポートフォリオサイト制作
(修了制作)

  • ・企画/コンセプト立案
  • ・ワイヤー作成
  • ・UI設計
  • ・HTML/CSS/jQuery
  • ・講評
course

コース内容

WEBデザイン基礎コース

WEBデザイン
基礎コース

A・B・C・D・E・F・G

WEBデザインの基本からUIデザイン、コーディングまでの一通りの基本スキルを習得するためのコースです。多くの専門学校やデザイン学校で学ぶ基本的な内容が網羅されたコースです。

ペース:週1~2回

学習時間目安:2.5ヶ月

90分レッスン16回

カフェサイトの制作を行います。

初回登録事務手数料(初回登録時のみ) | 16,500円(税込)

初回登録事務手数料(初回登録時のみ)
16,500円(税込)

※現在、トリコの部活動(オンラインサロン)へ入部の方は、初回事務手数料が格安となるキャンペーンを行っております。同時にお申し込みいただくと、断然お得です。→トリコの部活動

受講料:17,700円(税込 19,580円 /月額 12ヶ月払いの場合)

受講料:17,700円
(税込 19,580円 /月額 12ヶ月払いの場合)

※受講料一括払いの場合は、210,000円(税込 231,000円)となります。

WEBデザインステップアップコース

WEBデザイン
ステップアップコース

個別カリキュラムをご相談

WEBデザインの基本を一通り学習し、理解された方で、もう1歩デザインの精度を高めたい、現場レベルのデザインを身につけたいと考えている方を対象とした応用コースです。他のデザイン学校や専門学校ではどうしても基本的な内容しか教わることができないため、現場レベルとの隔たりがあるのも事実です。

本コースでは、すぐにでも仕事ができるように、現場レベルの技術を習得していくことができます。(※初心者の方、独学で少しかじった程度の方は、基礎コースまたはマスターコースを受講してください。)

ペース:週1回

学習時間目安:2ヶ月

90分レッスン:8回

初回登録事務手数料(初回登録時のみ) | 16,500円(税込)

初回登録事務手数料(初回登録時のみ)
16,500円(税込)

※現在、トリコの部活動(オンラインサロン)へ入部の方は、初回事務手数料が無料となるキャンペーンを行っております。同時にお申し込みいただくと、断然お得です。→トリコの部活動

受講料:10,200円(税込 11,220円 /月額 12ヶ月払いの場合)

受講料:10,200円
(税込 11,220円 /月額 12ヶ月払いの場合)

※受講料一括払いの場合は、120,000円(税込 132,000円)となります。

WEBデザインマスターコース

WEBデザイン
マスターコース

A・B・C・D・E・F・G + H・I・J・K・L・M・N・O・P

WEBデザインの基本から応用までカバーできるコースです。WEBデザインの仕事をする上での必須スキルであるHTML・CSS・JavaScriptのコーディングに加えて、Photoshop、Illustratorの基本操作までをマスターできるコンプリートパックとなっています。

きちんと、基本から応用までのスキルを身につけて、WEBデザインの仕事をしたい方向けのコースです。

ペース:週1~2回

学習時間目安:4.5ヶ月

90分レッスン:32回

カフェサイト+オリジナルポートフォリオサイトの制作を行います。

初回登録事務手数料(初回登録時のみ) | 16,500円(税込)

※現在、トリコの部活動(オンラインサロン)へ入部の方は、初回事務手数料が無料となるキャンペーンを行っております。同時にお申し込みいただくと、断然お得です。→トリコの部活動

受講料:35,400円(税込 38,940円 /月額 12ヶ月払いの場合)

受講料:35,400円
(税込 38,940円 /月額 12ヶ月払いの場合)

※受講料一括払いの場合は、420,000円(税込 462,000円)となります。

torico people

デザイン部のOB/OG

清水 百恵さん

オランダ在住4年目。夫と犬と暮らしています。趣味は料理と散歩。何かと不便なオランダ生活ですがスローライフを満喫しています。

海外でも好きな場所で仕事ができるWEBデザイナー

今後のキャリアを自分の性格と向き合って考えて、やはりデザインなどの創作系が向いていると感じていりました。もしもWEBデザイナーになったとしたら、オランダから他の国に移住したとしても変わらずに仕事ができるのも魅力だと思いました。住む場所が変わったら仕事を変えなければいけないのは、精神的にも年齢的にもどんどん厳しくなってくると感じていたこともあり、始めるならこの先も、同じ職業で向こう20年以上は働きたい!と思い、そう考えると時代背景も踏まえてITに関係した仕事に絞ろうと思ったのも動機の一つです。

もちろん、今まではWEBデザインの知識などはほとんどなく、これまでの経験も全く役に立たないかもしれませんが、なんとなく”これだ!”と思ったのです。新しい事を始めるとなると、私は少し覚悟がいるのですが、それよりもやってみたいという好奇心が強かったです。

WEBデザインの参考書を進めていと「これは仕事ではどう使うのかな?」、「これはどこまで必要なのかな?」など、実際に現場にいる方へ聞きたい疑問が浮上してきたのです。参考書には基礎的なことや、WEBサイトの作り方は載っていますが、実際に仕事でどの様に求められるのか想像ができない部分があり、また、ゴールも分からず、そういった面でフリーランスを目指して独学するには限界と不安を感じてきました。

実際にWEBデザイナーの先生がいるというのは心強く、授業の間に挟むお話が現場で求められるレベルの話や、作業の理由づけなど大変為になります。独学だけでは足りない部分が埋まっていく感覚があり、とてもありがたく勉強させていただいています。まだまだ始まったばかりの授業ですが、コースが終了する頃には基礎はしっかりと身につけたいと思います!

前田 幸子さん

子育てをしながら、在宅で仕事ができるWEBデザイナーへ。

オンラインコースのデメリットは…ないような気がします。私はあまり感じません。

独学だと、自分で作業時間やペースも全て自分で決められるといったメリットはありますが、費やす時間が長くなかなか進まないといったデメリットもあると感じました。レッスンを受けてみて、基本中の基本しか分かっていない事に気づかされていました。理解はできても、いざ自分でしようとすると全く分からず…と言う事も多々あります。でも分からないことがあればすぐに聞くことができて、すごく救われました。

同じことを学ぶ仲間がいることで頑張ろうと思えたし、自分とはまた違う視点で物事を見る事もできるので新たな発見もあったりととても勉強になります。レッスンを受ける度に刺激を受けます。質問すると真摯に指導してくださるので作業もはかどり助かります。自分で作業を始めると、うまくいかなくて時間だけが過ぎていく日もあります。それでも声をかけてくださるので、悩む時間を減らすことができました。

また、自分でネットで調べると色々な方法があって選ぶのに困りますが、どれが最新でどれが主流かなども教えてもらえるので、今後ネットで探すときにも役立つので有難いなと思います。デメリットは…ないような気がします。私はあまり感じません。

ただデザインするだけじゃなくて、いろんな知識も取り入れることができるので、ためになるなと思っています。一石二鳥どころか三鳥、四鳥ぐらいあるんじゃないかなって(笑)。自分で一通りのデザインが出来るまでは成長したいですね。

宮野 みゆきさん

さいたま市在住。趣味のハンドメイド作品を自分で作ったサイトで販売できるよう勉強中。

主婦で子育てをしながら在宅。そして、稼げる職業がwebデザイナー

色々悩んだ末、Webデザイナーを目指した理由は、まず在宅でできる仕事で自分が好きな分野かつ、お金が稼げる仕事を探していました。小さな頃から物作りが大好きで大人になってからもホームベーカリーでパンを作ったり、レジンでアクセサリーを作ったり、ミシンで娘のお人形の洋服を作ったりしていました。Webデザイナーもwebページを作るという自分が好なものづくりに共通しているなとも思いました。Webデザイナーのお仕事は在宅可という求人がいくつかネットに掲載されていて、これなら仕事がみつかるかもしれない。Webデザイナーを目指そう!と思い立ったのでした。

まず、Webデザイナーになるために何をするのが一番近道なんだろうか? 仕事を辞めてからのブランクもかなりあるし仕事へ結びつけられるものは……と考えた時真っ先に思いついたのはネットで情報検索している時に何度も見かけたWEBデザインスクールでした。ですがどこも結構なお値段で、卒業生の口コミ等をみると……こんな大金を出して行く価値って本当にあるのかなと思うところもありで、なかなかWEBデザインスクールで学ぶということに踏み込めませんでした。

しかし、親の私がしっかりして、娘の面倒をみてあげないでどうする。心も体も不安で一杯でしたが、そんな状況でも、頑張ってWEBデザインの仕事につきたいという思いから、レッスンに参加する決意をしました。現役のwebデザイナーさんに家にいてオンラインで学べるし、制作上実践的なことを教えてもらえ、他のメンバーさん達と質問したり、とても勉強になりました。

主婦や子育てをしながら、仕事をしなければいけない方もいっぱいいるかと思います。みなさん、大変な状況でもめげずに、好きな仕事について欲しいと思っています。WEBデザイナーという職業も、少しのやる気ときっかけさえあれば、在宅で稼げる仕事のひとつですので、主婦のみなさんも、興味があれば諦めずに、目指してみてくださいね。

Q & A

よくあるご質問

  • Q
    :レッスンはグループですか?マンツーマンですか?
  • A:レッスンは、オンラインマンツーマンレッスンとなりますので、個別にわからない点など丁寧に徹底的に指導していきますので、効率的にデザインを習得することができます。
  • Q
    :全くの初心者ですが、デザイナーとして仕事ができますか?
  • A:はい。修了生のほぼ全員が何かしらのデザインの仕事につくか、フリーランスや個人でデザインの仕事をスタートされています。トリコのデザイン部は、他の専門学校などとは異なり、実践型のレクチャーとなりますので、仕事に繋がる内容となっています。
  • Q
    :レッスンの形式は?
  • A:全てオンラインで完結できるようになっています。日本国内・国外、場所を問わず多くの方が参加しています。
  • Q
    :受講生はどのような人が多いですか?社会人ですが参加できますか?
  • A:はい。その期やクラスによっても多少異なりますが、20代から40代の社会人の方が例年一番多く参加しています。デザイナーへキャリアチェンジされたい方やお仕事でデザインスキルが必要な方も積極的に学んでいます。
  • Q
    :参加を検討しています。学費の分割は可能ですか?
  • A:はい。トリコクラブはみなさんが参加しやすいよう、分割プランを多数ご用意しています。また、分割手数料も無料ですので、お気軽にご相談ください。
  • Q
    :スクールで基本的なことは習ったのですが、もっとプロの方がデザインしようなおしゃれなサイトをデザインしてみたいです。
  • A:はい。どうしても専門学校のようなところでは、基本的な内容で学習が終わってしまうため、現場の仕事レベルとの隔たりがとてもあります。フリーランスで仕事を始めるには、どうしてもデザイン的なスキルがもう一歩必要になってきます。今までトリコクラブではこうした現状から、スクールを卒業した方を対象に、仕事レベルで通用するように、現場レベルの学校では決して教わらない内容まで指導しています。また、基礎を1周した方は、レッスン内容のカスタマイズもご相談いただけますので、webデザイン応用コースの方で、お気軽にご相談ください。
  • Q
    :webデザインとグラフィックデザインどちらにも興味があります。
  • A:デザインが好きな方やデザインに興味がある方は、どちらもやってみたいという方が非常に多くいらっしゃいます。同じ平面デザインですので、グラフィックとWEB両方をデザインしているデザイナーも多くいます。また、メンバーさんの中にも、グラフィックデザインを修了後に、WEBデザインの方へ改めて受講される方も多くいらっしゃいますので、まずはグラフィックデザインから始めても、WEBデザインに十分応用が効くようになります。
  • Q
    :キャリア支援・フリーランス支援はありますか?
  • A:はい。全てのコースにつきまして、ポートフォリオ指導、キャリア相談がありますので、経験豊富なスタッフへなんでもご相談ください。また、フリーランスで活動したい方には、活動の仕方のアドバイスや、実際の案件のご紹介がある場合がございます。

Limited

現在、残り1名枠

web業界は、今後ますます需要が伸びる業界となっています。その中で、しっかりデザインができるデザイナー、デザイン感度が高いデザイナーがほとんどいないので、デザインスキルをしっかり身につければ、引くてあまたのデザイナーになれることでしょう。

他の学校とは違い、デザインレベルの高い、現場レベルのスキルをこの機会に身につけ、自信を持ってWEBデザイナーの仕事を始めていきましょう。

また、レッスンのこと、業界のこと、今後のことなど、経験豊富な専門スタッフへ気軽にご質問ください。

    • ■ご希望のコースを教えてください。(複数可)*

    • ■お名前*

    • ■フリガナ*

    • ■メールアドレス*

    • ■電話番号*

    • ■今までのご経験を教えてください(複数可)*

    • ■トリコクラブを知ったきっかけを教えてください(複数可)*

    • ■お得な情報があるメルマガ(無料)登録をしますか?*

    • ■トリコの部活動(オンラインサロン)に同時に入部すると初回手数料が安くなりますが、入部しますか?*

    • ■ご質問等ございましたら、ご記入をお願いします。*

    • このサイトはセキュリティ保護のため、reCAPTCHAによって保護されており、Googleのプライバシーポリシー利用規約が適用されます。