個人的に役立ったデザイン素材や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アソシエイト・プログラムの参加者です。

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

レスポンシブWEBデザイン対応のメニューが作れるチュートリアル17(ソースファイル付き)

レスポンシブWEBデザインを行ううえで重要になってくるのがメニューをどのようにするかということではな

記事を読む

UIのインスピレーションに最適な「UXPorn」

UIデザインのインスピレーションで溢れてる「UXPorn」

サイトやWEBサービスをつくるときにどのようなUIデザインにするかは悩むところですよね。 UIをつ

記事を読む

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

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

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

記事を読む

CSSグラデーションをとっても簡単に生成するツール「Gradientoo」

CSSでグラーデーションを表現する場合、最初からコードを書くのは結構たいへんですよね。 そんなとき

記事を読む

CSSスプライト作成の決定版!これ以上ない使いやすさの「Spritebox」

CSSスプライト作成の決定版!これ以上ない使いやすさの「Spritebox」

CSSスプライトを誰でも簡単に、しかも見やすく生成できてしまうツールのご紹介です。 CSSスプライ

記事を読む

信じられないほど美しい!CSSだけで絶滅危惧種30を表現した「In Pieces」

信じられないほど美しい!CSSだけで絶滅危惧種30を表現した「In Pieces」

CSSだけで表現されているのに、信じられないほど美しいサイト「In Pieces」をご紹介します。

記事を読む

これは魅力的!CSSだけで実装できる画像ホバーエフェクト20

これは魅力的!CSSだけで実装できる無料の画像ホバーエフェクト22

CSSだけで実装できる魅力的な画像用のホバーエフェクトをご紹介します。 種類は全部で22種類です。

記事を読む

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

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

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

記事を読む

CSSだけでブルブル震えるエフェクトを簡単実装!CSS Shakeを使ってみた

CSSだけでブルブル震えるエフェクトを簡単実装!CSS Shakeを使ってみた

CSSだけでブルブル震えるエフェクトを簡単実装!CSS shakeを使ってみた すでにお気づき

記事を読む

インパクト大!Gmailに一瞬にしてGIFアニメーションを添付できるChrome機能拡張「Gmail GifLine」

インパクト大!Gmailに一瞬にしてGIFアニメーションを添付できるChrome機能拡張「Gmail GifLine」

Gmailに一瞬にしてGIFアニメーションを添付できるChrome機能拡張をご紹介します。 メール

記事を読む