TOP  >  hover

Tag : hover

2018年04月23日

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

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

DistortionHoverEffect_top

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

詳しくは以下

(続きを読む…)

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

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

2018年06月03日

デザイナーのためのフリー使えるPSD素材まとめ「33 Fresh Free PSD Files for Designers (Freebies)」

デザインの参考や素材を一から集める作業は、案外手間のかかる作業。デザイナーにとって効率よく制作出来るアイテムはいくつも手元に置いておきたいものです。そんな中今回紹介するのは、デザイナーのためのフリー使えるPSD素材まとめ「33 Fresh Free PSD Files for Designers (Freebies)」です。

Free_PSDFiles_01

さまざまな種類のpsd形式の素材がまとめられています。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2011年07月10日

マッピングに利用出来るアイコンコレクション「map icons collection」

位置情報を取得できる環境も整ってきて、マップサービスもgoogleマップを初めユーザーの位置情報と連携、連動できるようにAPIなどもリリースされていて、位置情報を絡めたWEBサービスをリリースしている、リリースしたいと言う方も多いと思います。今日紹介するのはマッピングに便利に利用出来るフリーアイコンを多数紹介する「map icons collection」 です。

お店を表すアイコンだったり、動物などの生息地、行動など様々なマッピングで利用できそうなアイコンが配信されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:14  |  
Category: WebDesign   
2014年04月23日

是非ストックしておきたい フリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」

常に新しいデザインのものがリリースされるアイコン。主流のフラットデザインから、立体感のあるデザインまで、いろいろなタイプが登場しています。今回はそんなフリーアイコンセットまとめ「20 Fresh and Beautiful Icon Sets for Free」を紹介したいと思います。

icon140423_0
Dribbble – Outline Icons Part 3 by Adrian Goia

さまざまなデザインシーンで活用できる種類のアイコンが紹介されています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

クリスマスに使いたい!クリスマスをイメージさせる50種類のフリーアイコン「50 New Free Christmas Icons (Flat, Line, Linecolor)」

クリスマスが間近に迫り、街もホリデーイメージに染まってきました。そんなクリスマスシーズンにぴったりな、シンプルなアイコンセット「50 New Free Christmas Icons (Flat, Line, Linecolor)」を今回は紹介したいと思います。

50-new-free-christmas-icons
50 New Free Christmas Icons (Flat, Line, Linecolor) | Designbeep

クリスマス風のキュートなアイコンが50種類もセットになった大ボリュームな内容となっています。

詳しくは以下

(続きを読む…)

続きを読む
2011年07月05日

webデザインで使いやすいPhotoshopパーツ集「55 Brilliant Free Pixel Perfect PSDs」

webサイト制作に欠かせないボタンなどのUI素材。フリーで利用できるパーツ素材が多数発表されており、活用しているという方も多いと思います。そんな中今回紹介するのは、デザイン性が高く利用しやすいPhotoshop素材を集めた「55 Brilliant Free Pixel Perfect PSDs」です。


tutegate™ | Motion graphics and design blog » Neat sliders

ボタンセットからアイコンまで、さまざまな素材が紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:39  |  
Category: Design   
2010年10月17日

写真を効果的に見せるjQueryプラグイン集「7 Awesome JQuery Photo Plugins for Developers」

様々なサイトで利用されている高機能なjavascriptライブラリjQuery。扱いやすく多くのプラグインがでていることもあり、定番のライブラリとなっていますが、今日紹介するのはそのなかでも、写真を効果的に見せるjQueryプラグイン集「7 Awesome JQuery Photo Plugins for Developers」。


2.Thumbnails Navigation Gallery with JQueryDemo

CSSとjQueryを上手く使って、写真を効果的に見せることができるプラグインがあつめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:42  |  
Category: WebDesign   
2018年02月04日

幾何学的なデザインを簡単に生成できる素材セット「Neo Memphis Megaset」

80年代を思わせる、どこかレトロな幾何学的デザイン。今期も引き続き人気で、多くのデザインシーンで使用されています。そんな中今回紹介するのは、幾何学的なデザインを簡単に生成できる素材セット「Neo Memphis Megaset」です。

neo1

92種のベクターパーツとオリジナルの34種のポスターがセットになった、ネオンなビビットカラーもとても印象的な素材となっています。

詳しくは以下

(続きを読む…)

続きを読む
2013年07月12日

上質な雰囲気が演出できる ヴィンテージペーパーテクスチャセット「8 High-res, Vintage Paper Textures」

デザインをより良く彩ってくれるテクスチャはたくさんありますが、常に新しくクオリティの高いテクスチャはチェックしておきたいものです。そんな中今回紹介するのは、上質な雰囲気が演出できるヴィンテージペーパーテクスチャセット「8 High-res, Vintage Paper Textures」です。

dd_01

メモが書き込まれたような使い込まれた雰囲気や、シミがついたような種類など、リアルに使い込まれた雰囲気が演出できるビンテージ素材が8種類セットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:42  |  
Category: Design   
2008年08月19日

グラフィティフォントを集めた「12 Fantastically Free Graffiti Fonts」

以前「フリーフォント配布サイトのまとめ「Top 28 Free Font Directory Resource Sites」」という記事でも少し触れた8200ものフォントが収録されているフリーフォントポータルサイト「DaFont.com」今日はその中からグラフィティっぽいフォントだけを厳選して集めたエントリー「12 Fantastically Free Graffiti Fonts」を紹介したいと思います。


Writers Font

手書きのようなアナログ感とストリートアートを彷彿とさせるような勢いがあるフォントです。全部で12個のグラフィティフォントが紹介されていますが、今日は気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:24  |  
Category: Design , Font   
tag: Design Font
2009年09月06日

高層ビルなど都市を表現するベクターデータセット「7 High-Quality City Skyline Vectors」

大きさや色等を自由に設定でき様々なシーンに柔軟に対応できるため、制作する側に取ってはとても便利なベクターデータ。様々なベクター素材が世界中で公開されていますが、今日紹介するのは高層ビルなど都市を表現するベクターデータセット「7 High-Quality City Skyline Vectors」です。

cityvector01

上記のようなリアルな都市の風景のベクターデータがいくつか収録されています。基本的にはビル群となりますが、川沿いのモノだったり少しパースがかかっていたりと、様々な角度からの都市のベクターデータがセットになっています。収録されているデータは以下の通りです。

詳しくは以下

(続きを読む…)

続きを読む
posted 01:13  |  
Category: Design , vector   
tag: Design vector

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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