日本と海外のWEBデザインリンク集(CSSギャラリー)まとめ

日本と海外のWEBデザインリンク集(CSSギャラリー)まとめ

ほぼ自分用のまとめ。海外のCSSギャラリーサイトをまとめている記事はたくさん見かけるのですが、日本にも企業系サイトを中心に掲載している綺麗な作りのWEBデザインリンク集が沢山あるので、自分がよく見る海外のCSSギャラリーサイトと一緒にまとめてみます。できるだけ頻繁に更新されているサイトさんのみを掲載しますが、稀に止まっている場合もあり。

国内のWEBデザインリンク集

  • http://www.designlinkdatabase.net/デザインリンクデータベース更新が頻繁でカラーやジャンル、色々な種類のランキングから参考にしたいサイトが探せる人気サイト。各サイトには個別コメントがつけられ、スクリーンショットや過去のデザインの参照もできる。
  • http://www.ubusuna.co.jp/WebSite Color Indexシンプルなデザインリンク集。カラー・イメージ・業種別・アクセスランキングを設置。詳細ページには管理人さんの一言コメントあり。
  • http://anjo.dekiteharu.jp/あんじょうできてはるパッと見ただけである程度サイトデザインがわかる大き目のサムネイルが見やすい。カテゴリーは業種別に分けられている。
  • http://www.webdedb.com/WEBdeDBこちらも人気サイト。更新頻度は高くないが、レベルの高いサイトが並ぶ。業種別とカラーから探せます。
  • http://www.ikesai.com/ikesai.comほぼ毎日更新されるウェブデザインリンク集。有名な企業のサイトが中心なので、参考にしやすい。
  • http://www.art-noc.com/ウェブアートノックARTNOC定期的に更新されるWEBデザインリンク集。業種・カラー・レイアウトから探せます。
  • http://bm.straightline.jp/straightline bookmark黒基調のスタイリッシュなWEBデザインリンク集。リッチなFlashサイトが多め。
  • http://design-iketeru.azu-mi.com/デザイケ -Design Iketeru-かっこいいサイトを集めたデザインリンク集。サイトのイメージ・業種・カラーから探すことができる。
  • http://www.webdesignclip.com/Web Design Clipデザインが綺麗なリンク集。サーチリストで色・技術・カテゴリー・レイアウトから探せます。プロの仕事。
  • http://www.web-mihon.com/WEBデザインの見本帳賑やかな雰囲気のデザインリンク集。サイトイメージ・ジャンル・色から探せる。一言コメントでリンク先がわかりやすい。
  • http://bm.s5-style.com/S5-Styleリキッドレイアウトで画面いっぱいにサムネイルが広がるウェブデザインリンク集。気に入ったサイトはサイドメニューにポンポン保存できる。
  • http://www.dailywebdesign.com/週刊ウェブデザイン定期的に更新されるWEBデザインリンク集。他で見たことあるサイトが多めだが、1ページの表示数が多いのでサクサク見ていける。
  • http://www.webdesign.geo.jp/みんなで作るWEBデザインのリンク集運営者じゃなくてもサイトの推薦ができるWEBデザインリンク集。ワンポイントコメントが的確で面白い。
  • http://web-selection.com/ウェブセレクション黒でカチッとまとまったリンク集。閲覧済みのサイトは色が暗くなるので、無駄飛びの心配がない。
  • http://fukuoka-web.hustle.ne.jp/WEBサイトカッコイイシンプルなリンク集。カテゴリーがボタン・見出し・ヘッダーなど、特徴のある部分で分けられているのがポイント。

色々なリンク集で紹介されているサイトを見ていくと、国内の有名なサイトはWEBデザイン会社が製作している場合がほとんどだと思うので 『きっちり・しっかり・かっちり』 としたサイトが多いです。後はフルFlashなどのリッチコンテンツ満載でとても真似できるレベルじゃない、凝ったサイトが多いのも特徴的。逆に、個性的・独創的なデザイン性の高いサイトは、海外に比べると少ない印象です。

自分が国内サイトで一番参考にしたい部分は「見出し(ロゴも含む)」です。海外サイトは英語なので、見出しの文字を大きくしておけばとりあえずデザイン的にオッケーというのが多いですが、日本語は漢字とひらがなという全く字画の違った文字が混ざり合うので、サイズを大きくするととてもチグハグに見えてしまいます。そこを何とか綺麗に見せようと、画像にしてみたり背景を工夫したりしているわけですね。個人的に、世界で一番見出しを工夫しているサイトが多いのは日本だと思っています。

海外のWEBデザインリンク集

  • http://wpfloat.com/WP FLOATWordPressを使ったパワーサイトのみを紹介。ここを見ると自分のブログが恥ずかしくなる。Design Log of Ayaka itoを作ったデザイナーさんのAbout見て末恐ろしくなった。世界は広いっす。
  • http://67.207.147.119/CreatticaCSSギャラリーの他に名刺、ロゴ、Flashなども紹介。特にPhotoshopギャラリーのクオリティーが高い。
  • http://www.designbombs.com/Design Bombsデザインが一番好きなギャラリーサイト。サイトを作ったデザイナーさんのブログも素晴らしいです。
  • http://cssfreshblend.com/CSS FreshBlendしっくなデザインで見やすい。プレビューのレスポンスがいいのでサクサク見れます。外部リンクはサイト名。
  • http://creamycss.com/Creamy CSSカッチリと作られたギャラリーサイト。タグ、カテゴリー、アーカイブから目的サイトを探す。サイト下のブックシェルフが面白い。
  • http://www.colorgorize.com/Colorgorize the Web細かく分けられたカラーに合ったサイトを表示できるのが特徴。並べ方を変えると詳細なサイトカラーが表示される。
  • http://www.csscookie.com/csscookie.com!かわいいデザインのシンプルなCSSギャラリーサイト。イラストつきのカテゴリーで細かくジャンルわけを行う。
  • http://thedesigngene.com/The Design Gene大きくて見やすいサムネイルが特徴。厳選された有名サイトへのリンクが多い。
  • http://www.unmatchedstyle.com/Unmatched Styleちょっとごちゃごちゃした感じだが、ギャラリーの他にブログも定期的に更新されているよう。
  • http://cssfury.com/CSSFury今風なデザインのカッチリしたギャラリーサイト。フッターにレート順にサイトが並ぶ。上部メニューからロゴギャラリーサイトも見れる。
  • http://cssbrigit.com/CSS Brigit1カラムでシンプルなサイト。リンク数がかなり多いので数を沢山見たい場合は重宝します。
  • http://www.csstea.com/CSS TEA黄緑がメインカラーの明るいサイト。まとめブログも平行して書かれていて、デザイン系の記事が豊富。
  • http://www.csswow.com/cssWOWかなりシンプルなギャラリーサイト。タグや得票数などからサイトを探す。他ではあまり見ないサイトが多め。
  • http://cssmania.com/CSS Maniaかなり有名なギャラリーサイト。更新頻度が高く、他ギャラリーサイトのネタ元にもなっているようなので、毎日通う価値ありです。
  • http://bestwebgallery.com/Best Web Gallery綺麗なデザインの有名サイト。ギャラリーの表示方法は三種類から切り替えをすることができる。
  • http://www.cssperk.com/CSSPerk.com濃いグレーがメインカラーのギャラリーサイト。浮かびあがるプレビューイメージの見せ方が綺麗。
  • http://www.nicestylesheet.com/NiceStylesheetホワイトバックのシンプルギャラリー。一週間に一回程度の更新で複数サイトが追加される。
  • http://www.cssburst.com/cssburstコメント書いている段階では見れなくなってました。
  • http://www.cssclip.com/CSSclip人気のあるギャラリーサイト。メインカラーや評価順に探すことができ、カテゴリーも細かく分けられている。
  • http://www.thebestdesigns.com/The Best Designs小さめのサムネイルでシンプルに見せるギャラリーサイト。他と比べるとちょっと見づらいか。
  • http://www.designfridge.co.uk/designfridge大き目のサムネイルが1カラムに並ぶ。フッターから色、テクスチャーの種類・レイアウト・ジャンルから探すことができる。
  • http://www.bestcssgallery.com/Best CSS Gallery余計なものをほぼ全て省いたシンプルなCSSギャラリーサイト。
  • http://www.cssleak.com/CssLeakデザイン性の高いギャラリーサイト。詳細ページでは、リンク先サイトが使っているほぼ全ての色をカラーコード付きで見ることができる。
  • http://www.cssstyle.me/cssstyle黄緑色がインパクトあるギャラリーサイト。カテゴリーのほか、カラーからも探せる。必ず詳細ページを見なきゃいけないのは面倒。
  • http://siteinspire.net/siteInspire詳細なカテゴリから探せるサイト。リンク先は他のギャラリーサイトでは見ないサイトが多く、中には日本のサイトもちらほら。
  • http://thedesigninspiration.com/TheDesignInspirationWebのほかにイラスト、ロゴ、画像などのギャラリーもあり。まとめブログがなかなか濃い。
  • http://cssgallery.com/CSS Gallery.com1ページに多めに掲載し、詳細ページで評価を行う。似たデザインの制作依頼もできるよう。

まだ沢山ありますが、きりがないのでこれくらいで。全部こまめにチェックするというのは時間的に難しいので、定期的に見るのはお気に入りのサイトいくつかという感じでしょうか。「新しく作ったからウチのサイトも載せとけよ」とか、「これ忘れてるよ」ってのがありましたら是非教えて下さい。

このエントリをはてなブックマークに追加このエントリをdel.icio.usに追加このエントリをLivedoor Clipに追加このエントリをYahoo!ブックマークに追加このエントリをFC2ブックマークに追加このエントリをNifty Clipに追加このエントリをPOOKMARK. Airlinesに追加このエントリをBuzzurl(バザール)に追加このエントリをChoixに追加このエントリをnewsingに追加

Comments9

acchis

いつも色々参考にさせて頂いてます。
リニューアルされて益々ステキなサイトになってますね〜。
これからも楽しみにしてま〜す。

09-06-01 14:55

> acchisさん

ありがとうございます。
今後もマイペースで更新していきたいと思います。

09-06-01 20:13
mo-ri

デザインするとき参考にするサイトいろいろ探してましたが、まとめていただいててわかりやすかったです◎

09-06-03 23:58

> mo-riさん

ありがとうございます。
まとめるのにちょっと時間かかりましたが、記事にしてよかったです。

09-06-04 2:02
Ayaka Ito

色々と参考になりました!ブログのコメントも頂いてありがとうございます。恐縮です。*>_<*

09-10-30 14:04

> Ayaka Itoさん

コメントありがとうございます。
いえいえ、ほんとに素晴らしいです。
勝手に勉強させてもらってます。

09-10-31 14:23
CSS Gallery

Great collection of inspirational resources! We noticed you didn’t include http://cssgallery.com. Please consider us on any future revisions of your list.

10-07-19 7:19

to CSS Gallery

Comments Thanks.
I have added your site to the list.

10-07-23 20:02
wiadomosci

Some truly excellent blog posts on this site, thanks for contribution.

11-06-21 3:06
Remember personal info

Trackbacks (Close)3

pingback from links for 2009-05-29 | Webデザインのリンク集 Webデザインポータルサイト S5-Style 09-05-31 15:38

…日本と海外のWEBデザインリンク集(CSSギャラリー)まとめ – ミblog : レビューや日常など …

pingback from proto-type-blog - Webを学び始めた学生の為のまとめ 10-05-24 20:39

[…] ミblog : レビューや日常など : 日本,国内,海外,web,デザイン,リンク集,css,ギャラリー,まとめ http://www.meblog.info/743.html […]

pingback from 日本と海外のWEBデザインリンク集(CSSギャラリー)まとめ – ミblog : レビューや日常など » Web Design 12-05-14 17:00

[…] 日本と海外のWEBデザインリンク集(CSSギャラリー)まとめ – ミblog : レビューや日常など …

Return to page top

HomeWEB作成日本と海外のWEBデザインリンク集(CSSギャラリー)まとめ