学科 レイアウトデザイン基礎【オンライン】2025･10･02

-本日のアジェンダ-

1限目
学科 レイアウトデザイン基礎
レイアウトデザインについて

2限目
学科 レイアウトデザイン基礎
これまでの復習・ツールの確認

3限目
学科 レイアウトデザイン基礎
成績考査に向けて

4限目
学科 レイアウトデザイン基礎
まとめの時間

5限目
学科 レイアウトデザイン基礎
まとめの時間

---

本日のテーマ

ここまでの技術を振り返りましょう

ツール一覧【Photoshop】【Illustrator】.pdf

仕事をする上で最低限これを知っていると良いツールを書き出したものです。
復習しておきたい技術があればご質問ください。

Q＆A

ℚ．Wordpressだと画質が荒いような気が…

🅰.JPEGだと書き出しに限界があるため。

解像度（＝１インチにいくつのピクセルがあるか）を確認。低ければ軽いが荒くなる。
Webは７２ppi　
印刷は３００ppi
ただし、解像度が低くてもサイズが大きいと無理やり３００ppiに変更して印刷できる場合もある。
サイズと解像度は比例しないので注意！！

ℚ.印刷をしたい。

🅰.入稿時は仕上がり線で入稿するのが基本。（A４の紙に載ってる状態はダメ）

トリムマークを選択し⇒ctrl+alt+p⇒ドキュメント設定⇒アートボードを編集⇒上部バーのA４の中の選択オブジェクトに合わせる
⇒別名で保存（ファイル形式をPDFにして保存）⇒Adobe　PDFを保存のパネルが出たら⇒
準拠する規格をPDF/x-4:2010に変更⇒PDFを保存⇒OK

ℚ.コップなどの面に作成したロゴなどを張り付けた感じにするには？

🅰.illustratorのモックアップで可能。

両方選択した状態で⇒モックアップ⇒作成

参考サイト

レイアウトについて
https://gmo-miyazaki-creators.com/design/%e3%80%8c%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%81%ae%e5%9f%ba%e6%9c%ac%e3%80%8d%e3%82%92%e5%ad%a6%e3%81%b3%e7%9b%b4%e3%81%97%e3%81%a6%e6%b0%97%e3%81%a5%e3%81%84%e3%81%9f%e3%81%93%e3%81%a8/

三分割法について ※迷ったときに使ってみると◎
https://ds-b.jp/dsmagazine/pages/373/

モックアップについて
https://321web.link/illustrator-mockup/

レイアウトについて

収める構図とはみだす構図

本日の感想

復習だった」が、今まで覚えたことでも、まだまだ使用したことのないツールや方法が沢山あるので、とにかく日々ソフトを触って覚えていきたい。
明後日の成績考査が不安だけど、Adobeのソフトもやっと購入できたので、地道にコツコツ頑張りたい。