配置をマスターして「機能するレイアウト」を作る大切なポイント
ページに配置するエレメントの特質を理解し、1/3ルールやスペースやグリッドなどのデザインルールを取り入れ、「機能するレイアウト」を作るポイントを紹介します。 Using Landmarks Makes Page Layout Easy 下記は各ポイントを意訳したものです。 はじめに レイアウト、あるいはページのコンテンツの配置はウェブデザインの成功にとって重要です。レイアウトは一つのエレメントから次のものに向けるためにコンテンツの優先順位をつけます。 もしレイアウトが正しく機能していれば、ユーザーはコンテンツに興味をもち、他のものには気をそらさないでしょう。ここではあなたのデザインで機能するレイアウトを作るためのヒントをいくつか紹介します。 下記の例では、多くの人が最初に写真あるいは見出しに目がいき、その後にテキストに、そして最後にリンクの順番になるでしょう。 このレイアウトでは、見出し、
かなりクールなフリーのWEBサイトPhotoshopテンプレート「BlueMasters」:phpspot開発日誌
Free Professional PSD Template: BlueMasters - Smashing Magazine かなりクールなフリーのWEBサイトPhotoshopテンプレート「BlueMasters」。 次のようなクールなレイアウトがSmashingMagazineにて公開されています。 単一ページのレイアウトだけではなくて、About US、Portfolio、Blog Posts、Blog Posts Selection、Contact といったページのテンプレートも含まれています。 フッターも凝っていていい感じですね 関連エントリ ブルーが美しいWEBサイトレイアウト作成Photoshopチュートリアル３０ PhotoshopによるフレッシュなWEBサイトレイアウト作成チュートリアル集８０ スタイリッシュなWEBレイアウト作成Photoshopチュートリアル 用途別
ブルーが美しいWEBサイトレイアウト作成Photoshopチュートリアル３０:phpspot開発日誌
30 Only Blue - Web Layout Photoshop Tutorials | Web Design Soul ブルーが美しいWEBサイトレイアウト作成Photoshopチュートリアル３０。 次のような美しいブルーなレイアウト作成のチュートリアルが公開されています。 ブルーの与える安心感が信頼性を高めてくれそうです。 ブルーと言っても色々な作り方があるものですね。 関連エントリ 用途別に色々と使えるWEBレイアウトのPhotoshopテンプレート集 少し変えるだけでサイトのレイアウトが完成してしまう、とてもクオリティの高いフリーのPhotoshopファイル クールなWEBホスティングサイトのレイアウトを作成するPhotoshopチュートリアル 緑のすっきり綺麗なWEBレイアウト作成Photoshopチュートリアル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
