ボックスやボーダーはウェブレイアウトでコンテンツを組み立てるためによく使用される便利なパーツです。 しかし手軽に使用すると、過剰になってしまうこともあります。そんな過剰になってしまったボックスやボーダーを取り除くスタディを紹介します。 A Mild Case Of Borderitis 下記は上記の記事を意訳したものです。 ウェブデザインにおいて、ボックスやボーダーはコンテンツを組み立てるためによく機能します。しかしながら、そのボックスやボーダーがある一点に過剰に集まってしまうことがあります。
ウェブレイアウトの過剰なボックスやボーダーを取り除くスタディ
ボックスやボーダーはウェブレイアウトでコンテンツを組み立てるためによく使用される便利なパーツです。 しかし手軽に使用すると、過剰になってしまうこともあります。そんな過剰になってしまったボックスやボーダーを取り除くスタディを紹介します。 A Mild Case Of Borderitis 下記は上記の記事を意訳したものです。 ウェブデザインにおいて、ボックスやボーダーはコンテンツを組み立てるためによく機能します。しかしながら、そのボックスやボーダーがある一点に過剰に集まってしまうことがあります。
配置をマスターして「機能するレイアウト」を作る大切なポイント
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
ウェブデザインに黄金比やフィボナッチ数列など数学的な要素を取り入れる方法
黄金比、フィボナッチ数列、ファイブエレメンツ、サインウェーブなど数学的な要素を巧みにウェブデザインに取り入れる方法をSmashing Magazineから紹介します。 Applying Mathematics To Web Design 下記は各ポイントを意訳したものです。 また、当サイトでも黄金比をウェブデザインに取り入れる簡単な方法を紹介していますので、あわせてどうぞ。 黄金比をサイトのデザインに取り入れる簡単な３つの方法 はじめに 1. 黄金比（黄金四角形） 2. フィボナッチ数列 3. ファイブエレメンツ 4. サインウェーブ [ad#ad-2] はじめに 「数学は美です。」 数字嫌いの人には、ばかばかしく聞こえるかもしれません。けれども、自然や宇宙にある美しいもの、最も小さい貝殻から最も大きい銀河まで、数学的な要素を持っています。 数学ははるか昔から今日まで芸術や建築のデザインに
サイトのレイアウト時に役立ちそうなレイアウトパターン集「12 Standard Screen Patterns」:phpspot開発日誌
12 Standard Screen Patterns サイトのレイアウト時に役立ちそうなレイアウトパターン集「12 Standard Screen Patterns」 次のような感じで、状況に応じた適切なレイアウトパターンのサンプルイメージと、実装例サイトを紹介しています。 例えば、その１の、Master/Detail というパターンであれば、左、あるいは上部にナビゲーションを置いて、右あるいは下にコンテンツを表示するパターンです。 具体例でいけば、iTunesやWindowsのエクスプローラーが同じようなＵＩですね、というサンプル例が多数紹介されています。 他にも12のパターンが紹介されていて、ＵＩに迷った時はこれを参考にすると糸口が見つかりそうな気がします。 関連エントリ HTMLで雑誌のような美しい段組みレイアウトを軽く実現できるjQueryプラグイン 複雑なCSSレイアウトもサク
サイトのレイアウトやパーツのPhotoshopのチュートリアル集
ウェブサイトのレイアウトやパーツを作成するPhotoshopのチュートリアル集をBest Photoshop Tutorialsから紹介します。 70+ Photoshop Tutorials to improve your Skills as Web Designer 中には、PSDファイルがダウンロードできるものもあります。
2009年のウェブデザインのトレンド：レイアウト編
先日、紹介した「2009年、押さえておきたいウェブデザインの10のトレンド」の続き、レイアウト編をSmashing Magazineから紹介します。 More Web Design Trends For 2009 1. Out-of-the-box layouts 従来のボックスデザインに捕らわれない創造的なレイアウト。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
