TOP  >  hover

Tag : hover

2018年04月23日

WebGLによる 歪みの効果を与えるスタイリッシュなホバーエフェクト「WebGL Distortion Hover Effects | Codrops」

WEBデザインならではのエフェクトは、私たちの目を楽しませてくれたり、あっと驚かせてくれたりします。今回ご紹介する「WebGL Distortion Hover Effects | Codrops」は、WEBの中でもよく目にするホバーアクションのエフェクト集になります。

DistortionHoverEffect_top

歪みの効果を与え、滑らかに動くスタイリッシュなホバーアクションです。

詳しくは以下

(続きを読む…)

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

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

2012年05月07日

WEBやスマートフォンデザインにかかせないGUIキットまとめ「New Useful Free PSD GUI Kits」

ユーザーがより快適にページを楽しめるようなデザイン制作は、サイト滞在率をアップさせる重要な要素の1つではないでしょうか?そんな中今回紹介するのが、WEBやスマートフォンデザインにかかせないGUIを手軽に制作できるPSDキットをまとめた「New Useful Free PSD GUI Kits」です。


Hanna UI Kit – 365psd

インターフェース全体がデザインされた素材からパーツ素材まで、さまざまなGUI素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:40  |  
Category: Design   
2013年03月29日

WEBデザイン制作に使いやすいピクセルパターンまとめ「30 Free Brilliant Photoshop Pixel Patterns」

WEBサイト制作には、背景素材となるパターンはもちろん、ボタンなどのUIにもパターン処理をすることで、よりWEBサイトらしさを演出することができるのではないでしょうか?そこで今回紹介するのが、WEBデザイン制作に使いやすいピクセルパターンをまとめた「30 Free Brilliant Photoshop Pixel Patterns」です。


GraphicsFuel.com | 15 seamless pixel patterns

シンプルなパターンはもちろん、イラストテイストなパターンまで、さまざまなピクセルパターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2017年10月11日

レトロな演出に最適なハーフトーンのPhotoshopアクションキット「Halftone Press Photoshop Kit」

レトロな雰囲気を演出する方法はいろいろありますが、今回はそんな中でも簡単にイメージをレトロテイストに寄せてくれる「Halftone Press Photoshop Kit」を紹介したいと思います。

Halftone_Press_top

ハーフトーンのパターンにさまざまなバリエーションが揃っています。使用した雰囲気のサンプルをいくつかピックアップしているので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2013年10月24日

美しい花のベクターイラスト素材「30 Beautiful Floral Vector Resources」

美しく咲く花は、人の心を癒してくれる力を持っており、デザインの世界でもその美しさを利用しいろいろなシーンで取り入れられています。今回はそんな美しい花のベクターイラスト素材「30 Beautiful Floral Vector Resources」を紹介したいと思います。

30bfvr_0
Floral Flowers Background – Free Vector Art

リアルに花を表現したものからポップなものなど、いろんな種類の花が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: vector   
2014年05月01日

いろいろなデザインに使用できる 多彩な種類の素材をまとめた「50 fantastic freebies for web designers, May 2014」

デザイン制作をする時には、いろんな種類の素材を使用して作り上げていくことも多いと思います。今回はそんなシーンにおすすめのまとめ「50 fantastic freebies for web designers, May 2014」を紹介します。

free0501_1
Purple UI Kit Flat Responsive web template by w3layouts

フォント、テクスチャ、UI、psd、JS、CSSといった多彩な素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:26  |  
Category: Design   
2016年06月21日

夏をテーマにしたデザインに フリーベクター素材まとめ「20 Free Summer Vector Graphics for Estival Designs」

梅雨に突入したこともあり、夏の気配が近づいてきました。デザインで夏をテーマにしたものを手がけている方もいらっしゃるかと思います。今回はそんな時に活用したい、夏をテーマにしたフリーベクター素材まとめ「20 Free Summer Vector Graphics for Estival Designs」を紹介したいと思います。

summer0621_3
Variety of beach elements Vector | Free Download

夏の楽しげなイメージを存分に感じさせてくれるさまざまな種類の素材が揃っています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2012年08月11日

夏を感じられる素材をテーマにしたアイコンセット集「80+ Free Summer Holiday Icons For Designers」

手がけるデザインに、季節感を取り入れる時は、それぞれの季節をイメージできる物をビジュアル化するのが、最も手軽な方法ではないかと思います。そんな時に活用できる、夏を感じられる素材をテーマにしたアイコンセット集「80+ Free Summer Holiday Icons For Designers」を今回は紹介します。


Free Summer Vector Icons | Free Resource for Designers

ビーチサンダル、水着、サングラス、椰子の木など、夏っぽいアイテムがさまざまなテイストでアイコン化されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:03  |  
Category: Design   
2010年12月11日

クリーンなイメージのwebデザインを集めた「35 Clean and Minimal Websites For Design Inspiration」

webサイトにもさまざまなデザインがあり、特に重宝されるのはシンプル、そして情報を明確に伝えるために必要なものだけをしっかりと表示させることを目的としたタイプではないでしょうか。そこで今回紹介するのは、クリーンなイメージのwebデザインを集めた「35 Clean and Minimal Websites For Design Inspiration」です。


kin Design

シンプルな中でもデザインにさまざまバリエーションが存在するということが、このまとめを見ると分かります。気になったデザインをピックアップしてみましたので下記よりご覧ください。

(続きを読む…)

続きを読む
posted 06:10  |  
Category: Design   
2017年09月12日

フリーの手描きフォントまとめ「20 Amazing Free Handwriting Fonts For Your Next Project」

お店の看板やショップカード、ロゴなど、最近では手描き風のフォントが使用されているのをよく目にします。手描きフォントは女性らしい表現から大胆な表現まで、幅広い表現が可能な優れもの。今回はそんな、フリーの手描きフォントまとめ「20 Amazing Free Handwriting Fonts For Your Next Project」を紹介します。

tegaki_font01
Mightype Script – Free Handlettered Font on Behance

タイプの違う手書きフォント20種類がまとめて紹介されています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:35  |  
Category: Font   
2014年01月12日

アニメーションも楽しめる 150種のSVGフラットアイコンセット「150+ Free Animated SVG Icons」

ベクター機能を持っているため、オブジェクトの拡大縮小も可能なSVG形式の素材。グラフィック制作だけでなく、テキストエディタでの編集もできるため、現代のweb業界では非常に注目・重宝されている形式です。今回はそんなSVGフラットアイコンセット「150+ Free Animated SVG Icons」を紹介したいと思います。

svg140112

ポップなテイストのSVGアイコンが150種揃っており、さまざまなシーンで利用することができそうです。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:01  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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