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

  関連記事

激安・格安ホームページ制作の落とし穴|メリットとデメリット

「制作費●●円でホームページが手に入る」というキャッチコピーで集客をしている制作 …

パキラは観葉植物の中でも育てるの簡単だからおすすめです

インテリア目的で部屋に観葉植物を置きたいと考えていまして観葉植物を取り扱うお店に …

2015年初売り福袋合戦!正月特設サイトでWebデザインを学ぼう!

2014年ももうすぐ終わりですが何も思い起こす事はありませんか?大掃除や年末ジャ …

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

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

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

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

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

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

【保存版】バナー制作の参考サイトまとめ!効果が出る・成約につながるバナー制作を

ホームページやランディングページの中身が充実していても、入り口であるバナーが微妙 …

効果の高いLP(ランディングページ)を作る為の参考サイト一覧!

クライアントは様々な目的を持ってWebサイト制作を依頼してきます。例えば、商品A …

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

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

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

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

Message

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

CAPTCHA