TOP  >  ホバーアクション

Tag : ホバーアクション

2016年12月06日

クリエイティブなホバーアクションを簡単に実装する「Tilt Hover Effects」

PCで見るWEBサイトの印象を大きく左右するアクションの一つホバーアクション。主にWEB上のユーザー導線上に配されるものだけに、小さいながらも、このアクションが心地よいかでサイトのクオリティを左右するものですが、今日紹介するのはクリエイティブなホバーアクションを実装できる「Tilt Hover Effects」です。

TiltHoverEffects_800x600

一般的に色が変わる、透明度が上がる、画像が切り替わるなどといったものでは無く、複数の画像がズレたり、アニメーションが加わったりマウス座標の位置で見た目が変わったりと、多彩なホバーアクションが簡単に実装できるようになっています。

詳しくは以下

(続きを読む…)

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

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

2017年10月20日

美しいグラデーションを簡単生成可能なwebジェネレーター「ColorSpace」

グラデーションカラーを取り入れたデザインは、現在の主流トレンドの一つとなっていますが、思うような色合いを作りだすのはなかなか難しいもの。そんな時に参考にしたい「ColorSpace」を今回は紹介したいと思います。

generator01

美しいグラデーションを簡単に生成することができるwebジェネレーターです。

詳しくは以下

(続きを読む…)

続きを読む
2011年06月17日

個性的なスタイルのフリーフォント「Morning Glory – Free Font」

ビジュアル性の高いフォントは、タイトルやデザインイメージを印象的に魅せる重要な素材ですが、フリーフォントの中からクオリティの高いフォントを探すのは、時間と手間がかかる作業だと思います。そこで今回紹介するのは、個性的なスタイルがユニークなフリーフォント「Morning Glory – Free Font」です。

文字が細かいパーツに分けられて繋がっているフォントとなっており、インパクトを与えることができるビジュアル性が魅力的です。このフォントを利用したコンセプトムービーが公開されていましたので、まずは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:52  |  
Category: Design , Font   
2008年07月15日

フリーフォント配布サイトのまとめ「Top 28 Free Font Directory Resource Sites」

フリーフォントについてはDesignDevelopでもいくつか紹介してきましたが、今日紹介するのは数あるフリーフォント配布サイトのなかでも厳選された28個のを紹介しているエントリー「Top 28 Free Font Directory Resource Sites」を紹介したいと思います。

すべてのサイトを合わせると100,000以上のフォントが収録されています。すべて回るなんて事はできないかも知れませんが、こちらを参考にすれば、効率よく自分が探し求めているイメージのフォントにたどり着けるかと思います。

■Urban Fonts

8000個以上収録!大きなサムネイルで見やすく分かりやすい。タグクラウドも便利です。
 
 
 

■The Font Pool

人気のフォントをTOP10で表示してくれます。手書き風のフォントが人気みたいです。
 
 
 

■Fonts 500

フリーフォントが500個収録。シンプルな作りで選びやすくて見やすい!!すべてのフォントが一覧で表示されます。
 
 
■その他紹介されているサイト
dafont.com
Type Now
SimplytheBest Free Fonts
Search Free Fonts – over 13,000 free fonts availabl
Creativespirits

上記の他にも沢山のフォントサイトがまとめられ公開されています。今まで紹介したサイトも中にはありますが、こうしてまとめられていると探す時に便利ですね。フォントを探している人は是非どうぞ。

Top 28 Free Font Directory Resource Sites

via はてなブックマーク – 注目エントリー

続きを読む
posted 10:11  |  
Category: Design , firefox , Font , Photoshop , plugin , WebService   
tag: Design Font
2014年11月18日

錆びた金属のフリーテクスチャ「6 Free Old and Rusty Textures」

フリーで数多く配布されているテクスチャ。テーマとなっている種類にもさまざまなタイプがありますが、今回紹介するのは、錆びた金属のフリーテクスチャ「6 Free Old and Rusty Textures」です。

rust1

古くなって味のある雰囲気に錆びついた6種のテクスチャがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:52  |  
Category: Design   
2012年12月03日

さまざまなスポーツシーンを表現できるベクター素材まとめ「30 Free Sports Related Vector Graphics For Designers」

シーンや動きの表現が複雑なスポーツのビジュアルは、イラストとして描き起こすのはなかなか大変なもの。そんな時に活用できる、さまざまなスポーツシーンを表現できるベクター素材をまとめた「30 Free Sports Related Vector Graphics For Designers」を今回は紹介したいと思います。


Basketball Vector Illustration (.eps) | Vector

カラーからシルエットまで、さまざまなタイプの素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:04  |  
Category: Design   
2011年08月07日

iphone、AndroidアプリのUIデザイン集「40 Dribbble Shots for Mobile and UI App Design Inspiration」

スマートフォンが数多くリリースされ、アプリをデザイン制作を頼まれるそんなケースも増えてきていると思います。今日紹介するのはユニークなアプリのユーザーインターフェイスを集めたエントリー「40 Dribbble Shots for Mobile and UI App Design Inspiration」です。


iPhone App UI

OS標準のものではなく、アイデアが盛り込まれたインターフェイスが多数まとめられています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2015年03月20日

デザイン性を重視した最新フリーフォントまとめ「65 best free fonts, Spring 2015」

どんどんと新しいデザインのものが公開されているフリーフォント。種類もテイストも、さまざまなタイプのものが存在していますが、今回紹介するのは、デザイン性を重視した最新フリーフォントまとめ「65 best free fonts, Spring 2015」です。

font0320_1
geomanist, a new sans serif font designed by @atipostudio. download regular weight for free

デザインが魅力的なフリーフォントが揃っており、ベストなフォントを見つけることができそうです。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2013年04月29日

レスポンシブに対応したWordPressプラグインのまとめ「40+ Responsive WordPress Plugins」

マルチデバイス対応がWEBサイトについては大きな課題の一つ。最近ではレスポンシブでレイアウトが組み変わる、WEBサイトが主流になりつつありますが、今日紹介するのはレスポンシブなデザインやサイトに便利なWordpressプラグインをまとめたエントリー「40+ Responsive WordPress Plugins」です。


Ether Content Builder WordPress Plugin

一部有料のものもありますが、全部で40種類ものプラグインがまとめられていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: plugin , WordPress   
2014年03月02日

iOS7のデザインに対応 53種のスポーツアイコンセット「53 sports icons for iPS7」

iOS7がリリースされてから、変化したデザインに対応したデザインが続々と登場してきており、それに合わせたフリー素材も多くみかけるようになりました。そんな中今回紹介するのは、iOS7のデザインに対応した53種のスポーツアイコンセット「53 sports icons for iPS7」です。

sportsicon

スポーツをテーマとしたフラットデザインのアイコンがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2017年07月05日

WEBデザイナーのための6つのオンラインツール「6 Essential Open Source Tools for Web Designers」

スマートフォンやタブレット端末が普及した今日では、毎日 Webサイトを閲覧するという人も随分多くなったのではないでしょうか。そんな中今回紹介するのは、日々変化していくWebサイトを制作するWEBデザイナーのための6つのオンラインツール「6 Essential Open Source Tools for Web Designers」です。

essential01
Krita | Digital Painting. Creative Freedom.

デザインの手助けをしてくれるアイテムはとても便利で、より良いものを作る事ができる優れものです。その中でも、気になったものをいくつかピックアップしてみました。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Tool , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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