WEBサイト、デザイン Archive

インフォグラフィック（以下IG）系の記事をあさり中に発見。
IG風のカレンダーです。

PCのWallpaperだとこんな感じ。

おされ。

以下はおそらくこのカレンダーを制作した会社（だと思う）

oberhaeuser.info
http://www.oberhaeuser.info/

社内の先輩に教えてもらったサイト。

商品写真の見せ方に動きが付いていて
特徴をつかんでいてイメージしやすいですね。

写真の見せ方にこだわった
素晴らしい例だと思いました。

Reebok（US）
http://www.reebok.com/en-US/

久しぶりにツボなWEBサイトでした。

株式会社ジョッガ
http://jogga.jp/

個人的備忘録として。

http://slidesjs.com/

Similar Site search
http://www.similarsitesearch.com/jp/

URLを入力すると
そのサイトと類似したサイトを検索してくれます。

覚えておくと意外と便利なサイトかもしれませんね。

そんな声から始まった企画かどうかは分かりませんが
さまざまなクリエータさんの
デスク周りを見られるサイトです。

おしゃれすね。

DESK
http://desk.cmiscm.com/

最近よく見かけるようになりましたね。

Kontakt & Impressum

Smokey Bones

The Beatles Rock Band

全て見たい方はこちら

30 Examples of Parallax Scrolling Effects in Web Design
http://www.visualswirl.com/inspiration/30-examples-parallax-scrolling-effects-web-design/

フォームやメニューなど
項目ごとにわかれていて見やすいですね。

ui parade.
http://www.uiparade.com/

この動画を見ると3月11日に起きた地震が
どれだけの規模の地震であったかが容易にわかる。

音声ありで視聴することをおすすめします。

※この分布図は個人が作成した非公式な情報です

またまたいいものを教えてもらいました。

webデザインギャラリーはたくさんありますが
その中でもここ数年注目の
レスポンシブデザインにフォーカスした
ギャラリーサイトです。

Media Queries
http://mediaqueri.es/

ちなみにレスポンシブデザインというのは
EC studioさんのデザインブログによると

Webサイトのページレイアウトを閲覧環境（パソコン、iPhone、Android など）に応じて動的に変更させる手法（中略）
ブラウザのウィンドウ幅に合わせてページ幅が変わるリキッド・レイアウトとも似ていますが、レスポンシブ・ウェブデザインは、閲覧環境に応じて、その環境に合わせたレイアウト構造に柔軟に切り替えるというところがポイント

とのことです。