Webデザインのアウトプットに役立つインスピレーションを得られるサイトを集めました

普段から様々な良質なデザインを見ることでWebデザインのアウトプットに繋がります。学校でもデザインを基礎から学んだわけではないし、美術系の学校に行っていたわけでもない人でもいい物をたくさん見てそこからヒントを得て作っていく人などは未経験からでもかなり伸びていきます。

そして自分の好きなデザインだけでなく、幅広いジャンルのものを見ることも大切です。

先日ご紹介したWEBデザインを制作する際の参考にしているデザインまとめサイトをまとめました【2012年版】では、サイトデザインの参考になるまとめサイトを紹介しましたが、今回はサイトに限らずロゴやグラフィカルなデザインがまとめられているサイトを集めました。

見ているだけで楽しいサイトを集めましたので、デザインやサイトのアイデアにご覧下さい。

【今回まとめたジャンル】

スマートフォンアプリやサイトのUI

IOSPIRATIONS

IOSPIRATIONS

http://www.iospirations.com/

iPhone・iPadアプリのアイコンから画面、UIデザインまで見られるギャラリーサイトです。

Mobile UI Patterns

Mobile UI Patterns

http://mobile-patterns.com/

スマートフォンアプリやサイトのUIパターンをまとめたギャラリーサイト

lovely ui

lovely ui

http://www.lovelyui.com/

スマートフォンアプリやサイトの美しいUIエレメンツをまとめたギャラリーサイト

iOS UI Patterns

iOS UI Patterns

http://pttrns.com/

大きなキャプチャ画像でiPhoneアプリのUIをまとめたギャラリーサイト

Inspired UI

Inspired UI

http://inspired-ui.com/

わかりやすいキャプチャ画像でスマートフォンアプリのUIをまとめたギャラリーサイト

Mobile Design Pattern Gallery

Mobile Design Pattern Gallery

http://www.mobiledesignpatterngallery.com/mobile-patterns.php

要素別にスマートフォンアプリやサイトのUIをまとめたギャラリーサイト

Webサイト

HTML5 Gallery

HTML5 Gallery

http://html5gallery.com/

HTML5を使ってマークアップされたサイトのショーケース

FOLIO FOCUS

FOLIO FOCUS

http://foliofocus.com/

様々なデザインポートフォリオサイトのギャラリー

ブブンデザインアーカイブ

ブブンデザインアーカイブ

http://bubundesignarchive.jp/

タイトルロゴやナビゲーションなどWebデザインのパーツごとのアーカイブサイト

House of Buttons

House of Buttons

http://houseofbuttons.tumblr.com/

Webサイトの美しいボタンのデザインを集めたショーケース

アイコン

APP icons

APP icons

http://app-icons.net/

高画質なアプリのアイコンデザインを集めたデザインアーカイブサイト

ファビコンギャラリー.com

ファビコンギャラリー.com

http://favicon-gallery.com/

様々なサイトのファビコンのデザインを集めたギャラリーサイト

Double-J Design

Double-J Design

http://www.doublejdesign.co.uk/

様々なデザインのフリーのアイコン配布素材があるサイト

FIND ICONS

FIND ICONS

http://findicons.com/

数多くのアイコンを検索してダウンロードできるサイト

ロゴデザイン

Logopond

Logopond

http://logopond.com/

様々なロゴデザインのアーカイブサイト

Logo Faves

Logo Faves

http://www.logofaves.com/

クリエイティブなロゴデザインのショーケース

GLaim

GLaim

http://glaim.tkmweb.info/

ゲームのロゴをまとめたアーカイブサイト

タイポグラフィ

TypeInspire

TypeInspire

http://typeinspire.com/

クリエイティブなタイポグラフィデザインをまとめたサイト

Fonts In Use

Fonts In Use

http://fontsinuse.com/

日常生活で使われているフォントを集めたユニークなサイト

swisstype

swisstype

http://www.swisstype.net/

スイスの街中などで見られるタイポグラフィの写真を集めたサイト

写真やグラフィック

Pinterest

Pinterest

http://pinterest.com/

好きな画像を見つけて集める美しい画像共有サービス

FFFFOUND!

FFFFOUND!

http://ffffound.com/

様々な自分の好きな画像をブックマーク&共有サービス

the selby features photos

the selby features photos

http://www.theselby.com/

さまざまな人とその住まいの写真を集めたサイト

Ads of the World

Ads of the World

http://adsoftheworld.com/

世界中の広告のアーカイブサイト

The Book Cover Archive

The Book Cover Archive

http://bookcoverarchive.com/

本の表紙のデザインを集めたギャラリーサイト

Retronaut

Retronaut

http://www.retronaut.co/

過去のレトロな広告や写真を集めたギャラリーサイト

パッケージやプロダクト・インテリア

Sumally

Sumally

http://sumally.com/

様々なアイテムを集めたSNS

Lovely Package

Lovely Package

http://lovelypackage.com/

様々なパッケージデザインを集めたブログ

The Dieline

The Dieline

http://www.thedieline.com/

あらゆるパッケージデザインを集めたアーカイブサイト

Yanko Design

Yanko Design

http://www.yankodesign.com/

モダンなインダストリアルデザインを集めたニュースサイト

Industrial Design Served

Industrial Design Served

http://www.industrialdesignserved.com/

クリエイティブなインダストリアルデザインを集めたギャラリーサイト

This Ain’t No Disco(it’s where we work)

This Ain't No Disco(it's where we work)

http://www.thisaintnodisco.com/

様々なハイセンスでユニークなオフィスを紹介するサイト

freshome

freshome

http://freshome.com/

インテリアデザインや建築デザインのニュースをまとめたブログ

クリエイティブなデザインやアート

Blog of Francesco Mugnai

Blog of Francesco Mugnai

http://blogof.francescomugnai.com/

さまざまなデザインのまとめ記事が中心に書かれているブログ

Buamai

Buamai

http://www.buamai.com/

クリエイティブなデザインやアートの画像が集められたサイト

Behance

Behance

http://www.behance.net/

クリエイティブなデザインの集められたギャラリーサイト

Dribbble

Dribbble

http://dribbble.com/

デザイナーによる作品を共有できるSNS

Creattica

Creattica

http://creattica.com/

サイトやグラフィックなどあらゆるジャンルのデザインが集められたサイト

見ていて面白いユニークなサイト

元ネタさがし

元ネタさがし

http://www.ffffff.jp/

映画や音楽などの様々な元ネタを探すサイト

教科書.net

教科書.net

http://www.kyokasho.net/

教科書にラクガキができるサイト

Pica Pic

http://www.pica-pic.com/

Web上で懐かしいゲームウォッチが実際に遊べるサイト

参考サイト

デザインインスピレーションを得るための98の素敵なリソース

インスピレーションを刺激させたい時に大抵見てまわるWebサイト集

12のおすすめインスピレーションサイト

Mobile UI Design Patterns: 10+ Sites for Inspiration

SPGRA

いろいろありすぎて逆に見なくなってしまいそうですが、ぜひ自分のお気に入りを見つけてください。

この記事を書いた人

著者 : ハヤシユタカ

2001年、有限会社ムーニーワークスを設立。WEB制作の他、書籍執筆、セミナー講演、企業研修などを行う。また、クリエイター育成機関デジタルハリウッドでは1999年より講師として本科WEBデザイナーコースやデジタルデザインコースを担当。 詳しいプロフィールはこちら

最近書いた記事

この記事に関連する記事