個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

参考にしたい!シンプルで美しいWEBデザイン50(〜2014.02)

2014年2月現在までに公開されているサイトのうち、美しくスッキリしたデザインをコレクションしてみました。
煮詰まっているときに、すぐれたデザインを見ていると、いい意味でも悪い意味でも刺激になります。
ただ、欧文主体のサイトはWEBフォトを多様できるので、デザイン上でも本当に有利だなあと思います。
というか、うらやましい。
日本語のWEBフォントも手頃な値段に落ち着いてくれればいいんですけどね。
それはさておき、今回ご紹介しているサイトはどれも、個人的には「これは絶対に参考にしたい!」と思えるようなインピレーションあふれるデザインばかり。
ブログをご覧いただいている皆様にとって、何らかの参考になれば幸いです。

Themes Kingdom

clean_psd_web_template_01
Themes Kingdom

Media Temple

clean_psd_web_template_02
Media Temple

Hello Monday

clean_psd_web_template_03
Hello Monday

Quotery

clean_psd_web_template_04
Quotery

Drexler

clean_psd_web_template_05
Drexler

Snowbird

clean_psd_web_template_06
Snowbird

Future Insights Live 2013

clean_psd_web_template_07
Future Insights Live 2013

ADCADE

clean_psd_web_template_08
ADCADE

Zinio

clean_psd_web_template_09
Zinio

Heliom

clean_psd_web_template_10
Heliom

Huge

clean_psd_web_template_11
Huge

Pluto

clean_psd_web_template_12
Pluto

Dataveyes

clean_psd_web_template_13
Dataveyes

Enjoythis

clean_psd_web_template_14
Enjoythis

Harbr

clean_psd_web_template_15
Harbr

Squarespace

clean_psd_web_template_17
Squarespace

BKWLD

clean_psd_web_template_18
BKWLD

Alchemy

clean_psd_web_template_19
Alchemy

Nearly Impossible

clean_psd_web_template_20
Nearly Impossible

MailChimp

clean_psd_web_template_21
MailChimp

Designed To Move

clean_psd_web_template_22
Designed To Move

Barley CMS

clean_psd_web_template_23
Barley CMS

National Academy Museum

clean_psd_web_template_24
National Academy Museum

Award

clean_psd_web_template_25
Award

BrightByte

clean_psd_web_template_26
BrightByte

Goldee

clean_psd_web_template_27
Goldee

Teamgeek

clean_psd_web_template_28
Teamgeek

Knoed Creative

clean_psd_web_template_29
Knoed Creative

Square

minimal01
Square

Endswell Collection

minimal02
Endswell Collection

Metta Skin Care

minimal03
Metta Skin Care

Thobeck

minimal04
Thobeck

Bookshelf

minimal05
Bookshelf

One Iota

minimal06
One Iota

Brave People

minimal07
Brave People

Webknit

minimal08
Webknit

Horten Hus

minimal09
Horten Hus

Sang Han

minimal10
Sang Han

Beard Season

minimal11
Beard Season

NewVision

minimal12
NewVision

Gridbooks

minimal13
Gridbooks

Solo

clean09
Solo

Mike Kus

clean03
Mike Kus

Roman Kirichik

clean04
Roman Kirichik

Darrin Higgins

clean05
Darrin Higgins

R&Co. Design

clean06
R&Co. Design

Trippeo

clean07
Trippeo

Another Pony

clean08
Another Pony

Indigo

clean10
Indigo

Ditto

clean11
Ditto

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 1
  • 3

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

ファイルのウイルス感染を無料でチェックできるオンラインセキュリティー

ファイルのウイルス・マルウエアを無料でスキャンできるオンラインサービス9

ファイルのウイルスやマルウエアを無料でスキャンできるオンラインサービスセキュリティーサービスをご紹介

記事を読む

シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11

シンプルなのに効果的!CSS3トランジションを使ったマウスオーバーアニメーション11

CSS3を使えば、シンプルなコードなのに、ユーザーを「おっ!」と思わせる楽しい動きを簡単に実装できて

記事を読む

コピペOK! 画像のホバーエフェクトを簡単にアニメーションさせられるimagehover.css

コピペOK! 画像のホバーエフェクトを簡単にアニメーションさせられるimagehover.css

画像や写真にマウスを重ねたときに、アニメーションのエフェクトがかかっていると、それだけで洗練された印

記事を読む

プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100

プロジェクトにすぐ使えるハイクオリティーなHTML/CSS無料テーマテンプレート集100

HTML/CSS無料テーマテンプレートでハイクオリティーなものがありましたのでご紹介します。 これ

記事を読む

CSSで表現されたスゴワザのテキストエフェクト&チュートリアル19

CSS3では、CSSでさまざまなテキストエフェクトを実現することが可能です。 今回は、CSSで表現

記事を読む

初心者のためのCSSアニメーションチュートリアル

よくわかる 初心者のためのCSSアニメーションチュートリアル

初心者のためのCSSアニメーションチュートリアルです。 海外の有名ブログでわかりやすいチュートリア

記事を読む

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80

WEBデザインの勉強・参考に!プロがPhotoshopで作成したWEBサイト用無料PSDフリーテンプレート80

WEBデザインを勉強するうえで大切なのが、自分でいいなあと感じたデザインをそのままマネしてつくってみ

記事を読む

無料でオリジナルなクイズが作れてしまうツール「QuizGenerator」

無料でオリジナルなクイズが作成できるツール「QuizGenerator」

無料でオリジナルなクイズが、簡単に作成できるツールをご紹介します。 作れるクイズは選択式、穴埋め、

記事を読む

CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」

CSS3だけで映画のエンドロール風エフェクトを表現した「Movie Credits」

CSS3って、とっつきやすいうえに、表現力も豊かで、実装するのが楽しくなってしまいます。 表現力豊

記事を読む

レスポンシブ対応のコンテンツスライダー/スライドショーベスト8

以前の記事「レスポンシブ対応などコンテンツスライダー/スライドショー用jQueryプラグイン50+」

記事を読む