
【チャレンジ内容】バラバラに配置されたレイヤーを移動やスマートガイドを使って完成版と同じ配置に直そう。サイズや余白が完成版と全く同じでなくてもOKです。1章で習ったことができるようになっているか確認してください。
【チャレンジ内容】シェイプやマスクなど2章で習ったツールを使って写真を複雑な形に切り抜こう。指定した内容は、ヒントとして活用してください。サイズや余白などが完成版と全く同じでなくてもOKです。
【指定内容】
★アートボード
アートボード名:チャレンジ
サイズ:670×400
背景色:2E2E2E
【チャレンジ内容】ベクターやスタイリングなど3章で習ったツールを使ってかわいいメインビジュアルを作ってみよう。指定した内容は、ヒントとして活用してください。サイズや余白などが完成版と全く同じでなくてもOKです。
【指定内容】
★アートボード
アートボード名:メインビジュアル
サイズ:1024×486
背景色:42260C
★ピンクのシェイプ
色:F31593
★写真
不透明度:60%
★テキスト
フォント:Cooper Std Black(あれば。なければ似たようなフォントであればOK)
1行目のフォントサイズ:30pt
2行目のフォントサイズ:16pt
【チャレンジ内容】symbolや整列など4章で習ったツールを使って"会場利用までの流れ"デザインを作ってみよう。指定した内容は、ヒントとして活用してください。サイズや余白などが完成版と全く同じでなくてもOKです。
【指定内容】
★アートボード
アートボード名:flow
サイズ:iphone 6
★背景
グラデーション(色:45FF9C→色:61A3FF)
★家アイコン
borderの太さ:4px
★見出しテキスト
フォントサイズ:16pt
フォント:Hiragino Maru Gothic Pro
★数字の円
サイズ:35px × 35px
★数字
色:50DBC3
フォントサイズ:16pt
★flowテキスト枠
borderの太さ:4px
★flowテキスト
フォント:Hiragino Maru Gothic Pro
フォントサイズ:14pt
行間:21pt
【チャレンジ内容】5章で習ったアイコンやボタン制作の流れを踏まえて、ダウンロードボタンを作ってみよう。今回は指定内容はなしです。色やサイズ、余白などが完成版と全く同じでなくてもOKです。完成版を見ながらご自身ですべて完成させてみてください。
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。
★こんな人におすすめ★
★特徴
★授業×チャレンジ課題で実践的なスキルが身につく! スキルを身につける上で、実際作りながら学ぶことはとても大切です。 オンライン学習では、動画を見るだけで終わってしまい、実践的なスキルがつかないことが多いです。 こちらのコースでは全てのレッスンが、バナーや実際のカフェのWebサイトなど実践的なものを作ります。そして、各章の終わりにはチャレンジ課題として、その章で学んだことの理解を確認する課題があります。
★過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム コースを提供しているNEST Schoolは過去3年間で1200名以上のスクール卒業生を輩出し、その間プログラムの改善を絶えず行ってきました。運営会社である株式会社Campusは、 多数の自社Webサービスの運営やWeb制作事業を行っており、 それらの活動で得たノウハウをこちらのコースで提供しています。 また、主に大学生を中心に年間50名近くのWebデザイナーを育成し、自社の高度なWebサービスのデザインを手掛けるまでに成長させています。 実際にWebサービスやWeb制作を実施している企業とプロのデザイナーによるプログラムと、「どうすれば効率よくスキルアップできるか」を 考え続けているプログラムの提供が、他にない価値です。
★無駄なく、必要なものだけを、必要な順番で学ぶことの大切さ ネット上や書店にはたくさんの記事や本がありますが、すべてを見ることはできませんし、特に重要でない知識もたくさんあります。 まずは必要な知識だけを必要な順番で学ばないと、そうでない場合と比べて数十倍の非効率な学習になります。こちらのコースでは最も効率的な学習を目指しました
★内容
初めの1〜4セクションは、Sketch3の基本知識や基本操作を全体的に学びます。 その後、各セッションで、実際の制作物を作りながら学んでいきます。
⑴Sketch3の基本知識
Sketch3のインストールから初期設定、移動や選択の仕方など、基本的な知識を身につけられます。
⑵基本操作(1)アートボード・ページ・シェイプ
アートボードとページ機能の扱い方や、デザインの要素を作る上で欠かせないシェイプを自由自在に操れるようになります
⑶基本操作(2)ベクター・テキスト・スタイリング
文字をなぞってベクター機能の練習をしたり、簡単なデザインを作りながらテキストツールやスタイリング(装飾)をマスターします。
⑷基本操作(3)その他の基本操作
簡単な写真の編集や、デザインを効率良く進めるために欠かせないSymbols機能の紹介、CSSと画像の書き出しなど、Sketch3の特徴的な機能をたくさん紹介していきます。
⑸アイコン・ボタン制作
セッション1〜4で学んだ機能やデザインの作り方を生かして、実際のサイトにありそうなアイコンやボタンをつくります。
⑹ダッシュボードページ制作
仮想のダッシュボードページのデザインを、全10回に分けて作っていきます。難しい操作は行いませんので、これまで学習したことが身についているか確認しながら進めていきます。
⑺オンラインショップ制作1(トップページ)
仮想のオンラインショップのトップページデザインを制作します。画像の書き出しを前提としたデザインになります。
⑻オンラインショップ制作2(商品ページ)
セッション7の続きで、仮想のオンラインショプの商品ページのデザインを制作します。最後には画像の書き出しも行います。
⑼レストランのレスポンシブWebサイト制作1(PC用デザイン)
レスポンシブデザインの仮想のレストランのWebサイトの制作を行います。この章ではレスポンシブを前提としたPC用デザインをつくります。
⑽レストランのレスポンシブWebサイト制作2(タブレット・スマホ用デザイン)
セッション9の続きで、PC用デザインをもとに、仮想のレストランのWebサイトのタブレット用・スマホ用デザインを制作し、デザインを完成させます。