Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
画像やパワポ資料、SNSにも使える!グラフィックデザインとレイアウトの基本。ダサいデザインからこれで卒業【資料DL可能】
Rating: 4.6 out of 5(34 ratings)
129 students

画像やパワポ資料、SNSにも使える!グラフィックデザインとレイアウトの基本。ダサいデザインからこれで卒業【資料DL可能】

初心者向けにデザインや資料作成の基礎から応用まで学べるコースです。効果的なレイアウトや色選び、フォント活用法を実践的に解説。プロ仕様のデザインを作るためのノウハウをステップバイステップで身につけましょう!
Last updated 5/2026
Japanese
Japanese [Auto],

What you'll learn

  • 感覚的ではない論理的で効果的なデザイン制作
  • 伝えたい内容を明確にするデザイン方法
  • ストーリーの流れに沿った情報配置のスキル
  • ワイヤーフレームの作成
  • レイアウトの「4大原則」の活用
  • 配色ルールの習得
  • フォント選びの基礎と応用
  • 色が与える心理的影響の理解
  • 避けるべき配色パターンの例とその理由
  • プロフェッショナルに見せるフォントの選定方法
  • フォントの種類や数を効果的に絞る技術
  • 作成したデザインを見直し、完成度を高めるポイント
  • 余白の使い方をマスターし、スッキリ見せる方法
  • 境界線・ドロップシャドウの正しい使い方
  • 色使いを工夫し、洗練された印象を作る方法

Course content

7 sections52 lectures1h 33m total length
  • コースの特徴0:54
  • コースで学べること0:33
  • デザイナー講師の自己紹介1:29
  • コース資料のダウンロードはこちらから0:12

Requirements

  • 前提知識は不要です!感覚的ではない論理的で効果的なデザイン制作の講座です

Description

「グラフィックデザインとレイアウトの基本講座」をご覧いただきありがとうございます!


こちらのコースは、アパレルデザイナーとしてキャリアをスタートしたENが、自身の豊富な経験をもとに作成した講座です。

デザイン事業の立ち上げやフリーランスとしての活動を経て、現在は福島と東京の2拠点で活躍中。

また、デザインを通じて人をサポートするコミュニティも運営しています。


「なんとなく」で作ってしまいがちな資料やデザインを、論理的で効果的なものへと進化させるための実践的なノウハウを詰め込んだ内容です。

初心者でも安心して取り組めるよう、ステップバイステップで丁寧に解説します。



━━━━━━━━━━━━━━━━━━━━

■ゼロから学べるデザインの基礎知識

━━━━━━━━━━━━━━━━━━━━

「どうやって伝える?」「どんな順番で見せる?」といった疑問に答える基礎知識から始めます。

デザインの基本は、伝えたい情報を明確に整理し、受け手にとって分かりやすい形にすることです。

このセクションでは、情報整理の手順や優先順位の付け方を詳しく解説します。


また、ワイヤーフレームを活用した効率的なレイアウト作成方法を学ぶことで、作業をスムーズに進めるスキルを習得します。

さらに、「対比」「整列」「近接」「反復」というデザインの4大原則を用いて、視覚的にまとまりのあるプロフェッショナルな仕上がりを目指します。


具体例や実際のデザインを参考にしながら進めるので、初心者でも楽しく学ぶことができます。



━━━━━━━━━━━━━━━━━━━━

■失敗しない!色とフォントの選び方

━━━━━━━━━━━━━━━━━━━━

色やフォントは、デザインの印象を大きく左右する重要な要素です。

このセクションでは、配色ルールを学び、3~4色をバランスよく使った統一感のあるデザインを作成する方法を解説します。

配色比率(70:25:5)の使い方や、色が与える心理的影響についても詳しく説明します。

さらに、避けるべき配色例も紹介し、失敗を防ぎます。


フォント選びについては、プロフェッショナルに見せるためのポイントを押さえながら、テーマに合ったフォントの選び方を具体的に解説。

フォントの種類や数を効果的に絞る技術や、自分でフォントをインストールする手順も網羅しています。

これらを活用することで、素人っぽく見られない完成度の高いデザインを目指せます。


━━━━━━━━━━━━━━━━━━━━

■ダサいデザインの原因になる落とし穴

━━━━━━━━━━━━━━━━━━━━

デザインが「なんか垢抜けない」「素人っぽい」そんな悩みを解決するためのセクションです。


デザインのちょっとしたミスが「洗練されて見えない原因」になっていることが多く、


・縦横比を歪めてしまう

・余白を適切に取れていない

・文字のメリハリがない

・「とりあえず」境界線やドロップシャドウを使ってしまう

・配色が原色ばかりでチープに見える

・画像の解像度が低い


といった要素が積み重なることで、プロっぽさが失われます。


このセクションでは、実際のNG例と比較画像を交えながら、具体的な改善策を解説します。


━━━━━━━━━━━━━━━━━━━━

■プロ仕様の仕上がりを目指す最終チェック

━━━━━━━━━━━━━━━━━━━━

完成したデザインを見直し、細部まで整えることで全体の完成度をさらに高める方法を学びます。

このセクションでは、レイアウトや配色、フォントの整合性を確認する手順を丁寧に解説。

初心者が見落としがちなポイントや、プロのデザイナーが実際に使っているチェックリストも紹介します。


また、細部を微調整することで、受け手に与える印象を大きく変えるテクニックも学べます。

最後に、具体的な実例を通じて完成したデザインをさらにブラッシュアップする方法を共有します。


これにより、あなたのデザインスキルがワンランクアップするだけでなく、自信を持ってデザインを完成させられるようになります。


━━━━━━━━━━━━━━━━━━━━

■コースの資料はすべてダウンロード可能です

━━━━━━━━━━━━━━━━━━━━

本コースで使ったすべての資料がダウンロード可能です。

動画を一時停止してメモを取る必要はありません。


コース参加時のメッセージにてURLをお送りします。

※資料の無断転載、商用利用は禁止です


━━━━━━━━━━━━━━━━━━━━

■コースには安心の返金保証付き

━━━━━━━━━━━━━━━━━━━━

こちらのコースには30日間の返金保証が付いています。

どうぞご安心して購入してください。


詳しくはUdemy内の【Udemy】→【購入/返金】→【返金】よりご確認ください。

Who this course is for:

  • デザイン初心者で、感覚的な作業から脱却し、理論的な基礎を身につけたい方
  • 伝わりやすいレイアウトを作りたい方
  • 配色やフォント選びに自信がなく、プロフェッショナルな仕上がりを目指したい方
  • デザインの基本ルールを学び、仕事やプライベートで活用したい方
  • 既にデザインに取り組んでいるが、より効率的かつ洗練された方法を学びたい方