TOP  >  webdesign

Tag : webdesign

2013年12月15日

2014年に消えていくであろうWebトレンド「Web Design Trends That Will Disappear in 2014」

リッチからフラットへとデザインのトレンドが変わってきているように、Webにおいても時代のトレンドや利便性の向上を目指して、新たなトレンドが生まれると共に古いトレンドが消えていく、そういった進化の道を歩んでいます。今回紹介するのは2014年のWebでは見なくなるであろう古いトレンドたち「Web Design Trends That Will Disappear in 2014」です。

wdttwdi_0

昔はよく見たけれど最近はあまり見かけなくなってきた、そんなトレンドたちが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

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

最近リリースされたjQueryプラグイン集「10 fresh and fantastic jQuery plugins」

スライドするメニューやスムーズなスクロールなど、Webサイトに変わった動きを取り入れたいけれどJavaScriptを一から書くのは時間がかかりすぎたり敷居が高かったりいった方は多いと思います。今回はそんな方達に向けてユニークな動きを簡単にプラスできるjQueryプラグインをまとめたエントリー「10 fresh and fantastic jQuery plugins」を紹介したいと思います。

10fafjp_0
any list scroller – jQuery scrolling plugin by musings.it to scroll any list with any content – musings.it web design and development

汎用性の高いスライドメニューや、スクロールバーを変化させるものなど、様々なプラグインが紹介されています。今回はその中でも気になったものをピックアップしましたので、下記よりご覧ください。

(続きを読む…)

続きを読む
posted 08:03  |  
Category: javascript , WebDesign   
このエントリーをはてなブックマークに追加
2013年11月21日

HTML5で構築されたレスポンシブなWebサイトテンプレート集「15 Free Responsive HTML5 Website Templates」

HTMLの新規格として話題を呼んでいるHTML5。2012年12月に仕様策定が完了し、ブラウザへの実装も着々と進んできていますが、日本ではブラウザの問題もありまだまだ一般とはいえない状態ですが、今日紹介するのはフリーで利用できるHTML5で作られたレスポンシブなWebサイトテンプレート集「15 Free Responsive HTML5 Website Templates」です。

15frhwt_0
Aqueous | HTML5 Templates

さまざまに創意工夫の凝らされたクリエイティブなテンプレートがいくつも用意されています。今回はその中でも気になったものをピックアップして紹介したいと思います。

(続きを読む…)

続きを読む
posted 09:00  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2013年08月15日

クリエイティブなリンクエフェクトを可能にするjavascript「CREATIVE LINK EFFECTS」

WEBの重要な要素の一つリンク。ユーザーが最も利用する機能であり、見せたいものを見せる、次のページに誘導したりそのクリエイティブには気を使わなければいけない部分でもあります。今日紹介するのはマウスオーバー時にクリエイティブなリンクエフェクトを可能にするjavascript「CREATIVE LINK EFFECTS」です。

CreativeLinkEffects1

いくつかのリンクエフェクトが準備されており、フォーカスがあたったり、下線がアニメーションとともについたり、反転したりなどなど面白い動きを簡単に実現してくれます。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:47  |  
Category: javascript , WebDesign   
このエントリーをはてなブックマークに追加
2013年05月05日

価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」

WEBサービスでよく見かける、サービスの形態ごとの価格表、そのプランで何ができるのか?いくら位の差があるのかというのを一瞬で見分けられるように整理されており便利でスタンダードなデザインですが、これがいざ作るとなるとなかなか難しく苦労したというデザイナーの方も多いのではないでしょうか?今日紹介するのは価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」です。


Spotify

全部で21もの価格表がまとめられたています。今日はその中から気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:43  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2012年11月24日

CSS3で実現するクリエイティブなローディングセット「CREATIVE CSS LOADING ANIMATIONS」

かなり様々な動きができるようになったCSS3。まだ対応していないブラウザは依然として市場に多いのですが、クリエイティブに特化したWEBなどでは非常に使い勝手が良いです。今日紹介するのは、CSS3で実現するクリエイティブなローディングセット「CREATIVE CSS LOADING ANIMATIONS」です。

いままでのCSSではgifアニメに頼らなくてはいけなかった部分が全てCSSのみで制作されています。

詳しくは以下

公開されているローディングは全部で4つ、どれもアニメーションが効いていて気持ちのいい動きをしてくれます。基本的には画像ファイルなどは一切利用しておらず。純粋にHTMLとCSSで書かれています。原文では、HTML側と、CSS側のソースが合わせて開示されており、コピーして利用することができます。

HTMLとCSSなのでノンプログラマーでも比較的カスタマイズしやすいのではないでしょうか?ローディング処理を探していた方は是非どうぞ。

Creative CSS Loading Animations | Codrops

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

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

2013年10月16日

新鮮で個性的な8つのフリーフォント「8 Fresh Free Fonts for your Designs」

いつものデザインにマンネリ気味、ひと味違った要素が欲しい。今回はそんな時に是非活用してほしい、8つの新しい個性的なフォント「8 Fresh Free Fonts for your Designs」を紹介したいと思います。

8freefont_0
Bouh Type font

どのフォントも特徴がありクオリティが高い、デザインに効果的にアクセントを付けることができそうなものばかりが集められています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

さまざまなテイストのマップテクスチャまとめ「A Collection of High Quality Map Texture」

デザイン素材として、さまざまなシーンで活躍するマップ素材。特にアンティークな雰囲気のデザインにはよく利用されているのを見かけます。そんなマップのテクスチャを集めた「A Collection of High Quality Map Texture」を今回は紹介したいと思います。


Map Texture by ~blacklotus06Stock on deviantART

さまざななテイストの、質感やマップの描写がそれぞれに特徴的なテクスチャが多数まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:12  |  
Category: Design   
2009年02月20日

光沢感のあるボタンの素材集「Glossy Buttons」

WEB上で最もポピュラーなインターフェイスのうちの一つボタン。様々なデザインでどんなサイトにでも大概使われていますが、今日紹介する「Glossy Buttons」はそんなボタンのなかでも光沢感のあるボタンの台の部分集めた素材集です。

glossy-buttons01

上記のように様々な種類のボタンが全部で20個収録されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:37  |  
Category: Design , Photoshop   
2009年12月17日

IE6、7、8をピクセル単位で見比べる事ができる「Microsoft Expression Web SuperPreview」

WEBデザイナーを最も悩ませるインターネットエクスプローラ。大きく時代をまたいでいますが、未だに各バージョンともシェアがあり、それぞれのバージョンで崩れなく表示させると言う事は、多くの場合必須であり、あまりのバグの多さに煩わしい事でもあります。今日紹介する「Microsoft Expression Web SuperPreview」はIE6/7/8でのWebサイトにおける見栄えの違いを比較・検証できるマイクロソフト製ソフトです。

microie67

こちらはWebオーサリングツール「Microsoft Expression Web」に同梱されているWebページ表示の互換性チェックツール「SuperPreview」の機能限定版とのことですが、Firefoxのチェック機能が省かれているだけなので、IEチェック用としては十分利用できます。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:05  |  
Category: Tool , WebDesign   
2008年07月24日

【FreeFont】期間限定公開のイラストフォント「AK-Churaumi」

7月3日〜31日までの期間翁をイメージした絵文字フォント「AK-Churaumi」。19日さらにバージョンアップして風鈴、蚊取りブタなど夏の風物詩が追加されたv1.2が公開されています。

追加収録されたイラストは全部で6点、“ビーチサンダル”“ブタの蚊取り線香台”“風鈴”“ウチワ”と“かき氷”2種が追加されていて夏には欠かせないものばかりが集められています。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:50  |  
Category: Design , Font   
tag: Design Font
2012年01月25日

フリーで利用できる種類の豊富な幾何学模様パターンまとめ「250+ Free Distinct Geometric Patterns」

デザインの質を高めてくれる背景パターンは、なるべく多くストックしておきたいもの。そんな中今回紹介するのが、フリーで利用できる種類の豊富な幾何学模様パターンをまとめた「250+ Free Distinct Geometric Patterns」です。


Free seamless patterns Green, Pink 70s |

シンプルなパターンからギミックの繊細なパターンまで、さまざまな幾何学模様パターンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:08  |  
Category: Design   
2009年02月19日

WEBデザイナーの為の美しいフリーフォント集「10 Beautiful and free fonts for web designers」

WEBデザインに限らずデザインにはフォントはとても重要で、特にタイトルや見出しなど注目を集める部分や集めたい場所によってはフォント選定にもセンスが問われます。今日紹介するのはWEBデザインに使えそうな10個のフォントを収録したフリーフォント集「10 Beautiful and free fonts for web designers」です。

fontfreewebd01
Take out the garbage

柔らか目なフォントから、洗練されたフォントまで様々なタイプのフォントが紹介されていますが、その中でも気になった物をいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:14  |  
Category: Design , Font   
tag: 
2011年10月14日

さまざまな毛並みが表現できるテクスチャ集「35 High Quality Free Fur Texture Sets」

デザインシーンに欠かせないさまざまなテクスチャ素材。デザインのコンセプトによって、多種多様なテクスチャの利用が求められます。そんな中今回紹介するのが、さまざまな毛並みを表現できるファーテクスチャを集めた「35 High Quality Free Fur Texture Sets」です。


Fur Texture pack 02 by ~kittytextures on deviantART

動物の毛並みのリアルなテクスチャから、繊維質のユニークなテクスチャまで、さまざまなテクスチャが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 08:31  |  
Category: Design   
2012年09月24日

アナログ感を表現できる手書き風フォントまとめ「A New Compilation of Free To Download Handwritten Font」

デザイン制作中に手書きの質感を求められる場面も多いと思いますが、個人で手書きの雰囲気を表現するとデザインに偏りが出やすいのが難点。そんな状況に活用したい、アナログ感を表現できる手書き風フォントをまとめた「A New Compilation of Free To Download Handwritten Font」を紹介します。


Janda Quirkygirl Font | dafont.com

筆記体のようなフォントからアナログ感を楽しめるフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:37  |  
Category: Design , Font   
2015年12月15日

webサイト・ブログ制作に活用したいpsdテンプレート10種「10 Fresh PSD Templates For Websites & Blogs」

webサイトを1から完成まで作り上げるのはとても大変なもの。そんな時テンプレートを利用することで、クオリティの高いデザインを即時に獲得することができます。そんな中今回紹介するのは、webサイト・ブログ制作に活用したいpsdテンプレート10種「10 Fresh PSD Templates For Websites & Blogs」です。

temp1215_4
Satu – Free PSD Template on Behance

デザイン性の高いテンプレートが10種、厳選されまとめられています。気に入ったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 03:22  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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