繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチュートリアルを紹介します。
7 Key Principles That Make A Web Design Look Good下記、そのポイントを意訳したものです。1. バランス2. グリッド3. カラー4. グラフィック5. タイポグラフィ6. ホワイトスペース7. コネクションおわりに1. バランスバランスで一番大切なことは、デザインが一方向に偏らないことです。対称あるいは非対称のものでもウェイトにはバランスをおくようにします。実例: Subtractionこのグラフィックの重要なポイントは右のクロスです。このクロスはビジュアルのウェイトに大きな影響を与えています。 この小さなクロスがどれだけグラフィックのバランスに効果があるかは、あなたの手でクロスを隠して見てください。これが非対称のバランスと呼ばれるものです。ビジュアルのサイズやカラーをコントロールし、ウェイトを調整することができます。 仮にクロスのカラーがオ
かの有名な「ロサンゼルス・タイムズ」の新聞第一面と、ネット版のトップページとを年代ごとにならべて、記事・画像・広告の比率をわかりやすく示しています。さまざまな試行錯誤の後がうかがえるので、いろいろと参考になります。 新聞とニュースサイトに見るフロントページ進化の歴史は以下から。 the evolution of the front page | serial consign 黄色が画像、オレンジ色が広告、それ以外は記事です。また、小さい黒い矢印はさらに紙面の中へ続いていることを示しています。 これが新聞 こっちがサイト これらを見ると、新聞は時間の経過とともに一面から広告が取り除かれていくのに対し、ネットの方は段々広告との統合が進んでいくのがわかります。このあたりに今後の新聞とニュースサイトのあり方が見えてくるのかもしれません。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く