「左上の魔術師」理論
Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ
IE7もサポートしているCSSレイアウトがダウンロードし放題の『CSS Layouts』 | POP*POP
よくあるリソースではありますが、IE7にも対応したCSSレイアウトのご紹介。SEO的にも配慮されたコードなのだとか。 詳しい使い方は以下のとおり。 また、せっかくなのでこうしたレイアウト系サイトについて最後にちょっとまとめておきました。そちらもあわせてどうぞ。 ↑ まずは横幅から選択。750pxからいってみましょう。 ↑ かなりの数のバリエーションがあります。 ↑ 詳細ページでCSSがダウンロードできます。 なかなか便利ですね。これでサイト製作を大幅にスピードアップできそうです。 ご利用は以下からどうぞ。 » CSS Layouts なお、他にもCSSレイアウト系のリソースはありますね。良い機会なのでまとめておきます。ビジュアル的に比較的見やすいものをピックアップしています。 Layout Gala: a collection of 40 CSS layouts based on the
id名、class名の最近の自分の傾向
以前に「もう、class名やid名で悩まないんだからっ！！」というエントリーを書いたのだけど、自分がよう使うid名とclass名のまとめと、その辺の理由付けをしてみよーかなぁと思った。 後、idとclassの使い分け絡みもちょっと書くかも。 こーいう内容を書くと反応が怖かったりするけど、ソレもまた勉強なり。とか思って自分なりの今の考えを書いてみようと思います。 先に言っておきますが、コレから書く事が正解とかこう付けるべきって解釈はしない感じでお願いします。 コイツはこう考えてるんだ。くらいで読んでいただければ幸いです。えぇ。 全体を囲む際によく使うかなっていう系 #page idでコレをつける事が最近多いです。 wrapperとかwrapを使わないのは、脳内がサランラップに犯されているからっていうやる気の無い理由もありますが、「このサイトのこのページ。」なんだからpageがしっくり来たなぁ
How to Make a Folded-Paper CD Case » Curbly | DIY Design Community « Keywords: folded, paper, cd, case
Instead of paying good cash for cd cases, which eventually break and end up in a landfill, how about creating your own, unique folded-paper cd cases that are biodegradable and take up a fraction of the space? The Props: 8 ½” by 11″ paper a cd a computer (optional) labels (optional) The Procedure: 1. Center a cd, which you’ll be using as a guide, at the top of a sheet of paper, as shown. 2. Fold in
100種類のデータ表現手法を学べる『aPToVM』 - IDEA*IDEA ～ 百式管理人のライフハックブログ ～
ドットインストール代表のライフハックブログ
PrintFAQ：奇麗な色を得るのは難しい(^^;
PrintFAQ：奇麗な色を得るのは難しい(^^; Windowsアプリケーションとプリンタドライバの色調整にまつわる話題色々 Updated: 10/04/1998 Copyright (C) 1998, Takayuki Kawabe 川辺孝幸（GBA03056@nifty.ne.jp) 最近は，プリンタ技術の進化に伴なって，安価なパーソナルカラープリンタで気軽に写真の印刷ができるようになってきました． ところが，『印刷された色が画面の色と異なる』，『印刷結果が汚い』など，思ったように印刷できないという声をしばしば聞きます．何が問題で奇麗に印刷できないんでしょうか？ ここでは，私の経験と，私の係っている Niftyserveの FMGXおよびFCORELで話題になった問題も含めて，プリンタへの印刷にかかわる話題についてまとめてみました．MGX PicturePublishe
『ウェブ2.0 HOW-TO デザインガイド』がよくまとまっています | S i M P L E * S i M P L E
なんだか前にもこういうまとめを紹介しましたが、また良くまとまっているのがあったのでご紹介。 Web design scratchのサイトで「Web 2.0 how-to design guide」なるまとめがありました。 » Web 2.0 how-to design guide 15の項目でまとめられていますね。 Simplicity（とにかくシンプルに！） Central layout（真ん中に寄せるレイアウトで） Fewer columns（段組は少なめに） Separate top section（トップ部分は分けて目立たせよう！） Solid areas of screen real-estate（レイアウトにはメリハリをつけて） Simple nav（ナビゲーションはシンプルに！） Bold logos（ロゴは大きめに！） Bigger text（フォントも大きめに） Bold
FIFTH EDITION: 据置ゲームがこの世の地獄から生還するためにせねばならない事
を論考してみる。 http://blogpal.seesaa.net/article/29491842.html で、据置終了とは、いったもの、PS3やXbox360、Wiiとみんな頑張ってるしね。 さて、まずは、ちょっとした昔話からしてみよう。（以下敬称略） 今から、もう３０年以上前の話になる。任天堂が、まだ小さな老舗の玩具メーカーだった頃のお話だ。 当時の社長、山内溥は、彼は、２２歳の若さで社長となり、その後、リンク先のWikipediaにあるように、プラスチック製トランプを発明し、「ディズニーキャラクターを絵柄に使う」、「簡単な説明書を同梱する」と言った手法を取り、任天堂を飛躍させた。 しかし彼は、その後、アメリカの最大のトランプ会社の工場を見学して、その小ささに失望する。彼は、経営規模の拡大と事業の多角化に乗り出すが、残念ながら、その多くは失敗におわり、倒産の危機に直面する。 これ
Japanese Traditional Colors
桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
