webデザインのセンスを磨く『○○系のwebデザインまとめ』の総まとめ
2010年11月22日 公開
![webデザインサンプルまとめ](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190018.jpg)
webデザインを学ぶならwebデザインから。 と言うわけで、今回は海外のエントリを中心に、○○系のまとめをまとめます。 この、○○系と言うのは、例えば﹃ファッションサイト﹄﹃ライトエフェクト﹄﹃ECショップ﹄等のテーマが決められたwebサイトのデザインをさします。
週末のお供にいかがでしょうか。
webサイトデザインを学べる30のテーマ
今回ご用意したのは多種多様な30のテーマ。 さらに、今回は特別にポートフォリオサイト検索サイト、ECサイトデザイン検索、iPhoneサイトデザイン検索の検索サイト3つをお付けしました。
お好きなデザインから召し上がるもよし、順番に料理していくもよし、検索で探すもよし、webサイトのサンプルをお求めの時には是非お楽しみあれ。
因みに、海外で活躍中のwebクリエイターボックスの中の人は、一週間である程度のサイトデザインをブックマークへ追加。週末に、約30~40のwebデザインをみて、その中で気になったサイトを全画面で撮影→フォトショップで圧縮→evernoteに保存と言うのを、勉強とかではなく﹃趣味﹄でやっているそうで。 さらにEvernoteに保存した気になったデザインのサイトを、今度は﹃なぜ美しいのか﹄をデザインの原則から考察し、解決するまで眺めるそうです。
デザインの要素と原則 | Webクリエイターボックス
彼女のエピソードには結構面白いものが多いです。 道端に咲いていた花にグラデーションがかかり、あまりにも綺麗だった為、その花がどうして綺麗なのか、答えが出るまで30分ほど花を眺めていた事があります。最終的には﹁花びらの裏の黄色がアクセントで、それが透けて見えて、表面の色が滑らかになり、全てを綺麗に見せている﹂と熱く語られたことがありました。彼女いわく﹁なぜ綺麗かがわかって引き出しにしまっておけば、いつでも使えるようになる!﹂との事です。皆さんも一度、なぜ綺麗なのかを考えて見るといいかもしれませんね!
#1
![アパレル系デザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190000.jpg)
#2
![拡大背景デザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190001.jpg)
#3
![ファッションサイト集50](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190704.jpg)
#4
![グラウンジ系デザイン集](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190705.jpg)
#5
![グラウンジ系Eコマース](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190706.jpg)
#6
![ミニマルwebデザイン集](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190011.jpg)
#7
![透明感のあるデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190709.jpg)
#8
![ショッピングサイト120まとめ](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190710.jpg)
#9
![コーポレーションサイト](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190711.jpg)
#10
![グリッドデザイン集](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190714.jpg)
#11
![単一ページデザイン集](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190715.jpg)
#12
![昭和風レトロデザインサイト](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190012.jpg)
#13
![セクシーで機能的なデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190717.jpg)
#14
![フード、ドリンクサイト集](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190718.jpg)
#15
![美しいヘッダー特集](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190720.jpg)
#16
![斬新で新しいデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190721.jpg)
#17
![ポートフォリオデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190723.jpg)
#18
![ダークポートフォリオ](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190726.jpg)
#19
![ペーパーデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190724.jpg)
#20
![スタッフ紹介ページのデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190725.jpg)
#21
![自動車のwebサイト集](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/201011190727.jpg)
#22
![コーヒーショップのwebデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190002.jpg)
#23
![フード、レストランデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190003.jpg)
#24
![女性向け情報サイトデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190004.jpg)
#25
![女性クリエイターデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190005.jpg)
#26
![ライトエフェクトデザイン集](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190006.jpg)
#27
![マガジンスタイルのwebデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190007.jpg)
#28
![横長のwebデザイン集](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190013.jpg)
#29
![チョコレート販売サイトのwebデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190008.jpg)
#30
![コンプレックス配色をうまくつかったデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190014.jpg)
以下、記事ではなくデータベースサイト #31
![iPhoneのwebデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190009.jpg)
#32
![ECサイトのwebデザイン](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190010.jpg)
#33
![ポートフォリオサイト検索](https://blog-imgs-43-origin.fc2.com/e/0/1/e0166/2010111190016.jpg)
以上です! 気に入ったものはありましたか? デザイナーさん向けにwebデザイナーの色彩スキルを磨くエントリーまとめもお勧めです。
それでは、また。
この記事を書いた人は、結構普通のアラサーです。 Yamada (yamada_nt) on Twitter