creatersnest13

これが流行り!?ピンボケの大きな画像を使ったサイト30選


フルスクリーン・デザイン

2013年頃から、フルスクリーンデザインが注目され始めました。美しかったり、そのクオリティが高ければ高いほどサイト訪問者の目を引き、大きければ大きいほどインパクトを与えることができます。今回は、ぼかした写真素材を巧みに使った、フルスクリーン・デザインのWebサイト事例を集めてみました。

 

国内編

nuLab

nulab
http://nulab-inc.com/ja/
プロジェクト管理などをリリースしている会社です

株式会社ファイアープレイス

株式会社ファイアープレイス
http://fireplace.co.jp/
デザインや人材育成を行っている会社です

株式会社河本土木

株式会社河本土木
http://kawamotodoboku.com/
見たとおりの土木会社のサイトでとても爽やかなイメージを受けます

人気無料レシート家計簿アプリDr.Wallet

dw

https://www.drwallet.jp/
最近、スマホアプリで増えている家計簿アプリをリリースしているサイトです

海外編

iRide

iride
http://iridemobile.com/
モバイルアプリをリリースしているサイトです

Siete de Febrero

Siete-de-Febrero
http://www.sietedefebrero.com/
スペインのデザインスタジオのサイトです

MelonHTML5

MelonHTML5
http://www.melonhtml5.com/
ブリスベンに所在地を置くコンピューターテクノロジーのサイトです

David Massiani

David-Massiani
http://www.davidmassiani.com/
フランスのWEBデザイナーのサイトです

Restaurante Couve e Flor

Restaurante-Couve-e-Flor
http://www.jacktorrancetrip.com/
音楽CDのサイトです

REI 1440 Project
REI-1440-Project

http://www.rei1440project.com/
アウトドアのサイトです。ショップも併設しているようです

Piction App

Piction

http://pictionapp.com/
「Piction」という写真加工のiPhoneアプリのランディングページ。

Kolonien

kolonien
http://kolonien.nu/
音楽の紹介サイトです

Zensorium

Zensorium
http://www.zensorium.com/tinke/#introduction
フィットネスや心拍数などを計るトラッカーをリリースしているサイトです

Cage

cage
http://www.cageapp.com/
「cage」というコミュニケーションクラウドアプリをリリースしているサイトです

happytables

happytables
http://www.happytables.com/
レストランのWEBサイトの作成と管理をするサイトです

Drexel University

Drexel-University

http://getgoingtoday.org/
ペンシルベニア州にあるドレクセル大学のサイトです

Mahedine Yahia

Mahedine-Yahia
http://www.mahedineyahia.fr/
デザインスタジオのサイトです

OgilvyOne

OgilvyOne
http://adayinbigdata.com/
スマホアプリ紹介サイトです

Stieler

Stieler-en
http://stieler.dk/index.php/category/en

デンマークの会社のサイトです

Cloonmore

14landscape
http://www.cloonmore.com/
鉱業やエネルギー関係の会社のサイトです

Daniel Filler

Daniel-Filler
http://www.restaurantecouveflor.com.br/

ポルトガルのレストランのサイトです

OverApp

OverApp
http://madewithover.com/
写真にテキストやイラストを加えることができるアプリをリリースしているサイトです

Socialwhale

socialwhale
http://www.socialwhale.nl/

オランダのアプリをリリースするサイトです。

max9xs

max9xs
http://www.max9xs.com/
iOSゲームやアプリを作っている方のサイトです

Ampersand

Ampersand1

http://ampersandwebsites.com/

WEBサイトを効率化するソフトを提供しているサイトです

WBDelicious

WBDelicious
http://webhavnagar.com/wbdelicious/
ホテルとレストランの会員サイトです

New Deal Design

New-Deal-Design
http://newdealdesign.com/
サンフランシスコのベンチャー企業のサイトです

Dassel und Wagner

DASSEL-UND-WAGNER
http://www.dasselundwagner.com/en/
ベルリンの出版会社のサイトです

Trellis Farm &Garden

Trellis-Farm-&Garden
http://www.trellisfarm.com/

イリノイ州のペット用品や庭用品のショッピングサイトです

ecwid

ecwid

http://www.ecwid.com/

既存のサイトにオンラインストアを追加してくれるサイトです

まとめ

総合的に見て、日本サイトより海外サイトの方が目立つ気がします。これは写真そのものの美しさというよりも『ぼかすことで新たな美しさを表現』『奥行き感を表現』『そこに乗っかっている画像パーツや文字(タイポグラフィ)に読みやすさを追加』などの効果を出しているから。ではないかと思っています。日本のサイトはごちゃごちゃとした記事が沢山ありますが、たまにはシンプルですっきりしたサイトもいいですね。

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


Next Article【イラストレーター】文字を加工するテクニックが学べるチュートリアルまとめ