IT-PLUSさんに、隔週で連載させていただいている、『ウェブデザインの力』 連載３回目の今回は、『アマゾンのリニューアルで考える効果的なナビゲーションの見せ方』というお題で、サイトのナビゲーション・メニューについて、すこし書かせていただきました。 今回の記事を書かせていただくにあたって、いろいろとサイトのナビゲーション・メニューについて調べたのです...
『 綺麗で立体感のあるサイトメニュー素材:phpspot開発日誌 』
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -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』は、ウェブデザインの要素ごとに分けられた、パターンライブラリのサイトです。例えば、ヘッダー部分のデザインや、フォームのサンプル、カレンダーのサンプルが集められていたりと…。何かと便利なサイトです。しか...
This CSS tutorial will show you how to display two double-quote images using one blockquote tag. The trick here is apply one background image to blockquote, and then apply another background to the first-letter (pseudo-element) of blockquote. Preview double quotes Download HTML file Continue » Jul 29 Tagged in: flash, inspiration Comments: 0 30 Artistic Flash Sites Previously I showed you some artistic websites that applied traditional art techniques to web design. Now let窶冱 take a look at the Fla...
すごい量のまとめエントリです。 メニューを作ろうかなと言うときには、一度は目を通しておいても損はありません。
Web Design Toolsウェブデザインに便利なツールをまとめた「Web Design Tools」。カラー、CS...
「和風デザインでカッコいいサイトのまとめ：その１」の続きです。 今回も、僕がリスペクトしてる和風デザインのサイトを紹介してみます。まとめ１と合わせて全部で３２サイトになりました。 世界遺産 高野山 高野山にこんなにかっこいいサイトがあったんですね。高野山に行きたくなってうずうずしてきます。。。 大琳派展 ～継承と変奏～| 尾形光琳生誕350周年記念 BGMが...
サイトのトップページに配置する、訴求効果が最も高い「打ち出しエリア」のレイアウトのパターン集の紹介です。 Carousels Design Showcase 「Carousels Design Showcase」は、 [...]
最近では、ヘッダ部分や、サイト全体の背景にインパクトのあるイラストや、画像などをど〜んっと使っているサイトが多いような気がします。 今回は、バックグラウンドにインパクトのあるウェブデザインをまとめてみました。 まずは、イラスト編です。絵心のあるかたは、イラストを描いて、バックグラウンドに配置するとかなりインパクトのあるサイトが出来そうですね。...
コミュニティサイトをつくるときに必要になるログイン画面。どういったデザインにしようかなー、と悩んでしまう人も多いのでは。そこでログインフォームのデザインを集めたFlickrのグループをご紹介。 ↑ それぞれのサイトで細かい工夫がされているので参考になりますね。 現時点で180近いデザインが集められているようです。せっかくなのでスライドショーで貼り付けちゃ...
noupeのエントリーから、ウェブデザインに役立ちそうなオンラインツールの紹介です。 Handy Designer's Tools "On The Fly" Golden Ratio Cal [...]
以前、紹介した「検索フォームや見出しなどエレメントのデザインを集めたサイト -Elements of Design」のコンテンツに、フォームのログインのデザインが追加されました。 Login Forms Design [...]
40 Free Web Template Resources" border="0"> デザインテンプレートを使って手軽にサイトが作りたい。 そんなときにおすすめなのが、『40 Free Web Template Resources』。無料で使えるサイトのデザインテンプレート40選だ。 以下にいくつかご紹介。 » Simavera Website Templates Flashとサイトテンプレート。↑のキャプチャはこのサイト » Open Designs XHTML + CSSのフリーデザインテンプレート »...
『 design,development,ui,interface,material 』
このブログの読者の方々で、バナーをデザインされているデザイナーの方々もいらっしゃるのではないでしょうか？ ウェブのバナー広告のデザインは、限られたスペースで、その商材の良さをアピールして、ユーザーにクリックしてもらえるかが勝負なので、なかなか大変ですね。 今回は、そんなバナー広告のデザインに使えそうなサイトをピックアップしてみました。 インス...
![デザイン・アート情報のまとめ [ DESIGN ARCHIVE ]](http://img.awasete.com/image.phtml?u=http%3A%2F%2Fart.designlinkdatabase.net%2F)