![]() グリッドシステムの形成 1692年、新しく即位したフランス国王ルイ14世は、フランスの印刷技術のレベルが満足できる水準に程遠いと感じ、印刷を管理するための特別な王室委員会の設立を命じました。彼らの最初の仕事は、科学的、合理的、機能的な新しいフォントをデザインすることでした。委員会は数学者ニコラ・ジョジョンが率い、ローマ字フォントを基本とし、グリッドを設計基準として採用しました。フォントの各正方形は64の基本正方形単位に分割され、各正方形単位はさらに36の小さなグリッドに分割されました。このようにして、印刷されたレイアウトは2304の小さなグリッドで構成されます。この厳密な幾何学的グリッドネットワークで、フォントの形状、レイアウトの配置を設計し、コミュニケーション機能の有効性をテストしました。これは、フォントとレイアウトに関する世界最古の科学的実験であり、グリッドシステムの最も初期のプロトタイプでもあります。 グリッドシステムは英語では「grid systems」と呼ばれ、「grid system」と翻訳する人もいますが、実際には同じものです。しかし、定義の点では、グリッドの方が正確です。Wikipedia にあるグリッドの定義は次のとおりです。グリッド デザイン システム (グリッド デザイン システム、標準サイズ システム、プログラム レイアウト デザイン、スイス グラフィック デザイン スタイル、国際グラフィック デザイン スタイルとも呼ばれる) は、グラフィック デザインの手法およびスタイルです。ページのレイアウトは固定グリッドで設計されており、そのスタイルはすっきりと簡潔です。第二次世界大戦後に非常に人気が高まり、今日では出版物デザインの主流のスタイルの一つとなっています。 Web デザインにおけるグリッド システム<br />Web グリッド システムの定義は、規則的なグリッド配列を使用して、Web ページのレイアウトと情報配分をガイドおよび調整することです。 Web ページのグリッド システムは、フラット グリッド システムから開発されました。 Web デザインでは、グリッド システムを使用すると、Web ページ上の情報の表示がより美しく読みやすくなるだけでなく、より使いやすくなります。さらに、フロントエンド開発では、Web ページがより柔軟かつ標準化されます。 ![]() ![]() グリッド システムは、現在の Web デザインでますます使用されています。私は、グリッド システムの応用に関する記事をインターネットから収集しました: グリッド システムに基づくトップ 30 のブログ Web サイト デザイン。 前のページ1 2 次のページ 全文を読む |
<<: MySQLでデータを削除してもディスク領域が解放されないのはなぜですか
>>: CSS初心者向けチュートリアル: 背景画像を画面全体に表示する
外部キーテーブルの主キーがどのテーブルの外部キーであるかを照会する 選択 テーブル名、 列名、 制約...
目次1. データソース2. データの総合順位1) 総合ランキング2) 同順位3) 同順位3. データ...
目次1. JSONとは何か1.1 配列リテラル1.2 オブジェクトリテラル1.3 混合リテラル1.4...
目次1. ブール2. 表現3. マルチクラスパッケージ4. v-bind でクラス class を直...
ウェブサイトでは、コンテンツの(100-1)%がナビゲーションです1. ジェシー・ジェームズ・ギャレ...
エクスポートデフォルト({ URL、 メソッド = 'GET'、 データ = nu...
テクノロジーファンHTMLウェブページ、知っておくべきYouyou が開発した vue フロントエン...
JS で CSS 変数を使用する方法:export キーワードを使用して、js オブジェクトを le...
1. タイトルHTML では、<h1></h1> から <h6>...
この記事では、MySQL 8.0.24のインストールチュートリアルを参考までに紹介します。具体的な内...
1. 問題の説明 root@mysqldb 22:12: [xucl]> テーブル t1\G ...
W3Cschoolではこのように説明しています<meta> 要素は、検索エンジン向けの説...
背景この記事では主に、MySQL が更新ステートメントを実行するときに、元のデータと同一の (つまり...
目次1. トランザクションとは何ですか? 2. トランザクションに関連するステートメントは、挿入、削...
序文日曜日に自宅で web.dev の 2020 3 日間ライブを視聴したところ、興味深い点がたくさ...