_圧縮_富山デザイン勉強会4-続基礎の基礎.pdf

Transcript

1. 目指せ凄腕デザイナー！ 続デザインの基礎 ����.�.�� 渕 崎 愛
2. ��/�� ふちざき まな 富山県砺波市出身　砺波市在住 平成 � 年 � 月生まれ（�� 歳） デザイナー歴 � 年（���� 年～） デザイナー 渕崎 愛 ＃グラフィックデザイン ＃Web デザイン ＃WordPress ＃イラスト ＃麻雀 ＠Mana_yskw
3. ��/�� 超基本ルールと� つの基本原則 デザインのスタート地点 前回のおさらい
4. ��/�� 超基本ルール 変形しない 解像度を守る 透かしのある画像を使わない
5. ��/�� � つの基本原則 近接・整列・反復・対比
6. ��/�� レイアウトの基本 写真を使ったデザイン 今回お伝えしたいこと
7. ��/�� レイアウトの基本 今回お伝えしたいこと
8. ��/�� レイアウトの基本 版面とマージン 裁ち落とし �/� の法則
9. ��/�� レイアウトの基本 版面とマージン 裁ち落とし �/� の法則
10. ��/�� 版面 文字情報や写真、図版などを配置できる領域 マージン 文字情報や写真、図版などを配置しない領域
11. ��/�� マージン 版面とマージン 版面
12. ��/�� 版面とマージン 版面 高級感 版面率大 版面 版面率小 高級感 たのしい
13. ��/�� 版面とマージン 5608 MINNA GA ATSUMARU KOMINKA SHARE SPACE ෗ᑲྴୠ୐ୋୢஃ஥ୢ ૕ 939-ྼ࿼ᛕᜐᒲ၌ఒᱞ௰ỡૃૃ-5311-6 ốᇕႿợ୏୑ୠஇỒ HLJKW#JPDLOFRPૃૃጊᑷᲕ :1ἧ16ዐ ( ჸᛎᬗ )ૃૃ᷼ᯜໞ : 12 ෟ ఒᱞ௰  ốଢ଼஖இஔ୑୍ୱỒ ଚૄᜐᒲ၌ఒᱞ௰ଖ૭ ଶ෗ᑲྴୠ୐ୋୢஃ஥ୢ଒଄ૅ கஜ୨ஔୖ୬୪ஜૄ கஜ୨ஔୢ୨ୡ୓ૄ ୾ஓ஥இ஥୚୬ୱକଔૄ ૭କଊ ଙୋ୍୰ୋᐺ៉଒ᏹૈକᓉ൸૷଒૸଩଄ૅ Ƙ Ǒ ǂ Ǐ  ƌ ƈ Ƭ 1 ኲᴵྦଙகୢୱஒஜଽᴐႀଂଊଵૄᷕ఍୺஥୯ୌଽଂଊଵૅ ၹૈଓଂ ଊୖ୬୪ஜதᷛᷕୢஃ஥ୢଽᥘᙨଖ૿൅ᙤ૯ଊଋૼ଩଄ૅ ᒭ఍ଯ෭ហో ଖଭଔ૱ଉૅ ൅ᙤዐᴓதኚᲕ៍૿ᛎᬗଖჸଃ଩଄ଙ଒ૄ૵ᑵᯧଖ૿ᰱᡏ ௟଀૯ૅ RENTAL KITCHEN ǐǗƣǏƑƧƥǗņŀź ǐǗƣǏƑƧƥǗņŀź RENTAL BOX ƵDŽ*ƹǎ}ǂ}ƕƧƬ ƵDŽ*ƹǎ}ǂ}ƕƧƬ &UHDWLYLW\8QERXQG &UHDWLYLW\8QERXQG ᧶ଽቻ᪜ଂଊૄḠ૯ᴬᶩᄍଽᇳଏகஜ ୨ ஔ ୢ ୨ ୡ ୓ૅ Ꮳ ๿ ଙ ᡽ ᣊ ଯ ൸ ᙭ ଙ ᡸ ᵦૄ዆᙭ᴀᮉૄ൵Ⴗଂଊ૯ଓ૸କଔૄଔ କଊ଒ଭ૿൅ᙤଖକଷ଩଄ૅ அ୬୘ୢଙ୓஥୳஥ଓଂ଑ૄ୸ஜ୲ ஊ ୍ ୲ ศ ଯ ஓ ୞ ୍ ୘ ஔ ଂ ଊ ૯ ଭ ଙ ଽ༊ଶ૵ႀଽᴐૼ଩଄ૅ க୍ୋ୏ୱ ଯಥᑟଚᥘᙨଖᒎବ଴ଷ଩଄ૅ ఒẉ࿯ ఒᱞ௰ ఒẉ࿯ ೿ᑲᷪ ఒẉ࿯ ᷼ລᆪ ૕ JAଓକପᲓ ஒ୍ୢ୨஥ஈ୳ஔ ୱ୳ஈ᰼᯺ ටᜐୢ஥୺஥ᰍ᰿ N 156 M A P I N F O R M A T I O N ෨ ឃ ୍ ஂ ஜ ୱ Ꮪ ൺ த ᐜ ጨ க ஜ ୨ ஔ ៍ ᆾ ଵ ଩ ଄ ૅ ૵ ᑵ ᯧ ଖ ૿ ᛎ ᬗ ૺ ଋ ଀ ૯ ૅ ܼᲕ᷅ଚჸᛎᬗ ጊዺ :10 ἧ16 ዐ RENTAL STUDIO ୘ஓ୑୍୯ୌ୼୯ୌୋஜ୹୏ஜ୲ Ƙ Ǒ ǂ Ǐ  ƌ ƈ Ƭ ᷛᷕୢஃ஥ୢ கஜ୨ஔୖ୬୪ஜ ୢ୨ୡ୓ கஜ୨ஔஅ୬୘ୢ ྦฯ30෮ ᷛᷕୢஃ஥ୢ கஜ୨ஔୖ୬୪ஜ 6,000ഉ 6,000ഉ 9,000ഉ 9,000ഉ ೻౞൅ᙤ 10,000ഉ 15,000ഉ 6 ዐᴓ 12 ዐᴓ ୢ୨ୡ୓ 1,200ഉ 6,000ഉ 1ዐᴓ 6ዐᴓ ୾ஓஇ 1,000ഉ /2டጊ ༊௞ଙ10% அ୬୘ୢ ᆯኌኚ ൂຑᴵྦ૵᫷ଂ୘஥ஆஜ ố୪ஒୠଽ૵᫂ଆૺଋ଀૯Ồ HaveaQiceGay! ೿ႦLINE
14. ��/�� マージンのとりかた A� A�~� はがき 名刺 ��~��mm �~��mm �~ �mm �~ �mm ��mm~ ��mm~ �mm~ �mm~ マージン大 マージン小
15. ��/�� マージンを整える
16. ��/�� レイアウトの基本 版面とマージン 裁ち落とし �/� の法則
17. ��/�� トンボ（トリムマーク）
18. ��/�� トンボ（トリムマーク） ヌリタシ
19. ��/�� トンボ（トリムマーク）
20. ��/�� 裁ち落としのレイアウト SCHOooOL 月刊スクール デラ出版 � ���� SCHOooOL 月刊スクール デラ出版 � ����
21. ��/�� 裁ち落としのレイアウト SCHOooOL 月刊スクール デラ出版 � ���� ・視線が中央に寄る ・紙面に安定感がある ・ 「過去」 「客観的」な印象に
22. ��/�� 裁ち落としのレイアウト SCHOooOL 月刊スクール デラ出版 � ���� ・空間的な広がりを感じる ・紙面に躍動感がある ・ 「現在進行」 「参加している」ような印象に
23. ��/�� 版面内のデザイン
24. ��/�� 裁ち落としのデザイン
25. ��/�� レイアウトの基本 版面とマージン 裁ち落とし �/� の法則
26. ��/�� �/� の法則とは 紙面を三等分し、それぞれの基準線や各エリアを基準にして 要素を分けたり、目立たせたいポイントを配置したりするこ とで、安定感のある紙面を作ることができる。 三等分するだけでできるので初心者にオススメ。
27. ��/�� 紙面を �/� に分割する
28. ��/�� 牡丹の花言葉： 「富貴」 「壮麗」 「恥じらい」 「誠実」 紙面を �/� に分割する Queen of flower 牡丹の花言葉： 「富貴」 「壮麗」 「恥じらい」 「誠実」 日本の文化では、牡丹は華やかさや富、高貴さの象徴として扱われ ています。歴史的な背景から、富や繁栄のシンボルとしても重要視 されています。くから絵画や文学、工芸などにも多く登場し、日本 の伝統文化において重要なモチーフとして扱われてきました。 AI ART buildings-water-color-art white-page AI アートは、芸術と科学の融合として捉え ることができます。 AI の開発にはコンピュー タサイエンス、機械学習、データ解析など の科学技術が必要ですが、その生成物であ るアート作品はしばしば人間の感性や美学 と結びついています。 従来の手法やメディアでは再現できなかっ た新しい表現の形を可能にします。これは、 例えば特定のパターンやスタイルを持つ作 品の生成、膨大なデータセットからのイン スピレーションの提供などが含まれます。 Creativity and the Combination of Algorithms.
29. ��/�� 紙面を �/� に分割する Queen of flower 日本の文化では、牡丹は華やかさや富、高貴さの象徴として扱われ ています。歴史的な背景から、富や繁栄のシンボルとしても重要視 されています。くから絵画や文学、工芸などにも多く登場し、日本 の伝統文化において重要なモチーフとして扱われてきました。 AI ART buildings-water-color-art white-page AI アートは、芸術と科学の融合として捉え ることができます。 AI の開発にはコンピュー タサイエンス、機械学習、データ解析など の科学技術が必要ですが、その生成物であ るアート作品はしばしば人間の感性や美学 と結びついています。 従来の手法やメディアでは再現できなかっ た新しい表現の形を可能にします。これは、 例えば特定のパターンやスタイルを持つ作 品の生成、膨大なデータセットからのイン スピレーションの提供などが含まれます。 Creativity and the Combination of Algorithms.
30. ��/�� �/� の法則を活かしたデザイン
31. ��/�� 写真を使ったデザイン 今回お伝えしたいこと
32. ��/�� 写真を使ったデザイン 写真は言葉よりも正確に伝わる ビジュアル面でイメージを左右する 紙面の視線を誘導する
33. ��/�� 写真を使ったデザイン 写真は言葉よりも正確に伝わる ビジュアル面でイメージを左右する 紙面の視線を誘導・関係性を表現する
34. ��/�� 写真は言葉よりも正確に伝わる 岸壁に設置して船を繋留したり、道路や広場などに設置して自動 車の進入を阻止したりする目的で設置される、地面から突き出し た杭。 波止場でよく足をかけてる人がいるやつ。 ボラード
35. ��/�� 写真は言葉よりも正確に伝わる ボラード
36. ��/�� 写真は言葉よりも正確に伝わる トレンチコート - ナチュラル 【ファブリック】 ウール本来の質感・表情・暖かさはそのままに、 重厚感ある素材感 【ディテール】 存在感のある幅の広い上襟とダブルブレストのデザインがクラシカルで上品な印象 【シルエット】 着るだけでこなれ感の出るロング丈のオーバーサイズシルエット。 ラグランショルダーや身幅やアームホールにゆとりがある。
37. ��/�� トレンチコート - ナチュラル 【ファブリック】 重厚感ある素材感 【ディテール】 クラシカルで上品な印象 【シルエット】 ロング丈のオーバーサイズシルエット。 写真は言葉よりも正確に伝わる https://www.emmaclothes.jp/item/��������.html オーバーサイズメルトンダブルヨークラグラントレンチコート EMMA CLOTHES ����SS
38. ��/�� 写真を使ったデザイン 写真は言葉よりも正確に伝わる ビジュアル面でイメージを左右する 紙面の視線を誘導・関係性を表現する
39. ��/�� ビジュアル面でイメージを左右する ネイビーのスーツを着た、 若いビジネスマンを掲載する。 スーツの男性
40. ��/�� ビジュアル面でイメージを左右する
41. ��/�� 新入社員募集 未来を創るチャンスがここに 当社では、未来を拓くための新入社員を積極的に募集しています。 挑戦の意欲 を持ち、 成長を求める方々に最適な環境を提供し、 新たなアイデアや才能を歓 迎します。 先進的なプロジェクトに参加し、自身のキャリアを築くチャンスが ここにあります。 私たちとともに、 世界を変える一歩を踏み出しましょう。
42. ��/�� ネイビースーツ 奥深い魅力、永遠のエレガンス ビジネススーツの中でも、ネイビーはその深い色合いとエレガントさで特に 注目されます。 上品なデザインとクールな雰囲気が相まって、ただ着るだけで 自信を与え、周囲を引きつける魅力を放ちます。 その際立つ存在感は、あなた のビジネススタイルに深みを与え、 成功への一歩を踏み出す自信を養います。
43. ��/�� ネイビースーツ 奥深い魅力、永遠のエレガンス ビジネススーツの中でも、ネイビーはその深い色合いとエレガントさで特に 注目されます。 上品なデザインとクールな雰囲気が相まって、ただ着るだけで 自信を与え、周囲を引きつける魅力を放ちます。 その際立つ存在感は、あなた のビジネススタイルに深みを与え、 成功への一歩を踏み出す自信を養います。
44. ��/�� 新入社員募集 未来を創るチャンスがここに 当社では、未来を拓くための新入社員を積極的に募集しています。 挑戦の意欲 を持ち、 成長を求める方々に最適な環境を提供し、 新たなアイデアや才能を歓 迎します。 先進的なプロジェクトに参加し、自身のキャリアを築くチャンスが ここにあります。 私たちとともに、 世界を変える一歩を踏み出しましょう。
45. ��/�� 写真を使ったデザイン 写真は言葉よりも正確に伝わる ビジュアル面でイメージを左右する 紙面の視線を誘導・関係性を表現する
46. ��/�� 紙面の視線を誘導・関係性を表現する 重要度が同じ写真を複数枚扱う場合は、内容に沿うように写真を 配置する。 被写体の大きさや被写体の方向で読み手に与える印象が変わる。
47. ��/�� 紙面の視線を誘導 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明
48. ��/�� 紙面の視線を誘導 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明
49. ��/�� タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 タイトル 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 説 明 紙面の視線を誘導
50. ��/�� 視線を意識したデザイン
51. ��/�� タイトル 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 タイトル 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 関係性を表現する
52. ��/�� タイトル 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 タイトル 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 関係性を表現する 視線が外に逃げており 互いの関係性が薄く感じる
53. ��/�� タイトル 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 タイトル 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 説明説明説明説明説明説明 紙面の視線を誘導
54. ��/�� 関係性を意識したデザイン
55. ��/�� まとめ
56. ��/�� レイアウトの基本 版面とマージン 裁ち落とし �/� の法則
57. ��/�� 写真を使ったデザイン 写真は言葉よりも正確に伝わる ビジュアル面でイメージを左右する 紙面の視線を誘導する
58. ��/�� 参考書籍 デザイン入門教室 坂本 伸二 SB クリエイティブ デザイン・ルールズ 伊達 千代 内藤 タカヒコ エムディエヌコーポレーション