このブログの読者の方々で、バナーをデザインされているデザイナーの方々もいらっしゃるのではないでしょうか? ウェブのバナー広告のデザインは、限られたスペースで、その商材の良さをアピールして、ユーザーにクリックしてもらえるかが勝負なので、なかなか大変ですね。 今回は、そんなバナー広告のデザインに使えそうなサイトをピックアップしてみました。 インス...
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、ナビゲーションのデザインが追加されました。 Navigation Design Sho [...]
ただのリンク集といえばそうなのだが、うまいことカテゴリー分けされていて使いやすそうなのでご紹介。 Web2Rainはサイト制作に役立ちそうな2.0っぽいツールを集めたサイトである。全部で400を超えるツールがまとめられているようだ。 サイトはゼロから作ってもいいが、便利なツールが日々登場しているのでこうしたツールをうまく使ってスピーディに仕上げたいところだ。 ...
Smashing Magazineのエントリーから、画像を使ってユーザーの視線を惹きつけて、印象に残るメッセージを伝えるウェブサイトを紹介します。 Vivid Imagery In Modern Web Design 上 [...]
webプログラムをしていて、いざサービスを作ろうと思ったときにネックになるのが、デザインです。 僕はもうその手のセンスが絶望的に欠けていて、配色もレイアウトもまともなものが出来ません。HTMLやCSSそのものの知識があっても、それで作るモノが見えてこない。CakePHPの勉強をしてwebサービスをいっぱい作ろうと思っているのに、これは良くない。 そこで実際にwebサービス...
Vandelay Website Designのエントリー「ユニークなレイアウトの20のウェブサイト」から、ユニークなレイアウトのウェブサイトの紹介です。 Popmatik Digitalmash
デザインセンスを刺激して、インスピレーションを与えるサイトの10選です。 Pattern Tap ボタンや背景・線などエレメントごとのデザイン集 StyleCrunch クールなデザインでスタンダードなコードを使用し [...]
以前、このブログでご紹介した『UIパターンいろいろ』 いろいろな見せ方を見て勉強するのはとっても大切なのではないでしょうか。 Pattern Tap 『Pattern Tap』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しか...
すごい量のまとめエントリです。 メニューを作ろうかなと言うときには、一度は目を通しておいても損はありません。
「和風デザインでカッコいいサイトのまとめ:その1」の続きです。 今回も、僕がリスペクトしてる和風デザインのサイトを紹介してみます。まとめ1と合わせて全部で32サイトになりました。 世界遺産 高野山 高野山にこんなにかっこいいサイトがあったんですね。高野山に行きたくなってうずうずしてきます。。。 大琳派展 ~継承と変奏~| 尾形光琳生誕350周年記念 BGMが...
サイトのトップページに配置する、訴求効果が最も高い「打ち出しエリア」のレイアウトのパターン集の紹介です。 Carousels Design Showcase 「Carousels Design Showcase」は、 [...]
IT-PLUSさんに、隔週で連載させていただいている、『ウェブデザインの力』 連載3回目の今回は、『アマゾンのリニューアルで考える効果的なナビゲーションの見せ方』というお題で、サイトのナビゲーション・メニューについて、すこし書かせていただきました。 今回の記事を書かせていただくにあたって、いろいろとサイトのナビゲーション・メニューについて調べたのです...
最近では、ヘッダ部分や、サイト全体の背景にインパクトのあるイラストや、画像などをど〜んっと使っているサイトが多いような気がします。 今回は、バックグラウンドにインパクトのあるウェブデザインをまとめてみました。 まずは、イラスト編です。絵心のあるかたは、イラストを描いて、バックグラウンドに配置するとかなりインパクトのあるサイトが出来そうですね。...
コミュニティサイトをつくるときに必要になるログイン画面。どういったデザインにしようかなー、と悩んでしまう人も多いのでは。そこでログインフォームのデザインを集めたFlickrのグループをご紹介。 ↑ それぞれのサイトで細かい工夫がされているので参考になりますね。 現時点で180近いデザインが集められているようです。せっかくなのでスライドショーで貼り付けちゃ...
noupeのエントリーから、ウェブデザインに役立ちそうなオンラインツールの紹介です。 Handy Designer's Tools "On The Fly" Golden Ratio Cal [...]
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、フォームのログインのデザインが追加されました。 Login Forms Design [...]
『 design,development,ui,interface,material 』
2008年2月のベストまとめ。 見逃したものがないかをチェックしてみてください。 ちなみに2月度のネタ帳人気エントリーは以下。 2007年度web制作者の為のまとめ再構築30選
ブログのサイドバーはどのようにデザインされていますか? カテゴリや最新の記事、コメントのリストなどのナビゲーションや、アフィリエイトをやっているブロガーの方々などは広告枠として使ったり。 flicrやlastfmなどを使われている方は、ウィジェットを追加したり。 サイドバーのコンテンツを充実させていくのも、なかなか楽しそうですね。 今回は、ブログのサイドバー...
最近では、透過PNGを使ってとってもきれいに背景を透かしたウェブデザインを良く見かけます。 IE6.0以前のバージョンでは、通常、透過PNGがうまく表示されないのですが、 IE PNG Fixなどのスクリプトを使えば、きれいに表示されますね。 透過PNGをうまく使っている例では、こちらのサイトは有名ですね。 Silverback ぱっと見、普通のサイトなのですが、ブラウザの横幅を縮めたり伸...
『 http://coliss.com/articles/build-websites/operation/design/1090.html 』