WebデザインのためのPhotoshop実践講座

Webサイト制作における、Photoshopを使用したグラフィックを実践的に学びます。ワイヤーフレームの作成、合計3つの実践的なサイトを作成するなど、全100レッスンの充実した内容です。
4.30 (354 reviews)
Udemy
platform
日本語
language
Web Design
category
instructor
WebデザインのためのPhotoshop実践講座
2 551
students
11 hours
content
Oct 2015
last update
$29.99
regular price

Why take this course?

これはWebメディア(おそらくはWordPressなどのCMSを使用したウェブサイト)の記事ページに焦点を当てた上級者向けの指導文です。Photoshopを使用して、記事のビジュアルエレメントをデザインするステップを説明しています。この章では、以下のような内容が含まれる可能性があります:

  1. レイアウトの計画: 記事ページの全体的な構造を決め、必要なセクション(ヘッダー、サブヘッダー、本文、関連リンク、コメントセクションなど)を定義します。

  2. デザインのテーマ: 記事のトーンとスタイルに合わせるデザインテーマを選びます。

  3. フォントと色の選択: 読みやすく、ブランドに合致するフォントと色を決めます。

  4. 画像の編集と挿入: 記事に使用する画像をPhotoshopで編集し、適切なサイズや質を設定します。

  5. インタラクティブ要素の追加: 読者がエンゲージメントを取るためのインタラクティブ要素(図形、アコーディオンなど)を追加します。

  6. レスポンシブデザイン: 異なるデバイスでの表示に合わせたレスポンシブデザインを実装します。

  7. 最終的なファイルの準備: デザインが完成したら、ウェブサーバーに対応する形式(JPEG, PNGなど)でファイルを準備します。

  8. 実際のウェブサイトへの統合: デザインされた要素を実際のWebメディアプラットフォーム(WordPressなど)に統合し、機能確認を行います。

この章は、上級者が既にPhotoshopの基本操作やWebデザインの原則に慣れている場合に適しています。初心者や中級者は、前の章から始めてからこちらの章に取り組むことをお勧めします。

Course Gallery

WebデザインのためのPhotoshop実践講座 – Screenshot 1
Screenshot 1WebデザインのためのPhotoshop実践講座
WebデザインのためのPhotoshop実践講座 – Screenshot 2
Screenshot 2WebデザインのためのPhotoshop実践講座
WebデザインのためのPhotoshop実践講座 – Screenshot 3
Screenshot 3WebデザインのためのPhotoshop実践講座
WebデザインのためのPhotoshop実践講座 – Screenshot 4
Screenshot 4WebデザインのためのPhotoshop実践講座

Loading charts...

Related Topics

641124
udemy ID
15/10/2015
course created date
16/11/2019
course indexed date
Bot
course submited by