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デザイン初心者の方は、最初は真似から始めましょう。著作権に問題がない程度で。

  関連記事

Amazonギフト券を無料、もしくは格安で入手する方法を考えてみた

ネット通販サイトといえば楽天かAmazonが一番最初に頭に浮かびます(参考:【比 …

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

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

【注目】WordPressで構築されている企業の公式ホームページ

ここ最近では個人のブログだけではなく企業や教育機関のホームページもWordPre …

【色紙】卒業や退職・送別会シーズンの思い出に。おすすめ寄せ書きまとめ!

3月と言えば別れの季節です。卒業や退職、送別シーズンに突入して、誰かを送り出すと …

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

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

【祝】『走塁の神様』巨人の鈴木がオールスター出場(福島県相馬市出身)

Photo by:ベースボールオンライン 球界を代表する足のスペシャリストと言え …

【参考】考えさせられるアイディア広告10選|「このアイディア凄い」まとめ

広告に関する記事は以前にも紹介しておりますが、今回はテーマを変えて紹介します。「 …

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

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

コワーキングスペースがおすすめ!コワーキングスペースが注目されている理由

最近、SNSやニュースで取り上げられているコワーキングスペースですが、なぜ注目さ …

手書き年賀状を作ろう!参考になりそうな猿・申・サルのイラスト【2016年】

出典元:いらすとや 2015年も残り僅かです。後1ヶ月半ですよ。年末にはクリスマ …

Message

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

CAPTCHA