ホームページを作る人のネタ帳

ホームページのデザイン本を買う前に見ておくとお得なエントリまとめ 見本サイト数135程

本
(このイメージは、このブログの記事内容をイメージするもので、実在しません)

先日書店に、ホームページのデザイン集なるものがおいてあったので、買ってみた。

2000円出して買った本ですが、どうも損した気分に陥る。
そんな損した気分に陥る人が他にもいるかもしれないので、ホームページ、及びブログのデザインのインスピレーションをここにまとめておく事にします。

30ブログデザイン


最近話題になったエントリ。
30 More Excellent Blog Designs
良質なブログデザイン30サイトのまとめエントリ。

Simplicity and Whitespace(シンプルと空白のデザイン)からはこのブログデザインが好き。
すごくすっきりしているというのとさっぱりしていて、ちょっとクドイ。
Theocacao
Theocacao



Weblogs Which Don’t Look Like Weblogs(ブログのように設計されていないブログ)
中でも、以下の3ブログがわたしのお気に入り。
Split Da Diz
Split Da Diz

こんなデザインに今すぐしたい。


Escape Crate
Escape Crate

右上のデザインとRSSの置き方が素敵。


TOBIAS BAECK
TOBIAS BAECK

青と黄色の使い方がうまいなぁ。

続きは
30 More Excellent Blog Designs


45ブログデザイン


こちらも同じ作者が書いている過去のエントリ。
45 Excellent Blog Designs
サイトデザインを見ると、こちらのほうがよりすばらしいデザインが揃っているといえる。
サイト作成のデザインに困ったときは、このエントリを一度見てみるといいかもしれない。

中でも『おお』と思った3サイトが以下。

Meerblickzimmer
Meerblickzimmer

色使いもさることながら、空白の使い方も素敵です。


lewro’s blog - 2.1 - web designer beginner
lewro’s blog - 2.1 - web designer beginner

木が、さりげなくサイドメニュー部かかり、半透明になっているところが好感触。


Something about web design
EmanuelBlagonic.com - Something about web design

空白と白の使い方が絶妙だと思いませんか?

続きは
45 Excellent Blog Designs


web2.0スタイルの30サイト


最近web2.0がweb2.0(笑)と言われるようになり、死語になりつつもありますが、俗に言うステルスデザインを30個ほどまとめてあるエントリです。

» Wide Web 2.0 Style

かなりインスピレーションを受ける事が出来ると思います。

わたしの個人的お気に入りは以下の5つ。
YikeSite
YikeSite

飛び出しは結構好きなんです。


Helldesign
Helldesign

飛び出した先にあるおしゃれにちょっとした感動。


Future of Online Advertising
Future of Online Advertising

色使いと見易さ。
バランスの良さ。


OnWired, LLC
Raleigh

こちらも飛び出しの使い方が素敵。


giant peach // website design salisbury
giant peach // website design salisbury

オレンジの統一性。難しいことなんですよね。これ。

こんなのが30個紹介されてますので是非一度。
» Wide Web 2.0 Style


偉大なウェブサイトデザイン30個


偉大なウェブサイトの設計という捕らえ方から、ソースが最低。というコメントが付けられているサイトがありますが、今回はあくまで見た目で追っていきますのでこの記事は見逃せません。

» 30 Great Website Designs (Part5)

個人的お気に入りは以下の4つです。

Welcome to Uniquely Knoxville
Welcome to Uniquely Knoxville | Knoxville Tourism & Sports Corporation



cooking oil
National Cottonseed Products Association



Realizzazione siti web | Red Relevant
Realizzazione siti web | Red Relevant



Investing Is Simple
Investing Is Simple

ちょっと話はかわりますが、このピンクのサイトの女性のイラストみたいなのが、無料でダウンロードできるサイトがありますのでご紹介だけしておきます。

Vector Girls I (eps)

Vector Girls II (eps)

Vector Girls III (eps)

↓こんな感じのイラスト。
素材


過去からさらに拾う


さてさて。
とりあえずこの135サイトを見るだけでお腹いっぱいになれるほどのウェブデザインインスピレーションが詰まっていますのでお勧めです。

初めてこのホームページを作る人のネタ帳を見た方は、過去にも同様にまとめた記事がありますので参考までに。
WEBデザインまとめ2。カラー統一された90サイト-ピンク・オレンジ・イエロー
ピンク・オレンジ・黄色と、それぞれの配色で統一されたサイトのまとめ。

WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト+2200以上の無料HTMLテンプレ
同じく統一カラー。
黒・青・茶・緑・赤で統一されたサイトまとめ。

これらをあわせれば375のウェブサイト(かぶっているのがあるのでそこまでいかない)デザインを見る事が出来ます。
@yamada_nt
Posted by@yamada_nt
スポンサードリンク

Comments 1

There are no comments yet.

みかりん  

はじめまして

綺麗なブログですね?私もこんな風にブログをカスタムしたいですが、cssだとかhtmlだとか勉強しはじめたばっかりで全然です。ホームページもトライしてますが、アップロードでつまづきました。色々、参考にさせて下さいね。応援してます。

2007/12/06 (Thu) 13:12

Leave a reply

Trackbacks 2

Click to send a trackback(FC2 User)
この記事へのトラックバック
  • インスパイアって「インスパイアされる」という使い方で良いのでしょうか。 もともと「感激させる」「(思想・感情を)吹き込む」とかいう意味があるらしいですが・・・ となると、何か作品とかを見て感激した場合は、「インスパイアされた(感激させられた)」という...

    2007.11.30 (Fri) 10:31 | アフィリエイトは儲かんないってば
  • 「ホームページを作る人のネタ帳」さんで、WEBデザインの見本サイトを紹介されてい

    2010.12.24 (Fri) 09:10 | 日記帳