TOP  >  WEBデザイン

Tag : WEBデザイン

2017年03月22日

クリエイティブなマウスオーバーアニメーション「Stack Motion Hover Effects」

Webデザインに欠かせない様々なエフェクトやアニメーション。使い方次第でWebサイトを魅力的なものに仕上げてくれますが、今回紹介するのは、クリエイティブなマウスオーバーアニメーション「Stack Motion Hover Effects」です。

StackMotionHoverEffects_800x600

全部で30種類の立体的なマウスオーバーアニメーションがサンプルとして上がっており、サイトの雰囲気や印象に併せて選択することが可能です。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年02月12日

ダイナミックで洗練された検索ユーザーインターフェイスキット「Inspiration for Search UI Effects」

WEBサイトにおいて、探すインターフェイスは非常に重要で、初めて見るサイト・使い慣れたサイトでもともによく利用するものとなりますが、今回紹介するのはダイナミックで洗練された検索ユーザーインターフェイスキット「Inspiration for Search UI Effects」です。

SearchUIEffects_01

WEBサイトで利用できる様々なユーザーインターフェイスが全部で11まとめられています。全画面でダイナミックにアニメーションするものから。検索コマンドのように事例を見せるユニークなタイプのものまでがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:57  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2017年01月29日

先進的な印象を与えてくれるカラフルな幾何学パターンセット「Colorful Geometric Pattern」

WEBデザインは背景によって大きく印象が変わり、それだけにテクスチャや背景パターンの素材は数多くリリースされていますが、今回紹介するのは先進的な印象を与えてくれるカラフルな幾何学パターンセット「Colorful Geometric Pattern」です。

freebie01kika

全部で8枚の繰り返しで利用できるシームレスな背景パターンがまとめて配布されています。収録されているパターンについては下記からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:45  |  
Category: Design , vector   
このエントリーをはてなブックマークに追加
2017年01月23日

クリエイティブな管理画面のためのインスピレーション集「20 Inspirational Dashboard Designs」

CMSなどのシステムの管理やユーザーが自らの情報を操作・管理を行う、管理画面/ダッシュボード。基本的にフロントでは表示されないため、デザインに拘らない場合も多いのですが、今日紹介するのクリエイティブな管理画面のためのインスピレーション集「20 Inspirational Dashboard Designs」です。

01-insp
iPad Dashboard

管理画面/ダッシュボードのデザイン事例が全部で20集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2017年01月21日

2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」

1カラムのダイナミックなデザインが主流となって暫く経ちますが、WEBサイトの印象を決定づける要素の一つに背景があります。特にPCサイトでは大きな面積を占めることから非常に重要な要素ですが、今日はそんな背景デザインのアイデア集、2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」を紹介したいと思います。

haikei01
1. Geometry on Photos
幾何学的なデザインを写真に重ねる背景デザイン

2017年のトレンドとなりうる背景デザインが全部で5つ掲載されていましたので以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:30  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2017年01月19日

感情・ターゲットなど様々切り口から配色を提案してくれる配色ツール「Culrs」

デザインに置いて色は非常に重要な要素の一つで、その配色でデザイン全体のイメージが左右されるほど。それだけに配色というのは難しい決定頁の一つでもあります。今日紹介するのはそんな難しい配色の手助けをしてくれる、感情・ターゲットなど様々切り口から配色を提案してくれる配色ツール「Culrs 」です。

1

「Culrs」は左側のメニューからEmotions、Target Audience、Type of productsなど選択でき、そこからさらに細分化された項目での色彩パターンを提示してくれます。いくつか試してみましたので以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:30  |  
Category: WebService   
このエントリーをはてなブックマークに追加

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

2009年12月02日

WEBのクオリティを上げてくれるメッシュ表現「Create An Airforce Inspired Mesh Pattern Overlay」

WEBデザインについて細かな部分での作り込みがクオリティにつながってきたりしますが、今回紹介するのはWEB制作のクオリティーを上げてくれるphotoshopによるメッシュ表現のチュートリアル「Create An Airforce Inspired Mesh Pattern Overlay」を紹介したいと思います。

photoshop_tips_0

通常の画像にドットのメッシュのトーンをかけるというだけですが、その細かい描写は作り込みにつながるときがあります。チュートリアルは以下から

詳しくは以下

(続きを読む…)

続きを読む
posted 09:31  |  
Category: Design , Photoshop , WebDesign   
2010年01月19日

有料でもおかしくないハイクオリティーなwordpressテーマ集「43 Free WordPress Themes that Look Totally Premium」

国内外で非常に人気のあるCMSワードプレス。豊富なテーマもその魅力の一つです。今回紹介するのは有料でもおかしくないハイクオリティーなwordpressテーマを集めたエントリー「43 Free WordPress Themes that Look Totally Premium」です。

wpthemes_01
EcoMag – Advanced Magazine WordPress Theme for Freen Blogs | Toptut.com

シンプルなものから、作り込んだものまで、様々なwordpressのフリーテーマが集められています。今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:34  |  
Category: WebDesign , WordPress   
tag: 
2014年07月08日

デザインにアナログ感や立体感を与えられる ドロップシャドウフォントまとめ「22 Fresh And Free Drop Shadow Fonts」

オブジェクトやグラフィックなどに立体感を与えるために使用される処理・ドロップシャドウ。時には文字に利用することもあるのではないでしょうか?そんな中今回紹介するのは、あらかじめ影の処理が施されているフリーフォントまとめ「22 Fresh And Free Drop Shadow Fonts」です。

shodowfont0
DK Technojunk font by David Kerkhoff – FontSpace

影がついた状態で打ち込み可能なフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2010年07月18日

最近リリースされた使えるjQueryプラグイン集「29 Best And Useful jQuery Plugins Of June 2010」

非常に優秀なjavascriptライブラリjQuery、様々な表現を可能にしてくれる今やWEB制作では欠かせないライブラリの一つです。ライブラリ本体も便利なのですが、その魅力は数多くリリースされている様々なプラグインにも支えられています。今日紹介するのはjQueryの機能を生かした最近リリースされた使えるプラグインを集めたエントリー「29 Best And Useful jQuery Plugins Of June 2010」を紹介したいと思います。


dualSlider

カレンダー、マウスオーバー、メニュー、スライダーなどなど、様々な種類のプラグインがまとめられていました。今日はその中から幾つか気になったプラグインを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:01  |  
Category: WebDesign   
2007年10月16日

被ブックマーク数を表示+ランキング生成プラグイン「SBM Popular Entry」

はてなブックマークを始めポータル系を中心にソーシャルブックマークサービスが運営されていて、効果的に利用されている方は記事の周辺に下記のようなボタンを設置して、人気の目安だったり、ブックマークを促してアクセス数アップにと利用されていますが、今回はそんなーシャルブックマークボタンを簡単に設置してくれるプラグイン「SBM Popular Entry」の導入から利用方法までを紹介したいと思います。

こちらのプラグインは上記のようにブックマーク数を表示するだけでは無く、ブックマーク数を基準としたランキングも生成してくれて、コード一行追加するだけで表示できるようになっています。

ソーシャルブックマークボタンを設置してみたいけど面倒だ、またはソースをいじる自信が無いと言う方にはオススメのプラグインです。ちなみにWordpress2.3でも問題なく動作していますが、現在Yahoo!ブックマークで不具合が出ているようです。

導入方法は以下
(続きを読む…)

続きを読む
posted 11:23  |  
Category: plugin , WordPress   
2013年12月29日

ハイクオリティで目を引くテキスチャを集めた「25 Eye-catching High Quality Textures Pack」

デザインに質感を与えてくれるテクスチャ。制作素材としては利用しやすく使いやすいものですが、今回紹介するのはハイクオリティで目を引くテキスチャを集めたエントリー「25 Eye-catching High Quality Textures Pack」です。

stylishtextures4
Five Free Grey Grunge Textures

布系から金属、土や砂など、あらゆるテクスチャがまとめられています。今回はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:29  |  
Category: Design , Photoshop   
2014年04月18日

デザインをより魅力的に見せる クリエイティブなデザインフォント「18 New Free Fonts for Graphic Designers」

紙ものデザインでも、webデザインでも必ずといっていいほど使用するフォント。デザインに個性を持たせたい時には、フォント自体がデザインされているものを利用すると手軽にクリエイティブな雰囲気を表現することができます。今回はそんなシーンにおすすめのデザインフォント「18 New Free Fonts for Graphic Designers」を紹介したいと思います。

font140418_2
BUILDING | Free Typeface on Behance

シンプルなものから、グラフィック要素の強いものまで、18種のフォントがまとめられています。

詳しくは以下

(続きを読む…)

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

使い込まれたようなビンテージ感が楽しめるテクスチャまとめ「16 Free Vintage Paper Texture Packs」

デザイン制作に欠かすことのできないテクスチャ素材は、デザインの雰囲気に合わせてぴったりの一枚を選びたいものです。そんな中今回紹介するのが、使い込まれたようなビンテージ感が楽しめるテクスチャをまとめた「16 Free Vintage Paper Texture Packs」です。

dd_01
Paper Texture Pack – 9 papers by ~zigabooooo on deviantART

古びたペーパーテクスチャから、ノートやフレームのテクスチャなど、さまざまなビンテージ素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:38  |  
Category: Design   
2011年03月04日

アンティークな質感を演出する紙のテクスチャ素材集「New Collection of Must-Have Paper Textures」

紙素材特有のアンティークな質感は、photoshopなどのソフトだけで出すことは難しく、しばしばアナログ的な作業で作られているのではないでしょうか?そんな中今回紹介するのは、アンティークな質感を演出する紙のテクスチャ素材集「New Collection of Must-Have Paper Textures」です。


Memories Textures

オーソドックスな質感の紙から、かなり年季の入った状態やデザイン感を感じるテクスチャまで、あったらいいなと思う素材が満載。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:47  |  
Category: Design   
2011年09月11日

海外のEコマースサイトのデザイン事例集「38 Beautiful Ecommerce Websites」

国内でも非常に多くの、Eコマースサイトが展開されていますが、今日紹介するのは海外のデザイン的に素晴らしい、サイトデザインを集めたエントリー「38 Beautiful Ecommerce Websites」。


jolena

キッズからアパレル、インテリアなどなど様々な分野から事例が集められています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:43  |  
Category: Design , WebDesign   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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