デザインする際に意識している8の倍数ルールについての記事です。Webサイトやアプリなどスクリーン用のデザインの際には、基本的に要素の大きさを8の倍数ピクセルで設計しています。 ここでいう要素とは、コンテンツ幅、ボタンの大きさ、余白の大きさ、バナーの大きさ、メインビジュアルの大きさなど、サイズ指定が必要なほぼ全て要素を指しています。 8の倍数によるデザインルールはこれまでに16以上のプロジェクトで活用してきました。ルールを用いることのメリット・デメリットや、そのルールを使い続けている理由を当Webサイトの事例と共にまとめています。 ※フォントサイズは8の倍数ではなく、18pxを基準とした倍率計算によって算出する方法を試しています。詳しくは以下の記事にまとめています。 Webサイトで明快なデザインと運用しやすいコーディングを両立する文字サイズ強弱の仮説・検証 8の倍数で設計する理由とメリット
その調和された比率は、トランプカードなどの日常的なものから、ギリシアのパルテノン神殿、ミロのヴィーナス、モナリザなどの芸術分野まで、多数存在します。 黄金比を使ったデザイン テクニックついては、下記も参考にどうぞ。 黄金比とは、黄金比を使ったすごいデザインテクニックのまとめ -Webデザイン・紙デザインに 黄金比を矩形に使用する 黄金比をマージンに使用する 黄金比をパーツに使用する 黄金比を矩形に使用する サイトで使用する画像などの矩形に黄金比を適応します。 サンプルでは、144pxと233pxの組み合わせを使用していますが、「1:1.6」を利用して100pxと160pxなど簡易なものでも効果はあると思います。 黄金比を横長の矩形に使用 黄金比をマージンに使用する レイアウトにグリッドシステムを取り入れマージンを使用した場合、数種類のサイズが必要になる場合が多くあります。 その際、１つの値
ロゴやビジュアルのデザインをしているとき、なんとなく上手くできないと感じた経験はないでしょうか。 デザインが失敗する原因の一つとして、レイアウトが問題となっていることが多くあります。 その場合は、レイアウトに規則をつくるだけでしっかりとしたデザインになることも多いので、デザインをおこなう機会がある方は覚えておくと便利です。 今回は、レイアウトを行う際に使う手法である「グリッド」の活用に関する情報をまとめてご紹介します。参考実例として実際にグリッドを使ったロゴデザインもピックアップしています。 自分のデザインがいまいちだと感じている方、デザインを始めたばかりの方は特に必見です。 デザインのクオリティを高める！グリッドの活用まとめ 1.グリッドとは 引用：http://welovetypography.com/post/11817 グリッド・システムとは、スイス出身のデザイナー ヨゼフ・ミュー
designer, creative director,behalf ↗ design lecturer,rmit vietnam ↗ art maker, houseplant lover,this ↗ pottery learner, book hoarder, oddity collector, travel lover, letter finder,here ↗ bike rider, food explorer, award loser, saigon resider. giang/zang/ nguyen/nwin/ is a designer based in saigon, vietnam. he specializes in branding, graphic design, digital design, type design & generative design.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
