Eggs of Designer

新宿在住の現役WebデザイナーがWeb・デザイン・SEO・アフィリエイト・ダイエット・生活・人生などについて気ままに語ります。

おしゃれなWEBデザインを集めた参考サイトを紹介!WEBデザインは見て勉強。

web制作関連 その他 , , ,

フリーランスで仕事が欲しいならここ

      2015/07/20

IMAGEN 1 150-01

Webデザインをこれから勉強しようと思っても、実際どこから初めていいかわからないのもです。まず今回の記事の本題に入る前に空いた時間を有効に使ったデザインの勉強方法を教えちゃいます。

その方法はとても簡単です!おしゃれなホームページを眺めるだけです。余裕があればFirebug等でコードを読む事をお勧めしますが、初心者で全くの未経験の場合は眺めるだけで大丈夫です。色使いや構成、ファーストビューに含まれる情報等を意識して閲覧できると尚よいですね。

おしゃれなWebサイトってどう探すの?って思った方も多いと思います。今回の記事ではおしゃれなホームページをまとめて紹介しているギャラリーサイトをいくつかご紹介させて頂きます。

Webサイトギャラリー

MUUUUU.ORG(ムーオルグ)

スクリーンショット 2014-11-11 16.55.17

ホームページ

内容

見やすさ、使いやすさ、載って嬉しいギャラリーサイトを目指して運営している、非営利目的のWEBデザインポータルサイトです。検索するときも[MUUUU…….」と入力するだけでとても覚えやすい名前ですね。紹介されているサイトもかなりおしゃれですが、MUUUUU.ORG(ムーオルグ)本体もとてもおしゃれです。程良い更新頻度カテゴリ分けが人気の秘訣なのかもしれません。

WEBデザイン参考サイト bookma! v3

スクリーンショット 2014-11-11 17.14.22

ホームページ

内容

WEBデザインに特化したブックマークサイトbookma! v3.。サイトの案内をしてくれるゴリラ君がかなりキュートです。掲載する為には厳選な審査がある為、レベルの低い?サイトは掲載不可です。MUUUUU.ORG(ムーオルグ)同様本体もかなりおしゃれで、色別の検索等も可能です。

I/O 3000 | Webデザインギャラリー

スクリーンショット 2014-11-11 17.19.07

ホームページ

内容

国内外を問わず、Web制作の参考となるサイトを掲載しております。Twitterで情報をつぶやいている為、リアルタイムの情報をGETできちゃいます。更新頻度も高く、カテゴリやタグ分けも使いやすくなっています。

Flatdsgn

スクリーンショット 2014-11-11 17.25.58

ホームページ

内容

海外のサイトがメイン。掲載されているサイト全てがおしゃれ。昨年あたりからトレンドとなっているフラットデザイン中心のため、かなり参考になります。

straightline

スクリーンショット 2014-11-11 17.29.25

ホームページ

内容

国内のトレンドを押さえているのが特徴。Webデザインの参考・お手本となるサイトを集めた、Webデザイナー向けWebサイトギャラリー・リンク集です。大きなサムネイル付きで閲覧が楽です。平日は毎日更新され、技術的に目新しいことをしているサイトが多い印象を受けました。

S5-Style

スクリーンショット 2014-11-11 17.35.19

ホームページ

内容

カテゴリー、タグで絞り込みやAND検索OR検索も可能なので目的のサイトをすばやく検索できます。お気に入りのサイトがあればリストに保存し、後から見直す事も可能です。国内・海外のクリエイティブなサイトを集めております。

 ikesai.com

スクリーンショット 2014-11-11 17.38.39

ホームページ

内容

WEBデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを勝手にピックアップして掲載しているサイトです。情報量はNO1だと思います。カテゴリ分けや色分けも可能なため、検索がスムーズです。

WONDER BOOKMARKS

スクリーンショット 2014-11-11 17.44.31

ホームページ

内容

優れたWebデザインをカテゴリー、サイトカラー、サイトタイプ別にブックマークしたWebデザイナーの為のWebデザイン・リンク集です。カテゴリー、色、フリーワード等で検索可能。

ズロック

スクリーンショット 2014-11-11 17.49.52

ホームページ

内容

参考になるWebサイトを掲載しております。余計な説明がなく、画像がタイル上に並んでいるのが特徴です。

週刊ウェブデザイン

スクリーンショット 2014-11-11 18.09.34

ホームページ

内容

WEBデザインや、WEB開発のためにWebサイトリンク集です。WEBデザインに役立つ、かっこいいデザイン、いけてるデザイン、おしゃれなデザイン、クールなデザインなどを集めたWEBデザイナーのためのWEBデザインギャラリーです。

終わりに

思いのほか沢山ありました(笑)。これだけあれば見るだけ勉強にはもってこいですね。WEBデザイン初心者の方は、最初は真似から始めましょう。著作権に問題がない程度で。

  関連記事

福島県民だからこそ知っている本当におすすめできる観光地

まず、なぜ福島?と感じる方も多いと思います。実は僕(管理人)は18歳まで福島県須 …

iPhoneの壁紙を見つけるならこのサイト!オシャレな画像多数!

iPhoneユーザーがどんどん増えてきてiPhone3Gの時代が懐かしく思えます …

【保存版】WEBブラウザ比較!おすすめ・人気のブラウザはどれだ!?

現在、多数存在している「Webブラウザ」ですが、ブラウザに搭載されている機能の違 …

ホームページ制作を業者に依頼する時の注意するべきポイント

Web制作を、業者に頼む人には注意するべきポイントがあります。業者に頼めばホーム …

炎上書き込み(バカッター)を検証!SNSで発信する時に気をつけるべき項目

SNSの普及により誰でも・どこでも・いつでも発信する事が可能となりました。「お風 …

デザイナーの名刺はオシャレが当たり前!?参考にしたいデザイン名刺

勉強会やITイベント、交流会等で名刺を交換する機会があるのですが、デザイナーやク …

【参考】Webデザイナーのポートフォリオサイト!転職に活かせるポートフォリオを大公開

今回の記事はWebデザイナーを目指している方、Webデザイナー職に転職を考えてい …

【緑色編】ロゴ集めました!企業やサービス、商品のロゴ制作の参考に!

皆さんはロゴを制作する際に何を参考にしていますか?センスやアイディアだけで制作が …

Webデザイナーを目指せるおすすめの学校・スクールを比較してみた。

未経験からWebデザイナーを目指すとなると独学か学校に通うかの2択になると思いま …

【おすすめ】新入生歓迎会や飲み会に使える小道具まとめ

2015年も4月に入り新学期・新年度を迎えました。4月といえば出会いの季節ですね …

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA