TL;DR どうすれば初心者でも「分かりやすく見栄えのするレイアウト」を作ることが出来るのか。余白の使い方や知識、さまざまなレイアウトの例をご紹介させていただきます。闇雲な配置にならないように、レイアウトを組む前に読んでおきたいこと。今回は Web デザインのセンスを上げるために、イラストや構図から学べる知識をまとめました。 レイアウトの基本知識 1.分割、対称、軸 何もない空間に要素を配置・構成していくのがレイアウト。こちらは四等分割や軸を使ったレイアウトのパターンをまとめてあるサイトです。美しく配置するために見ておきたいレイアウトパターン。 レイアウトのパターン | イディア:情報デザインと情報アーキテクチャ Photoshop の機能拡張はこちら。 黄金比・黄金螺旋・黄金三角形などをページのレイアウトや写真の構図にあてがう Photoshop の機能拡張 | コリス 2.イラストから
Jakob Nielsenは、「How Long Do Users Stay on Web Pages?」の記事にて「ページごとの平均滞在時間は1分弱となっており、実際に訪問しているページのテキストの4分の1しか読む時間がない」と述べています。もちろん、サイトの性質や使われ方にもよりますが、私達が制作しているページのうちの75%はほとんどのユーザーに読まれていないことになります。あなたもブログ記事のイントロを読み、途中をざっと流し読みして、最後のまとめだけを読んだ経験はありませんか? 私達がサイトを閲覧する時の殆どは明確な目的を持っています。 必要とする情報以外のテキストをじっくり読むことはなく、自分が求めている情報を探すためにざっと斜め読みし、目当てとなる情報を探していることが殆どです。早急に答えを求めるユーザーにとって、あれもこれもと次々と情報を訴求するウェブサイトは、斜め読みされ、離
2014.10.15 こんにちは! 最近ササッキーと呼んでいただけるので、喜んでこの名前で記事書いていきます(。・ω・。)ゞ 本日は、 に感化され、これのデザイナーバージョンを公開しちゃおう!と思い立った次第です。 デザイナーがトップデザインする前にすべきこと、またその理由を4ステップで紹介しています。 前提として、ユニオンネットではディレクターさんに打ち合わせ~サイトマップ&構成&ワイヤーフレームを作成して頂いております。 よってその確認が最初のお仕事になります。 私の場合ですが、 の流れでトップデザインを制作しています。 目次 サイトマップの確認 ワイヤーフレームの確認 ディレクターさんとの打ち合わせ 参考サイトによるイメージ固め 手書きラフ デザインに落とし込み デザインのご質問お受けします 1.サイトマップの確認 まずは、サイトマップの確認をします。 どんなコンテンツがあるの?注力
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く