効果的にコンテンツを配置する代表的な3つのレイアウトとは
ウェブデザインでもよく使用される、ユーザーの視線の動きを予測し、効果的にコンテンツを配置する代表的な3つのレイアウト、グーテンベルグ ダイアグラム、Zパターン、Fパターンを紹介します。 3 Design Layouts: Gutenberg Diagram, Z-Pattern, And F-Pattern [ad#ad-2] 下記は各ポイントをピックアップして意訳したものです。 グーテンベルグ ダイアグラム Zパターン レイアウト Fパターン レイアウト Pattern of Focal Points -情報の階層化 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムとは、均等に配置された同種の情報を見るときの視線の動きを一般的なパターンにしたものです。 これは特に、テキストの比重が高いコンテンツにはまります。 グーテンベルグ ダイアグラム グーテンベルグ ダイアグラムは4つの象
バカ集合
バカ集合をコンセプトに、馬鹿な画像やスポーツ選手のエピソード、無駄な知識など 人生を生きていくのに何の役にも立たない知識の集合体 健全な青少年を育てるのに何の役にも立たないため、18歳未満、及び高校生の閲覧禁止 タイトルが赤くなっているコンテンツは有害です、21歳未満の閲覧はしないで下さい。 健全な青少年や、ふざけたページが嫌いな方はこちらから退場してください
スマホサイトの作り方で、あんまり書かれてないことを書いてみた - Kaleidoscope
【スマホ対応サイト制作のより詳しい記事はこちら】 1.メニュー編 2.HTMLとCSSで画像を操る編（前編） 2.HTMLとCSSで画像を操る編（後編） スマホサイトの作り方関連のブログとかを見てて、viewport周りの基本的な設定は書かれているのですが、 個人的に重要だと思うポイントが、なかなかどなたも書いてらっしゃらないような気がするので、まとめてみました。 それは、 とにかく内側のHTML要素をハミ出さないように作る どうしてか？ ふつうは、スマホサイトというのは縦スクロールしかさせたくないですよね。 例えば、iPhoneで言うPortrait（縦）表示のとき、横幅320pxを超えたページ構成になると、 おかしな横スクロールが発生してしまいます。 viewportで拡大とかの禁止をおこなっていても、そうなります。 （まぁ、拡大とは意味が違うので当然なのですが。。。） 具体的にどうい
ソーシャル時代において「ブログ」の重要性がさらに増す理由
ツイッター、フェイスブック、タンブラーといったソーシャルメディアが幅を利かしてきている現在では、「ブログ」が相対的に取り残されたように見えるかもしれません。 私は、ブログの存在が、これまで以上に重要になっていくと考えています。 なぜなら…。 ソーシャルメディアは、コンテンツを伝播させることは得意ですが、コンテンツを生み出すことは苦手だからです。 Mistletoe flower / angusf ソーシャルに寄生して息を吹き返したブログ ブログのコンテンツを生成する機能は、抜群に便利です。誰でも簡単に文章を作成しネット上へ公開できます。ところが、「コンテンツをネット上で伝え広める機能」が今一歩でした。 「トラックバック」機能は画期的な機能で、初期は上手く機能していましたが、スパム横行により、利用が敬遠されるようになってしまいました。ブログ記事を拡散させる方法は、検索エンジンに頼る状況が続き
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
