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

  関連記事

Webデザイナーに有利な資格ってあるの?就職活動で活かせる?

自分のスキルを証明するためには履歴書やポートフォリオ、過去の実績が重要となります …

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

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

子どもが喜ぶ!面白い・オシャレなお年玉袋(ぽち袋)を紹介

お正月休みの一大イベントであるお年玉ですが子供たちはクリスマスプレゼント以上に楽 …

当サイト経由でホームページ、フライヤー制作の受注が入った。

「メディアサイトを立ち上げて良かったこと、悪かったこと」でも触れましたがサイト運 …

【保存版】フリーWEBメール比較!おすすめの無料WEBメールはどれだ!?

以前にメーラーの比較という事で記事を書きましたが、本日はWEBメールについて紹介 …

iMacに付属されているマウスって使いにくいよね!思い切って変えてみた

iMacユーザーなら同じ事を感じているに違いない! iMacに付属されているマウ …

Webデザイナーに必要な最低限のスキルって何だろう?(後編)

Webデザイナーに必要な最低限のスキルって何だろう?(前編) では最低限必要であ …

【熊・クマ・くま編】デザインの参考に!キャラクターを集めてみた。

たまに「ロゴにキャラクターを入れたい」「サイト内にキャラクターを登場させたい」「 …

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

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

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

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

Message

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

CAPTCHA