ホーム 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ケースのデザインもその中の一つ。サクッとイラストを描いただけのものもあればケースの形自体もデザインされているものもあり...

最新記事

Bootstrap3 テーブル(表)の書き方、使い方

Mohawk cat. King of the urban jungle. 最近はあまり使わなくなったテーブルタグですが、一時はWebのレイアウトは全てテーブルで書かれていた...

Markdownで書いた記事はSEO的に問題ないのか?調べてみた

最近ブログの記事はMarkdownで書いているのですが、ふと思ったのが、Markdownで書いたブログ記事ってSEO的に大丈夫なの?ってことです。 MarkdownはHT...

ひとつ上の Bootstrap3 グリッドレイアウト使いこなし術

前回の投稿でグリッドレイアウトの基本的な使い方についてまとめたので、ここではさらにもう一歩突っ込んだ内容のお話をしたいと思います。 Bootstrap3では単に横並びのレイアウト...

もう一度確認しておきたい、Bootstrap3 レスポンシブの基礎知識

もう一度間違ってないか確認しておきましょう。 I've made a huge mistake Bootstrap3に限らず、レスポンシブデザインはGoogle検...

今度こそ覚える、Bootstrap3 グリッドシステムの使い方

I've got it デザインはグリッドに始まりグリッドに終わるといわれるように、Bootstrap3でもグリッドシステムは単なるコーディングにとどまらず、デザイ...

はてな人気記事

人気テンプレート

COLORSTORE simple1 カラーミーショップ レスポンシブテンプレー...

COLORSTORE simple1はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。

CUBESTORE simple1 EC-CUBE2.13系対応 マルチカラムテ...

CUBESTORE simple1はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。

COLORSTORE simple2 カラーミーショップ レスポンシブテンプレー...

COLORSTORE simple2はカラーミーショップ向けレスポンシブテンプレート。カラーミーキットに対応、高品質なスライダー同梱、スマートフォンに最適化されたナビゲーションメニューを搭載。

CUBESTORE simple2 EC-CUBE2.13系対応 マルチカラムテ...

CUBESTORE simple2はEC-CUBE2.13系に対応したレスポンシブテンプレートです。画像スライダーにはFlexSliderを採用、Bootstrap3に対応しているため高品質なECサイトを低コストで制作可能です。

MinimalCube EC-CUBE2.13 マルチカラムテンプレート

MinimalCubeはEC-CUBE2.13に対応したマルチカラムのレスポンシブテンプレート。Bootstrap3を導入し、様々なコンポーネントも簡単に使えてデザインもシンプルなミニマルデザインを採用。