<br /> 英語原文: http://desktoppub.about.com/od/grids/l/aa_gridsorder.htm グリッドはページレイアウトの計画です。<br />日常生活で目にする多くのページにはグリッドがあります。気づかないかもしれませんが、それは存在し、デザイン コンテンツをサポートし、全体的な構造を確立し、ページの要素をガイドします。 グリッドは、ページ上のさまざまな要素の配置をガイドする目に見えないフレームワークです。グリッドは印刷されたページには表示されませんが、大きな影響力を持っています。グリッドは、テキスト列の幅、写真の周りの空白の一貫性、雑誌の各ページで繰り返し表示される要素の固定位置を制御します。グリッドとは、印刷物の余白、ページ要素(見出し、本文、写真など)間の間隔、およびそれらを空白ページに配置する方法を決定する一連のガイドラインです。 グリッドを使用するかどうか、またどのように使用するか決める前に、グリッドの基本とその作成方法を理解しておく必要があります。グリッドは最終的な印刷物には表示されませんが、ページを作成している間はグリッドが見えるようにする必要があります。 ページレイアウトに「余白」が設定されている場合があります。これらのエッジは、画面上では明るい色の実線または破線として表示される場合があります。上、下、左、右の余白によって、ページの中央にボックスが形成されます。これをベースポイントとして使用してセルを構築します。ページを複数の等しい部分に分割して複数のセルを作成します。ページ レイアウトを支援するために、目に見えるグリッドを作成できます。ページ レイアウト ソフトウェアにはガイド機能があり、印刷されないレイヤーに境界線やボックスを描くこともできます。通常、ページの横にあるルーラーからガイドラインを「ドラッグ」して、必要な場所に配置できます。 ![]() 余白はページの外側の境界を決定します。ページ コンテンツを額縁のように囲みます。余白は必ずしもすべての側で等しいわけではありませんが、通常はページごと、またはパネルごとに(同じ出版物内で)一貫しています。ほとんどのプログラムでは、ページ形式 (サイズの指定) を設定するときに余白を設定します。一部のプログラムでは、画面上の境界線をドラッグすることで、余白を「リアルタイムで」調整することもできます。グリッドとアレイ<br />ページの内部空間 (ページの中心) をいくつかの均等な部分に分割する場合、各ユニット間の空白は「アレイ」と呼ばれます。列の方向は、グリッド設定に応じて、水平、垂直、またはその両方になります。一部のデザイン ソフトウェアでは、これは空白またはテキスト列の「ガター」とも呼ばれます。グリッドとパディング<br />2 つのページまたは 2 つのパネルが広げられている場合、内部の余白は「ガター」と呼ばれ、中央の継ぎ目の両側の余白になります。一部の組版ソフトウェアでは、2 つのテキスト列間の隙間は「ガター」とも呼ばれます。グリッド セル<br />グリッド セルは、ページ上にテキストや画像を配置する基本的な座標です。 「サイズ」ではなく「配置」を決定します。つまり、グリッド セルよりも大きい画像がある場合でも、それを使用できます。グリッド セルを使用すると、画像を 1、2、3、またはそれ以上のグリッド セルに収まるように拡大縮小し、ページ上に配置することができます。グリッドは視覚的な整理を提供します グリッドにはさまざまな用途がありますが、すべてのデザインやすべての人に適しているわけではありません。雑誌やニュースレターなどの出版物には、グリッドはほぼ欠かせません。グリッドにより、ページ間の連続性が増し、デザインプロセスが大幅にスピードアップします。デザイナーは各ページのレイアウトとデザインを「ゼロから」計画する必要がなくなります。 広告キャンペーンや製品ラインの一連のポスターや一連のチラシなど、別々でありながら関連性のある一連の印刷物では、共通のグリッドを使用すると、一連の別個の印刷物の全体的な外観を統一することができます。 印刷物には複数の独立した要素(テキスト ブロック、見出し、写真、グラフ)が含まれることが多く、グリッドを使用すると、これらのページ要素を整然と整理できます。 |
<<: JavaScript スコープチェーンの基本原理のグラフィカルな説明
>>: CSS スティッキー配置位置の詳細な説明: スティッキー問題の落とし穴
CSS 疑似要素を使用して要素を制御する場合、一部の要素のスタイルを変更する必要があることがよくあり...
目次1. プロジェクト環境: 2: DNSサーバーの設定i: 前方解析を構成する: ii: 逆解像度...
以前、写真が与えられ、その写真スタイルに基づいてフォームを作成するという課題に遭遇しました。しかし、...
1. コントロールパネルで、MySQLのすべてのコンポーネントをアンインストールします。コントロール...
Redis は、ANSI C で記述されたオープンソースの NoSQL データベースであり、ネットワ...
目次JSX環境の構築プロジェクトの設定NPMを初期化するwebpackをインストールするBabelを...
この記事では、全選択または選択を反転する機能を実現するためのJavaScriptの具体的なコードを参...
著者 | 編集者 Awen | 制作 Tu Min | CSDN (ID: CSDNnews)不満を...
Linuxインスタンスでpipを使用する際のタイムアウト問題を解決する方法pip は最も人気のある ...
jdk をインストールします: Oracle 公式ダウンロード https://www.oracl...
表> <TR> <TD> <TH> <キャプション&...
仕事で必要になったため、インターネットで多くの情報を見つけましたが、それらはすべてコピーアンドペース...
フロントエンド開発では、Ajax、jQuery ajax、axios、fetch など、データ要求を...
目次ターゲット思考分析コード着陸要約するターゲットトークンの有効期限切れシナリオの処理トークンは、ユ...
質問Docker が elasticsearch をインストールして起動するときにメモリが不足するシ...