Photoshopを使った実践Webデザイン講座

Photoshopを使った
Webサイト制作の全てがゼロから学べる

この講座では、Photoshopを使用したWebデザインの方法をレクチャーします。

基礎から学び、最終的には実際のWebサイトのデザインまで行えるように作られた内容なので、
「Photoshopを使用したWebデザインができるようになりたい」という方や、
「Photoshopは最低限の操作はできるけれど、もっと技術の幅を広げたい」という方まで学んでいただけます。

動画を見ながら一緒に操作をして作品を作っていくことをテーマとしていますが、動画は全て5〜10分前後にまとめているので、初心者の方にも、無理なくご自身のペースで、楽しみながら学んでいただけます。

※各セクションの冒頭に動画内で使用するデータを添付しています。あらかじめダウンロードした上でご覧ください。

※推奨条件
Photoshopの基本的な操作を習得していることがおすすめです。

この講座で学べること

1. ワイヤーフレーム制作

Webサイトをデザインする前に行うべきサイトの設計図、「ワイヤーフレーム」の制作方法を学びます。
ヒアリングの段階からどのようにワイヤーフレームを制作すれば良いかを学ぶ事が出来ます。 実用的で、目的を達成するためのWebサイトのレイアウト方法を知ることができるので、初めてワイヤーフレームを作成する初心者の方はもちろん、もう一度基礎を学びたい上級者の方にもオススメです。



2. 初心者のためのウェブデザインテクニック

Photoshopを利用して、実際のウェブサイトのパーツをデザインしていきます。
簡単な練習課題を通して、どのようにWebサイトデザインを行うのか、といったコツを掴み、本番のWebサイト制作に役立てることができます。



3. 【初級】クリニックのWebサイト〜トップページ編〜

Photoshopを使って、仮想のクリニックを紹介するWebサイトをデザインします。
複雑なPhotoshopの機能はあまり使わなくても出来る、シンプルなデザインのWebサイトですので、初心者の方でも気軽に取り組んでいただけます。 ここでPhotoshopを使ったWebサイトデザインの流れを掴んでください。



4. 【中級】美容院のWebサイト制作

Photoshopを使って、仮想の美容院を紹介するWebサイトをデザインします。

• Webサイト用のファイル新規作成方法から、ガイドを利用したレイアウトを作成
• レイヤースタイル等を利用したデザイン
• トップページのデザインファイルを複製した、下層ページの作成
• シェイプツールを利用した、ご予約フォームのデザイン

この章をマスターすることで次回からは簡単なサイトを自分で作れるようになります。
作成していただく課題は、少し複雑な機能やツールを利用することもありますので、やや中級者向けです。

Photoshopを使って、様々なコンテンツを提供するWebメディアサイトを実際にデザインしていきます。

• ヘッダー、フッター
• 特集記事
• 人気ランキング
• サイドバー
• 新着記事
• サイドバー
• 記事本文ページ

などを作成します。

たくさんのPhotoshopのツールを駆使してデザイン制作を行っていきますので、上級者向けの章です。

理解度チェックとして、講師運営スクールのNESTschool公式Webサイトのデザインを行なっていきます。

講師はテクノロジーとクリエイティヴのプロを目指すためのスクールを運営しており、卒業生は1,000名以上。
未経験からWebデザイナーとして働けるレベルになることをゴールとしていますので、Webデザイナーを目指す方へオススメの講座です。