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

  関連記事

シェアハウス・ゲストハウスをおすすめします!メリットとデメリット、口コミの総まとめ。

フジテレビのテラスハウスという番組でシェアハウスが注目される様になりました。実は …

【CMS比較】WordPress以外のおすすめ・人気のCMSまとめ

ホームページやブログを構築する際にCMSを利用するケースが多くなってきました。「 …

WordPressの無料テンプレート「STINGER」。こんなに自由にカスタマイズ可能!

目次1 はじめに1.1 こんな意見も2 STINGERとは?2.1 STINGE …

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

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

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

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

【WordPress編】レンタルサーバー比較!WordPressにおすすめサーバーはこれだ!

ホームページを公開する際に悩むのがサーバー選びですが、運営者それぞれ、サーバー選 …

【独学】未経験からWebデザイナーを目指す人が最初に読む記事

Webデザイナーはシステムエンジニアと比べても人気の職種とされています。SEと比 …

【保存版】ダイエットの種類と方法を比較!おすすめのダイエット方法は?

ダイエットに関する記事は以前にも何度か書いているのですが、今回は自分用のメモの為 …

都内から日帰りで行ける「ほったらかし温泉」に行ってきた

photo by :http://www.yamanashi-kankou.jp …

Illustratorが無料!?イラストレーターの機能を持ったフリーソフトまとめ

イラスト作成ソフトは、写真やイラストなどを編集しポスターや名刺、フライヤーような …

Message

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

CAPTCHA