ホーム webリソース インスピレーション

インスピレーション

これから始める人のための、マテリアルデザイン参考サイトまとめ

最近Googleがフレームワークを公開したことでも話題になったマテリアルデザイン。海外でもマテリアルデザインは非常にホットなキーワードになっています。 新しいデザイントレンドとし...

LP制作の参考に!シングルページデザインの参考サイト 35選

国内ではLPといえば縦に長いチラシのようなイメージがありますが、海外では非常にクリエイティブなデザインのサイトが増えています。 少し前に注目されていたパララックスデザインだけでな...

最近公開されたフラットデザインの参考になるサイトまとめ

フラットデザインはiPhoneに取り入れられてからWebサイトでも採用されるようになっていますが、まだまだ新しいデザインスタイル。Webサイトをリニューアルする際にフラットデザイン...

同じアジア圏でもこれだけ違う!?中国のWebデザインがすごい

同じアジア圏でもこれだけ違う!というのがわかる中国のWebサイトを集めてみました。 中国と言えばカンフー映画に出てくる屋台のようなイメージがありますよね。いろんなものが雑に置いて...

Bootstrapで作られたレスポンシブWebデザイン参考サイトまとめ

最近はBootstrapを使ってWebサイトを作成したり、既存サイトのレスポンシブ化を行うことが多いです。レスポンシブ化を行うときに注意しているのが、UI/UXについて。単に1列表...

EC-CUBEで作られたネットショップの参考・構築事例まとめ

ECサイトの人気がますます向上していますが、個人でも簡単にネットショップを構築できるサービスが人気です。WordpressのプラグインやEC-CUBEなどで自分で構築したり、BAS...

今も更新されてるWebギャラリーサイトまとめ

Webデザインをする際によく行うのが、参考サイトや競合サイトのチェック。Google検索なんかで同じ業界のサイトをチェックしたりすることもあるんですが、どうしても検索上位で固まって...
中国のWebデザインまとめ14

これぞ4千年の歴史!中国のWebサイトデザインまとめ

普段Webデザインをするときに必ずやっているのが、参考(競合)サイトのチェック。同じ業界や同じテイストのWebサイトをチェックすることでデザインする際のインスピレーションを得るこ...

404ページのデザイン参考例まとめ29こ

突然ですが404ページの設定してますか? 404ページはSEO的にも重要な役割を持っているのできちんと設定しておきたいページです。なにも設定していないと404Error not ...
オーバープリントを活用したクールなデザイン集その7

オーバープリント、版ズレを利用したクールなデザイン作品集

版ズレとは多色の印刷を行う際に色がずれてしまうことで、通常は印刷ミスとなり商品価値がなくなってしまうのです。これを防ぐために様々な対策を行うのですが、その版ズレを意図的に作ってデザ...
ECサイトギャラリーその4

もっとインスピレーション!ECサイトのギャラリー集

Webデザインに行き詰まったら必ずやっているのが、Webサイトギャラリーを見ること。国内外のWebデザインを集めたサイトギャラリーはたくさんあるので、それらを見ながらインスピレーシ...
トレンドをつかめ!フラットデザインの参考になるハイクオリティなWebサイトまとめ-07

トレンドをつかめ!フラットデザインの参考になるハイクオリティなWebサイトまとめ...

国内でもフラットデザインを取り入れているWebサイトをよく見かけるようになってきました。シンプルで美しく、しかも軽くて見やすいUIを構築することが可能になります。 今、トレンドに...

超ハイクオリティなモバイルUIの参考になる海外のUIデザイン集

モバイルサイトやスマートフォンアプリのUIデザインの参考になるデザインを集めました。 最近はフラットデザインやレスポンシブレイアウトなどどんどん新しい表現技術がでてきています。新...
無料のGIMPでここまでできる!GIMPで作った作品まとめ40-1

デザインの参考になるGIMPで作った作品まとめ40

GIMPと言えばPhotoshopと双璧をなす有名なソフト。しかも無料で使えるので、趣味などで使っているかたも多いのではないでしょうか? でもやっぱり無料だからできることも限...
フォトコラージュの作品例4

デザイナーさん要チェック!フォトコラージュの素晴らしい作品例 40本

デザインの技法としても人気の高いフォトコラージュ。僕も駆け出しのデザイナーのころはフォトコラージュで修行していました。コラージュはやってみると結構楽しいのでPhotoshopをマス...
スマホサイトで採用したいFlatデザインの参考例50-01

スマホサイトで採用したいFlatデザインの参考例50

スマホ向けのモバイルサイトを作る際に気をつけたいのがレイアウト。ただ単にPC画面を小さくしただけではスマートフォン独特のタッチやスワイプに最適なUIを作れません。 またレイア...
webデザイナーなら絶対見ておきたいFlatデザインの参考例40-03

webデザイナーなら絶対見ておきたいFlatデザインの参考例40

最近国内でもよく見かけるようになったFlatデザイン。シンプルでさっぱりとしたデザインになっていたり、windowsのMetroのようなものもあります。Flatデザインでは配色を間...
デザイナーなら絶対チェックしておきたいロゴデザインの作品集40コまとめ06

デザイナーなら絶対チェックしておきたいロゴデザインの作品集40コまとめ

ロゴデザインはWebのみならずいろいろなところでやることになるので是非マスターしておきたいスキルの一つです。ロゴデザインの際に有効なのは他の作品を見てインスピレーションを掻き立てる...
グラフィックデザインの参考になる、ファッション系フォトコラージュの作品集 25 07

グラフィックデザインの参考になる、ファッション系フォトコラージュの作品集 25

グラフィックデザインをする際、大切なのは良い作品をたくさん見ておくことです。とくに海外のデザイナーやアーティストの作品はほんとうにクオリティが高く自分の作品を作るときにも参考になる...
iPhoneケースをデザインするとき参考にしたい作品集 90+04

iPhoneケースをデザインするとき参考にしたい作品集 90+

グラフィックデザインの仕事にはいろいろありますが、iPhoneケースのデザインもその中の一つ。サクッとイラストを描いただけのものもあればケースの形自体もデザインされているものもあり...

最新記事

超高品質!Drupal向けテンプレートまとめ 2017年最新版

Drupalは高度な技術を持っていなくても簡単に使えるのが特徴のCMS。現在も活発に活動が続けられ、海外では人気の高いCMSです。ここでは最新版のDrupal8に対応した高品質なテ...

Bootstrap3 ポップオーバーとPopover.jsの簡単な使い方

要素をクリックすることでヘルプメッセージなどを表示することができるポップオーバーコンポーネント。ツールチップとよく似てるので作るのは簡単ですが、Webアプリなどでは結構使えるコンテ...

Bootstrap3 Progress bars の使い方

進行状況を表示するのに使えるのがProgressバーコンポーネント。Webアプリやショップサイトで注文工程の進歩状況を表示する際に使うことができます。 Bootstrap3 Pr...

スマホ向けアプリアイコンのデザインに使えるフリー素材128個まとめ

アプリアイコンのデザインに使えるフリー素材を128個集めてみました。 アプリアイコンはGimpなどのフリーツールでも簡単に作れるのですが、フリー素材を使うことで効率良くアイコン作...

キラキラ光るエフェクトが美しい無料ベクター素材

キラキラ光る美しいエフェクトの無料ベクター素材を厳選して集めました。 こういったライトエフェクト系の素材はゴージャスなイメージを作る時によく使われる素材で、バナーやヘッダー画像は...

はてな人気記事