Webデザイン講座(初級編)
レッスン動画本数:16本 / 総授業時間:499分
講座概要
Adobeソフト「Photoshop」を使ってデザインするスキルを学びます。
バナーやInstagram投稿画像、LP(ランディングページ)制作など、Webデザインの基礎知識を習得していきます。
こんな方におすすめ
Photoshopを学びたい方
Webデザインの基礎を学びたい方
こんなお仕事に繋げられます
・企業のLP(ランディングページ)のデザイン制作
・バナーやInstagramの投稿画像制作
講師紹介
中村 澄美 Sumi Nakamura
美容師としてヘアサロンに10年勤務。その際にサロンの販促物などのデザインをしたことがきっかけで、デザインに興味を持ちました。
育休中にWeb制作とデザインを学び、Web制作会社に転職。
会社員としてWeb制作・デザイン業務を担当しつつ、個人でもデザインの仕事を受けている複業会社員です。
プログラム
Photoshopって何?
- Photoshopとは? Photoshopで何ができるの?
- Photoshopをインストールしてみよう
- 画面周りを確認しよう(メニューバー/ツールバー/オプションバー/パネル)
- 主なツールを試してみよう(長方形ツール/テキストツール/移動ツール)
- 覚えておきたい機能とショートカットキー
はじめてのデザイン〜デザインの基礎を知ろう〜
- デザインとは?
- デザインを細分化してみよう
- デザインの4大原則を知ろう
- 身近な事例を参考に解説
基本操作でシンプルなバナーを作ってみよう
- 新規ファイルの設定をしよう
- デザイントレースを始める準備
- 【実演】一緒にバナーを作ろう!
- デザインの振り返りと特徴
- 【チャレンジ】オリジナルのバナーを作ってみよう
画像補正を覚えよう
- 直接設定、スマートフィルター、調整レイヤーの違い
- 明るさ・コントラストを調整してみよう
- 色味を調整してみよう
- 不要なものを消してみよう
- サイズが足りない!そんなときは
写真を使ったバナーを作ってみよう
- 新規ファイルの設定と模写の準備
- 【実演】一緒にバナーを作ろう!
- デザインの振り返りと特徴
- バナーデザインの参考になるサイト
- 商用利用ができるフリーの写真素材サイト
- 【チャレンジ】オリジナルのバナーを作ってみよう
なんでこのデザイン?言語化能力を鍛えよう
- デザインの言語化ってどういうこと?
- デザインの言語化が必要な理由
- 言語化能力を鍛える方法
- おすすめのデザイン本
インスタ投稿の画像制作で押さえておきたいポイント
- フィード投稿は世界観の統一が大事!
- いいね!や保存をしたくなる投稿とは?
- フィード投稿の画像サイズ
- フィード投稿画像制作で注意したいこと
インスタ投稿の画像①を作ってみよう
- 新規ファイルの設定と模写の準備
- 【実演】一緒に投稿画像を作ろう!
- デザインの振り返りと特徴
- 【チャレンジ】オリジナルの投稿画像を作ってみよう
インスタ投稿の画像②を作ってみよう
- 新規ファイルの設定と模写の準備
- 【実演】一緒に投稿画像を作ろう!
- デザインの振り返りと特徴
- 【チャレンジ】オリジナルの投稿画像を作ってみよう
Webデザイン LP(ランディングページ)って何?
- LP(ランディングページ)とは?
- LPやWebサイトをデザインする前に
- LPのデザインをする時に気をつけること
- LPデザインの参考になるサイト
- コーダーさんに優しいデータの作り方
LPを作ってみよう-1
- 新規ファイルの設定をしよう
- LPの制作を始める準備
- 【実演】一緒にLPを作ろう!
LPを作ってみよう-2
- 【実演】一緒にLPを作ろう!
- デザインの振り返りと特徴
- 【チャレンジ】デザイン違いをもう一案作ってみよう
卒業制作①:指示書からバナーを作成してみよう
- 卒業制作の意図と実際のお仕事の流れ
- 指示書から制作物の目的を読み取る
- 指示書の内容確認
卒業制作②:指示書からインスタ画像を作成してみよう
- リトル・ママからのお仕事で一番多い「インスタ運用」
- 指示書の内容確認
- チェックしておきたいインスタ広告のまとめアカウント
卒業制作③:指示書からLPを作成してみよう
- LPの制作で大事なこと
- 指示書の内容確認
ポートフォリオと卒業後の活動について
- 今後の目標設定と行動設計をしよう
- ポートフォリオを作ろう
- ポートフォリオはノーコードを活用して
- 案件獲得の方法3選
- コミュニティの活用方法
一般社団法人リトル・ママキャリア
〒105-0014 東京都港区芝2丁目30番6号ファインラック芝2階