タグ

webデザインに関するt-abeのブックマーク (9)

  • Webサイトに変なスクロール使うのをやめろ

    最近変なスクロールを使ってるサイトを見る。 これとか http://www.apple.com/iphone-5s/ これとか http://heteml.jp/ 他にも色々。 Javascriptがなんか頑張ってんだろうけどさ、 正直陶しいよ。 やけに重いし、使いづらいし。 Chromeだとヌルヌル動くって? みんなChrome使ってる思ってたらアカンでほんま。 追記: この変なスクロールはパララックスと言うそうです。 「この変なスクロール=パララックス」ではないそうです。 また、「この変なスクロール=パララックスのひとつ」と言う訳でもないみたいです。 ごめんね、もうこの追記消したい気分。

    Webサイトに変なスクロール使うのをやめろ
    t-abe
    t-abe 2014/01/29
    マジでこういうのがオサレでイケてると思うweb制作会社もクライアントもどうにかしてほしい。
  • レイアウトの基本的な型と、レイアウトからデザインまでの流れ

    Webサイトにおいて、レイアウトの基的な型と、レイアウトからデザインまでの流れを簡単にまとめてみました。 レイアウトからデザインまでの流れを把握しておくと、その間の思考が分断されずデザインがしやすくなると思います。 また、ユニークなレイアウトにするにしても、あらかじめ基的な型を知っておくと逸脱がしやすくなりますね。 レイアウトに影響を与える要因 レイアウトにはいくつかの型がありますが、まずその型を決定する前に、レイアウトに影響を与える要因を知っておく必要があります。これらの要因によって、レイアウトの型があらかじめ決まったり、レイアウトが大きく変わるからです。 情報階層の深さ →1ページのサイトなのか、第二階層以降ありグローバルナビゲーションが必要になるのか、など サイトの目的・属性 →そのサイトでは何を伝えたいのか。企業・ブランドのメッセージや情報、ユーザーに役立つ知識(Wikiped

    レイアウトの基本的な型と、レイアウトからデザインまでの流れ
    t-abe
    t-abe 2012/04/17
    レイアウトの基本的な型と、レイアウトからデザインまでの流れ
  • LightBoxの使い方とカスタマイズ方法 | CSS Lecture

    t-abe
    t-abe 2011/11/18
    LightBoxの使い方とカスタマイズ方法。
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    t-abe
    t-abe 2011/08/23
  • 非デザイナーのためのデザイン基本テクニック その1 | 07design.blog

    デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、実はデザインというものは数々のルールによって成立しています・・・デザイナーではない方も趣味でサイトを作っていたり、デザイナーに頼むほどでもない画像を作ったりする機会があると思います。 デザイナーはセンスでサクサクと制作するイメージがあるかもしれませんが、 実はデザインというものは数々のルールによって成立しています。 そのルールの知識があればデザイナーレベルとはいかないものの、見た目がきれいなグラフィックは作れるはずです。 デザインという言葉の定義やソフトの使い方から始めてしまうとややこしくなるので、 今回はあくまでも「とりあえず見た目をキレイにする」ということに重点を置いて説明します。 記事内で

    t-abe
    t-abe 2010/08/02
    非デザイナーのためのデザイン基本テクニック
  • NameBright - Coming Soon

    loadinfo.net is coming soon This domain is managed at

    t-abe
    t-abe 2010/03/06
    「Now Loading」なgifアニメアイコンジェネレータ。
  • ランディングページ集めました。

    2009年からランディングページを集めているサイトです。購買行動や認知拡大のために作られたランディングページのデザインまとめサイトです。LP制作の参考にどうぞ。

    t-abe
    t-abe 2009/12/22
    ランディングページのリンク集。これは便利。
  • 「マウスオーバーでリンク先のサムネイルを表示」は導入してほしくない - ARTIFACT@はてブロ

    Twitterでちょっと盛り上がったのではてなにもメモ。あまり見かけない意見なので書いておく。 ※追記したけど、サービスのなかでも設定を無効にすることができるものも多い マウスオーバーすると、リンク先のサムネイルを表示するJavascriptがあるんだけど、あれが役立ったことないんだよなー。その割には陶しいので、だから、自分で導入する気はないし、できたら他のブログで導入して欲しくない。 サムネイル画像を表示すれば、閲覧者が興味を持ちやすくなるだろうという発想から生まれているんだろうけど、特殊なWebサービスで画面が特徴的だとかならまだしも、他ブログにリンクしている場合、ブログのサムネイル画像はそれほど特徴的でないので、そんなに役立つことはない。ブログの場合、閲覧者に関心を持ってもらうのなら、サムネイル画像よりも記事の中身を引用するほうがいいだろう。 ブログの記事が文字だけで素っ気ないから

    「マウスオーバーでリンク先のサムネイルを表示」は導入してほしくない - ARTIFACT@はてブロ
    t-abe
    t-abe 2008/04/04
    全面的に同意。懐かしのmarqueeタグとかと同類なイメージがある。
  • 「左上の魔術師」理論

    Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム別Webサイトデザイン 2.昔はたくさんあったWebサイトデザイン 3.ページ単体を見に来たときのユーザーの目の動き 4.サイト全体を見たくなったユーザーの目の動き 5.ミリオン単位でユーザーを獲得しているサイトのデザイン 6.左上の魔術師とは 1.カラム別Webサイトデザイン 現在のWebサイトの多くは、「1カラム型」、「2カラム型」、「3カラム型」のどれかで構成されています。 このうち「2カラ

    「左上の魔術師」理論
    t-abe
    t-abe 2007/12/08
    左上に主張したいものを置く。右サイドバーと左サイドバーの特徴。/オチw
  • 1