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階