TOP  >  ヒートマップ

Tag : ヒートマップ

2010年06月29日

WEBのユーザー動向を確認できるヒートマップが作成できるサービス色々「7 Incredibly Useful Tools for Evaluating a Web Design」

アクセス解析によって、様々なデータを見ることができ、解析していくと、様々な傾向をしることができるのですが、ユーザーがどの部分を見ていて、どんな動向をしているのかというところまで読み取るには時間がかかります。今日紹介するのはユーザーのクリックの位置をヒートマップで見せてくれるサービスをまとめたエントリー「7 Incredibly Useful Tools for Evaluating a Web Design」。

07_clicktale_example
ClickTale

ASPサービスから、オープンソースまで、幅広く紹介されていますが、今日は紹介されているヒートマップツールのなかからいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2018年01月20日

シンプルで美しい動きが魅力のローディングアニメーションセット「Epic Spinners」

webサイトにアクセスする時や、重いデータを読み込む際などに利用するローディングアニメーション。案外、いつも同じものになってしまいがちです。今回はそんな時に参考にしたい「Epic Spinners」を紹介したいと思います。

loading0120

シンプルで美しい動きが魅力のローディングアニメーションがセットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:45  |  
Category: javascript , WebDesign   
2014年11月09日

デザイナー必見 実用的なPhotoshop PSD素材まとめ「30 New Free Photoshop PSD Files For Designers」

デザイナーにとって欠かせないソフト・Photoshop。非常に便利であり、フリーで利用できる素材が多く配布されているのも魅力の一つとなっています。今回はそんな実用的なPhotoshop PSD素材まとめ「30 New Free Photoshop PSD Files For Designers」を紹介したいと思います。

freepsd1109_0
7 FREE Smartphone & Notebook PSD Mockups on Behance

PSD形式のいろいろなシーンで利用できる素材がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2014年12月29日

グラフィカルなテキストデザインを手がける際に試したい Photoshopテキストエフェクトチュートリアルまとめ「25 Amazing Photoshop Text Effects Tutorials for Designers」

メインのグラフィック作成に、テキストを使用することも多いと思いますが、ただ打ちっぱなしの文字だとどうしてもインパクトに欠けるもの。今回はそんな時に参考にしたい、Photoshopテキストエフェクトチュートリアルまとめ「25 Amazing Photoshop Text Effects Tutorials for Designers」を紹介したいと思います。

texteffect1229_1
How to Create a Colorful Text Effect in Photoshop

多彩なデザイン表現を可能にするテキストを使ったデザインのチュートリアルがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2013年03月12日

感光したフィルムの雰囲気が再現できるテクスチャパック「Free Light Leak Texture Pack To Retrofy Your Photos」

デジタルカメラで撮影した美しい写真を、今では誰もが手軽に撮影できるようになっていますが、フィルムを使用した撮影はより難しいものとなってきています。しかし、フィルムで撮影された写真の美しさノスタルジックな雰囲気というのは、アナログならではの良さがあるのではないでしょうか?今回はそんなアナログ撮影のような雰囲気を再現できるテクスチャパック「Free Light Leak Texture Pack To Retrofy Your Photos」を紹介したいと思います。

デジタルカメラで撮影した写真に、フィルムが感光してしまったような加工できるテクスチャが15枚セットになったテクスチャパックです。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:26  |  
Category: Design   
2015年12月23日

幾何学的なテイストのフリーフォント選「10 Free Geometric Fonts To Download」

フォントにもいろいろな種類がありますが、グラフィック要素として取り入れようと思うとフォント自体に個性が必要。今回はそんなシーンにおすすめ、幾何学的なテイストのフリーフォント選「10 Free Geometric Fonts To Download」を紹介したいと思います。

font1222_1

10種という厳選された種類ですが、どれも個性もありデザイン性のあるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2015年10月11日

いろんな表情のApple Watchモックアップ&UIキットまとめ「30 Apple Watch GUI Kits, Mock-Ups And Templates For Free」

すでに広く浸透しつつあるApple Watch。とても便利で、専用アプリケーションも多数登場しています。今回はそんな市場の広がりに合わせて使用できる、いろんな表情のApple Watchモックアップ&UIキットまとめ「30 Apple Watch GUI Kits, Mock-Ups And Templates For Free」を紹介したいと思います。

appwatch3
Dribbble – Apple Watch Free Template PSD by Daniel Macedo

さまざまテイストのApple Watchを表現できる素材がまとめられており、非常に便利に活用することができます。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:51  |  
Category: Design   
2012年10月25日

レトロカワイイ雰囲気を表現できるパターンまとめ「A Collection of Retro and Vintage Patterns for Photoshop」

時代は繰り返すというのはデザインでも同じで、70〜80年代のレトロなデザイン感も今、多くの場で好まれています。そんな中今回紹介するのが、レトロカワイイ雰囲気を表現できるパターンまとめ「A Collection of Retro and Vintage Patterns for Photoshop」です。


6 Vintage Textile Patterns – Free Photoshop Brushes at Brusheezy!

和テイストなパターンから、ポップで可愛らしいパターンまで、さまざまなパターン素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:22  |  
Category: WebService   
2010年06月02日

急な対応も安心!?WEBデザイナーのためのポータブル制作アプリケーション集「12 Portable Apps for Web Designers」

オフィスにいれば何の問題も無い作業も、環境が整っていないPCなどでは、非常に困難で時間もとられてしまいます。制作ツールはadobeを始め、基本的にインストール型となっていて、PCから簡単に持ち運びができない状態です。今日紹介するのは外出先でも対応出来る持ち運び可能な制作アプリケーションを集めた「12 Portable Apps for Web Designers」というエントリーです。

portable01
KompoZer Portable

画像加工やグラフィク作成アプリから、HTMLコーディングなど様々な持ち運び可能なアプリケーションがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:58  |  
Category: Design , WebDesign   
2009年01月02日

蝶や植物など飾りに使えるベクターデータを集めた「Vector Butterflies and Floral Ornaments」

デザインをして行く中で、ちょっとしたアクセントを付けたい時に便利なのが、装飾形のベクターデータ。今回紹介するのは飾りに使えるベクターデータを集めたまとめエントリー「Vector Butterflies and Floral Ornaments」です。

様々な種類のベクターデータのいくつかのセットで分けられ、まとめてダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:59  |  
Category: Design , vector   
tag: Design vector
2010年05月17日

ベクターデータを探すならココ!ベクターデータ配信サイトをまとめたダウンロードサイト32選「32 Places to Find High-Quality Vectors」

制作の現場では一般的なベクターデータ形式。拡大縮小が自由自在で、色の変化なども自由にでき、汎用性が効くデータ形式として広くデザインには利用されています。今回紹介するのはそんなベクターデータで制作された素材データをダウンロードできるサイトを集めたエントリー「32 Places to Find High-Quality Vectors」を紹介したいと思います。

vcceter01
Vector RSS

どのサイトも数多くのベクターがデータが無料でダウンロードすることができます。今日はまとめられているベクターデータサイトの中から、今までDesigndevelopで紹介したことが無いサイトを中心にいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:15  |  
Category: Design , Font , Tool , vector   
tag: Design vector

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る