Layout をテンプレートにして作成

開始行:
*レイアウト ~ レイアウト（layout）とは、空間的な配置のことです。ポスタ... ~ **レイアウトのセオリー 以下に記載することは、あくまでも経験則であって、「こうし... しかし、あと少し右・・もうちょい左などと微調整に迷うとき... ~ ***グリッド・システム スイスのデザイナー、ミューラー・ブロックマン（1914～1996... 雑誌の紙面レイアウトやWebページのレイアウトなど、多くのグ... -[[The Grid System>http://www.thegridsystem.org/]] -[[Grid System イメージ検索>http://www.google.co.jp/image... -[[Image now>http://www.imagenow.ie]] -[[960 Grid System>http://960.gs/]] //-[[PDF Gridder>https://pdfgridder.org/gridder/]] グリ... -[[GoogleImage: karl gerstner]] -[[GoogleImage: Helmut Schmid Typography]] -[[GoogleImage: joseph muller brockmann]] -[[GoogleImage: Massimo Vignelli work]] -[[GoogleImage: Ellen Lupton work]] -書籍紹介 --[[Grid Systems in Graphic Design>http://www.amazon.co.j... --[[Balance in Design Kimberly-Elam>http://www.amazon.co.... --[[Typographic Systems Kimberly Elam>http://www.amazon.... ~ #lightbox(grid.jpg,right,around,12.5%) ***レイアウトグリッドの例 このサンプルは 本文8.5pt、行送り15ptを前提としています。 本文の文字サイズを最小単位に、最適な一行文字数×数行分の矩... &ref(grid.pdf); #clear ~ ''自分でオリジナルのグリッドを作る際の要点'' はじめに線をひくのではありません。重要なのは''本文の文字... まず、 紙面を構成する基本単位である、文字の大きさと行送り... そして、その本文記事が紙面を埋め尽くすイメージをつくって... ブロックとブロックの間隔については、左右方向では2文字また... 言葉ではわかりにくいので、実際に、以下のPDFをご覧下さい。... -上のグリッドの使用例　&ref(Sample.pdf); で、よくある間違いが、上の投稿フォームを下敷きにして、「... くりかえします。 自分で独自のグリッドを作るときは、線を先に引くのではなく、 読者にとって読みやすい本文文字サイズと行間を先に決める・... はじめに''よみやすい本文の設計''ありきということです。 ~ ***黄金比　A : B = B : (A+B)　　(1 : 1.61)　 一般的に多くの人が美しいと感じる比率です。この比を縦と横... フィボナッチ数列（1,1,2,3,5,8,13,21,34,55,・・・）は、最... ~ ***白銀比　１：√２ 我々が普通用いているA4やB5といった紙の縦横比がこれにあた... ~ ***数列の応用 等差数列、等比数列、フィボナッチ数列など、幾何学的根拠に... ~ ***三分割法　３×３の領域に分割(写真撮影用のガイドはこれ) 画面を水平・垂直各３等分して、それらの線上、または交点上... ~ ***開いた構図と閉じた構図 開いた構図とは、カメラが空間を切り取るように得られる構図... ~ ***構図上のNG 中心の喪失・・・ものがバラバラになって重心がない。要する... ~ -勢い・流れを止める交差・・・画面には中心があり、流れはそ... -頭打ち／壁ぴったり・・・事物の頂点が画面の端にくるような... -串刺し・・・人物の真後ろに電柱があるような構図。 -首切り ・・・人物の首の位置に水平線がくるような構図。 ~ ***レイアウトに影響する画像内の要素 -撮影の構図・パースぺクティブ -被写体のまなざし -被写体のベクトル（まなざしに代わるもの、例えば、指差し、... -被写体の演出（例えば「正面」の扱い、安定・不安定など） ~ ***その他参考 -ゲシュタルト要因　：　要素のグループ化（群化）による情報... -対称（静）と非対称（動）　：　対称は終止感にもつながる -重心　：　要素の重さは明度と面積によって決まる ~ ~ **レイアウトの基礎知識 ***紙の寸法 日本では大きくA列とB列の２系統があります。 -A列：A4判やA3判など、Aと数で表されるグループ。A1(594×841... -B列：B5判やB4判など、Bと数で表されるグループ。B1(728×108... ~ ***仕上がりサイズ 最終的な印刷完成品のサイズを「仕上がりサイズ」と言います。 実際の印刷では、仕上がりサイズよりも大きな用紙に印刷して... ~ ***版面率 レイアウトを行う際に、文章や図版、写真を入れる誌面の基本... ~ ***マージン 版面以外の余白をマージンといいます。マージン各部の名称は... ~ ***文字のジャンプ率 ジャンプ率とは、見出し、本文、キャプションといった、画面... 文字のジャンプ率は、個々の目的に応じて様々ですが、媒体ご... ~ ***組版 組版（くみはん）とは、文字や図版などの要素を配置して紙面... ~ ***段組 1ページを読みやすくするためにページを分割すること。例えば... ~ ***約物 文字組版に使用する記述記号類の総称です。具体的には、句読... ~ ***禁則処理 約物などが行頭・行末などにあってはならないという文書作成... &aname(trim); ~ ***紙面の使い方（Illustrator等） #image(trim.jpg,right,30%) 基本的な紙面の使い方は、右図のとおりです。 仕上がりサイズより大きな紙に印刷して、トリムマークにした... 家庭用のプリンタには「ふちなし印刷」というのがありますが... ※家庭用プリンタの「ふちなし印刷」は、わずかに拡大印刷する... #clear ~ ***データ入稿について 最近では、インターネットでデータ入稿するケースも多くなり... ネット印刷のサイトにある、入稿手順に関する記事は、 実際に印刷データを入稿する際のデータのまとめ方の参考にな... -[[印刷通販JBF テクニカルガイド>http://print-jbf.jp/html/... -[[印刷通販JBF テンプレート>http://print-jbf.jp/html/temp... ~ ~

終了行:
*レイアウト ~ レイアウト（layout）とは、空間的な配置のことです。ポスタ... ~ **レイアウトのセオリー 以下に記載することは、あくまでも経験則であって、「こうし... しかし、あと少し右・・もうちょい左などと微調整に迷うとき... ~ ***グリッド・システム スイスのデザイナー、ミューラー・ブロックマン（1914～1996... 雑誌の紙面レイアウトやWebページのレイアウトなど、多くのグ... -[[The Grid System>http://www.thegridsystem.org/]] -[[Grid System イメージ検索>http://www.google.co.jp/image... -[[Image now>http://www.imagenow.ie]] -[[960 Grid System>http://960.gs/]] //-[[PDF Gridder>https://pdfgridder.org/gridder/]] グリ... -[[GoogleImage: karl gerstner]] -[[GoogleImage: Helmut Schmid Typography]] -[[GoogleImage: joseph muller brockmann]] -[[GoogleImage: Massimo Vignelli work]] -[[GoogleImage: Ellen Lupton work]] -書籍紹介 --[[Grid Systems in Graphic Design>http://www.amazon.co.j... --[[Balance in Design Kimberly-Elam>http://www.amazon.co.... --[[Typographic Systems Kimberly Elam>http://www.amazon.... ~ #lightbox(grid.jpg,right,around,12.5%) ***レイアウトグリッドの例 このサンプルは 本文8.5pt、行送り15ptを前提としています。 本文の文字サイズを最小単位に、最適な一行文字数×数行分の矩... &ref(grid.pdf); #clear ~ ''自分でオリジナルのグリッドを作る際の要点'' はじめに線をひくのではありません。重要なのは''本文の文字... まず、 紙面を構成する基本単位である、文字の大きさと行送り... そして、その本文記事が紙面を埋め尽くすイメージをつくって... ブロックとブロックの間隔については、左右方向では2文字また... 言葉ではわかりにくいので、実際に、以下のPDFをご覧下さい。... -上のグリッドの使用例　&ref(Sample.pdf); で、よくある間違いが、上の投稿フォームを下敷きにして、「... くりかえします。 自分で独自のグリッドを作るときは、線を先に引くのではなく、 読者にとって読みやすい本文文字サイズと行間を先に決める・... はじめに''よみやすい本文の設計''ありきということです。 ~ ***黄金比　A : B = B : (A+B)　　(1 : 1.61)　 一般的に多くの人が美しいと感じる比率です。この比を縦と横... フィボナッチ数列（1,1,2,3,5,8,13,21,34,55,・・・）は、最... ~ ***白銀比　１：√２ 我々が普通用いているA4やB5といった紙の縦横比がこれにあた... ~ ***数列の応用 等差数列、等比数列、フィボナッチ数列など、幾何学的根拠に... ~ ***三分割法　３×３の領域に分割(写真撮影用のガイドはこれ) 画面を水平・垂直各３等分して、それらの線上、または交点上... ~ ***開いた構図と閉じた構図 開いた構図とは、カメラが空間を切り取るように得られる構図... ~ ***構図上のNG 中心の喪失・・・ものがバラバラになって重心がない。要する... ~ -勢い・流れを止める交差・・・画面には中心があり、流れはそ... -頭打ち／壁ぴったり・・・事物の頂点が画面の端にくるような... -串刺し・・・人物の真後ろに電柱があるような構図。 -首切り ・・・人物の首の位置に水平線がくるような構図。 ~ ***レイアウトに影響する画像内の要素 -撮影の構図・パースぺクティブ -被写体のまなざし -被写体のベクトル（まなざしに代わるもの、例えば、指差し、... -被写体の演出（例えば「正面」の扱い、安定・不安定など） ~ ***その他参考 -ゲシュタルト要因　：　要素のグループ化（群化）による情報... -対称（静）と非対称（動）　：　対称は終止感にもつながる -重心　：　要素の重さは明度と面積によって決まる ~ ~ **レイアウトの基礎知識 ***紙の寸法 日本では大きくA列とB列の２系統があります。 -A列：A4判やA3判など、Aと数で表されるグループ。A1(594×841... -B列：B5判やB4判など、Bと数で表されるグループ。B1(728×108... ~ ***仕上がりサイズ 最終的な印刷完成品のサイズを「仕上がりサイズ」と言います。 実際の印刷では、仕上がりサイズよりも大きな用紙に印刷して... ~ ***版面率 レイアウトを行う際に、文章や図版、写真を入れる誌面の基本... ~ ***マージン 版面以外の余白をマージンといいます。マージン各部の名称は... ~ ***文字のジャンプ率 ジャンプ率とは、見出し、本文、キャプションといった、画面... 文字のジャンプ率は、個々の目的に応じて様々ですが、媒体ご... ~ ***組版 組版（くみはん）とは、文字や図版などの要素を配置して紙面... ~ ***段組 1ページを読みやすくするためにページを分割すること。例えば... ~ ***約物 文字組版に使用する記述記号類の総称です。具体的には、句読... ~ ***禁則処理 約物などが行頭・行末などにあってはならないという文書作成... &aname(trim); ~ ***紙面の使い方（Illustrator等） #image(trim.jpg,right,30%) 基本的な紙面の使い方は、右図のとおりです。 仕上がりサイズより大きな紙に印刷して、トリムマークにした... 家庭用のプリンタには「ふちなし印刷」というのがありますが... ※家庭用プリンタの「ふちなし印刷」は、わずかに拡大印刷する... #clear ~ ***データ入稿について 最近では、インターネットでデータ入稿するケースも多くなり... ネット印刷のサイトにある、入稿手順に関する記事は、 実際に印刷データを入稿する際のデータのまとめ方の参考にな... -[[印刷通販JBF テクニカルガイド>http://print-jbf.jp/html/... -[[印刷通販JBF テンプレート>http://print-jbf.jp/html/temp... ~ ~

ページ名: