ウェブタイポグラフィツール
ウェブデザインのグリッド作成時の補助を目的に制作したツール
「グリッド・システム」とは？
グラフィックデザインには「グリッド・システム」というデザイン手法が存在します。
グリッドシステムとは、書籍デザインにおいて全ページを同じグリッド上で展開することで、ページ全体に統一性を持たせ、レイアウト上の判断を効率的に行うツールとして、世界中のデザイナーに使われています。
最小単位である文字サイズをベースに、それぞれのデザイン要素を決定し、グリッドを制作します。このように文字を基本単位として作成するグリッドのことを「タイポグラフィック・グリッド」と呼びます。
タイポグラフィック・グリッドとウェブデザインの親和性
アライアンス・ポートは、タイポグラフィック・グリッドがウェブサイトのデザインと親和性が非常に高いと考えています。
ウェブサイトのデザインにおいて、CSS等で文字をベースとした単位である「em」を使って、ほかの要素を大きさを指定することで、文字を拡大・縮小した際のレイアウト崩れを回避することができます。また、あらゆるスクリーンサイズでもレイアウトが担保されるようになります。
このウェブタイポグラフィツールは、ウェブデザインのグリッド作成時の補助を目的に制作したツールです。
ブラウザ上で、文字サイズ、行送り等の見え方を確認しながら、文字のパラメーターを決めていきます。選択した各パラメーターに沿ったグリッドを表示し、レイアウトの確認が簡単にできます。また、その情報をCSSのパラメーターとして使用できます。
現段階では、まだ実験的な実装ですが、今後、随時アップデートしていきます。
お問い合わせ
ご依頼、ご相談はこちらのページから受け付けております。お気軽にお問い合わせください。