webデザインとインターフェイスの人気記事まとめ2011年2月
2011年03月08日 公開

webデザインに磨きをかけたい人のためのベストデザインのショーケースです。
「刺激はいつも外部から」というわけで、色々楽しんでみましょう。
これらは私のTwitter (yamada_nt) on Twitterで毎日つぶやいて紹介した中から、webデザインに関して人気のものだけを抽出しています。全部紹介出来ませんので他にも気になる人がいたらフォローしてみてください。
webデザインまとめのエントリ
リンクがまとめ記事です。それに対していくつか記事の内容がわかるものをピックアップしてご紹介しています。
独創的なwebデザイン集
30 impressive examples of web design layout
これはdeviantARTで公開された、デザインの試作をまとめたもの。様々な新しい試みが生まれています。
いくつか試作をご紹介。

背景を生かす透明感が素敵ですね。

実にシンプルミニマル。わかり易い。

見安さ的にはあれですが、すごく素敵。特にペーパーデザインが好きなのでそう思える。

左側のF字ラインを合えてスペースにして、印象的な写真を掲載。これによって全体的にこの写真の雰囲気になる。

こちらも同様にF字ラインに大きめの画像を配置して合えて雰囲気を写真ベースに作られている。
様々なユーザーインターフェイス集
40 Detailed Examples of User Interface Design
多くのUIをまとめたエントリー。
各パーツごとにピックアップされていてとてもわかり易い。

メニュー作成時、サイドバー作成時に。

ブログで使うようなボタン作成の参考に。

webアプリ開発のときの参考に。
フォームをデザインするときに参考になるエントリ
Showcase of Creative Contact Forms
webサイトに欠かせないお問い合わせフォームを作成するときの参考になるエントリ。

紹介した中で一番のお気に入り。砂浜に跡をつけてそこをフォームにするというアイデアが素敵。

古い手紙をベースにポストメールを送れるように設計。

こちらもくしゃくしゃっとした紙。

こちらはノートをベースに作成されている。かっちりとしたデザイン。

そのまんま大学ノートの一枚をメールにいれて送信するようなイメージ。素敵ですね。
レトロ風なwebデザイン
20+ Creative Examples of Vintage and Retro in Web Design
昔風味たっぷりのデザイン集。

色合いでレトロ感をだしつつ、グリッドをなるべく壊したデザイン。

こちらもグリッドを壊しつつ古紙の質感をだして表現されています。

古紙と色でレトロ風を表現してますね。
大きな画像を背景としたwebデザイン
40+ Examples of Big Backgrounds in Web Design
大きな画像のもつインパクト性を利用して、サイト自体の印象を強めているwebデザイン集。

iPhoneアプリの紹介サイトですが、内容がシンプルなだけに、背景一つで印象が変わりますよね。

サイトに行けばわかりますが、パノラマです。

全ページ、背景が変わります。
Creative Use Of Large Background In Web Design

スペースを最大限に活用。ちと重いのがたまにきず。

背景がどんどん変わっていき、お店の雰囲気を見ているだけで感じることが出来る。

こちらも背景がどんどん変わっていく。なぜこの画像をピックアップしたかは言うまでもない。
webアプリケーションサイトのインターフェイスデザイン集
50 Beautiful Web Application Interface Designs
50種類にも及ぶwebアプリケーションのサイトデザイン、インターフェイスを比較していける記事。良記事です。(リンクミスかわからないけど既に見れないのもありますけど)

超有名どころ。オンライン画像編集サービス。

こちらも有名どころ。ノートPCで私が良く使うオンライン写真加工サービス。色々無料で出来るんだけど、リサイズとカッティングでちょいちょい使う。

大学ノート的なものを各種デバイスで共有するためのサービス。使ったことないのでわかりませんが、この記事みて興味でた。
Facebookページデザイン
The Art of the Facebook Page Design
かなりボリュームのあるまとめ記事です。Facebookページを作る前に一度は参考にしてみるといいですね。



以上です。
なにか良いインスピレーションはありましたか?なかったらごめんなさい。
それでは、また。