960pxのグリッドを基準にサイトレイアウトをする考え方「960 Grid System」 | ブロックワークス
Webサイトのレイアウトを考える上で参考になりそうなサイトを見つけました。 960pxを短冊のように分割し、そのグリッドに合わせてレイアウトするその名も「960 Grid System」というサイトです。まずは文章で説明するより絵で見てみてください。 みての通り、一見変哲もないサイトですが、実は960gridのルールに沿って作られていることが分かります。 ［60px］［20px余白］［60px］［20px余白］の繰り返しに、両脇に10pxを入れた960pxで成り立っています。 多種多様な情報をいかに見やすく、分かりやすく配置していかということを考えると、960gridのような考え方でデザインしてみるのもいいかもしれませんね。 レイアウトのベースとなるテンプレートファイル（psd、FireworksPNG、omnigraffle、visio）も無料でダウンロードすることができるので、これをベ
30+ Simple and Organized Grid Layout Websites - blueblots.com
Grid-based web design is another type of web designing that is becoming popular in the modern web design. The grid is a series of intersecting horizontal and vertical lines spaced at regular intervals. As an established tool in web design, grids act as a guide in placing the elements in a design to look clean, highly readable, scannable, and navigate-able for your visitors. It gives both visual st
カード型グリッドレイアウトで作られた国内の素晴らしいWebサイトと情報の扱い方について | WDS
最近では誰もが見たことがあるトップページ全体にカードを並べたようなグリッドレイアウト。去年の始め頃から流行し始め、今ではよく見かけるレイアウトとなり一般化してきた感もあります。 まずはこのレイアウトによって得られるメリットとデメリットについて少し考えてみたいと思います。 メリット 情報量の多さから華やかさやインパクトがある コンテンツの一覧性が高く量をアピール出来る カード内に質の高い画像を多く配置できれば全体のクオリティが上がる グリッド配置により多少遊びを入れてもレイアウトの規則性を保持しやすい 各ページにユーザーを誘導しやすい デメリット コンテンツの量が一定数存在しないと成立しづらい カードの量によって、何から見るべきか迷う可能性がある カード内の画像やデザインが全体のイメージを左右する レイアウトの規則性は発生するが、情報の整理整頓はまた別に考える必要がある 更新頻度が高いと以前
Grid Style In Modern Web Design: Showcase and Resources
A Grid is an invisible structure used to guide the placement of elements on your page. Now days using a grid are one of those basic design principles. Over the past few years, there’s been a lot of talk about grid systems and using column grids for website layouts. It’s easier these days to embed a audio/video on the web than it is to set type consistently or align elements to a universal grid. Mo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...