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

2014/03/04

参考にしたい！シンプルで美しい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サイトの必要な部分だけを印刷したいならコレが超便利！ブックマークレット「The Printliminator」

WEBサイトの必要な部分だけを印刷したいならコレが超便利！ブックマークレット「The Printliminator」

WEBサイトの必要な部分だけを印刷したい場合に大変便利なブックマークレットをご紹介。 このブックマ

記事を読む

文字をカラフルに！CSSとjQueryでテキストを2〜3色で表現してしまう「HalfStyle」

CSS3やWEBフォントの登場でテキスト回りの装飾がお手軽になってきましたが、1文字をだけを2〜3色

記事を読む

HTML5ビデオにも対応できる無料動画変換ツール/コンバーター10

HTML5ビデオを利用したサイトも見かけるようになってきました。 今後はHTML5ビデオを利用する

記事を読む

激易！YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」

激易！YouTubeなどの動画やGoogleMapsをコピペだけでレスポンシブ化「Embed Responsively」

YouTubeやViemoなどの動画、あるいはGoogleMapsをコピペだけでレスポンシブ化できて

記事を読む

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

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

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

記事を読む

CCSだけで見出しに自動で連番を記入する方法

当ブログでは「◯◯100」といった感じの記事をよく書かせていただいています。 こうしたとき、以前ま

記事を読む

コンバージョン率アップ！デザインに優れた無料のHTML+CSSプライステーブル/価格表27

コンバージョン率アップ！デザインに優れた無料のHTML+CSSプライステーブル/価格表25

海外サイトなどではよく目にするプライステーブル/価格表。 この価格表は、いうまでもなく、コンバージ

記事を読む

CSS3の色名147色（RGB、HEX16進カラーコード併記）

CSS3の色名147色（RGB、HEX16進カラーコード併記）

CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。

記事を読む

画像を使わずにCSSとWEBフォントを利用してアイコンボタンをつくる方法

アイコンに画像を利用せず、WEBフォントとCSSを使って表現する方法が徐々に増えています。 画像を

記事を読む

超簡単！CSSで上下左右センターにする方法

超簡単！CSSで上下左右センターにする方法

超簡単ですぐ実践できるCSSで上下左右センターにする方法をご紹介。 display:flexを使っ

記事を読む

前の記事

次の記事