TOP  >  WEBデザイン

Tag : WEBデザイン

2010年08月29日

クオリティの高いフリーCSS、XHTMLテンプレート集2010「40+ Elegant Free CSS/(X)HTML Templates from 2010」

現在WEBデザインは基本的にはCSSとXHTMLで構築されている場合が多いと思います。今日紹介するのは主流であるクオリティの高いフリーCSS、XHTMLテンプレートを集めたエントリー「40+ Elegant Free CSS/(X)HTML Templates from 2010」を紹介したいと思います。


Acallia

テクスチャが効いたアナログ感があるものもから、洗練されたシンプルなものまで様々なテンプレートがまとめられています。今日はそのなかから気になったテンプレートを紹介したいと思います。

詳しくは以下

(さらに…)

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

WEBサイトに使えるシームレスなパターン素材集「200+ Seamless Patterns Perfect for Website Backgrounds」

WEBサイトでの印象を決定づける一つの大きな要素の一つ背景。色ベタ、テクスチャを使ったものなどサイトによって様々な背景が制作されていますが、今回紹介するのはWEBサイトに使えるシームレスなパータン素材を集めた「200+ Seamless Patterns Perfect for Website Backgrounds」。


Photoshop Stripe patterns (20 patterns)

紙や布などといった定番のテクスチャを表現したものから、個性的な表現のパターンまで背景に使えそうなパターンセットがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 02:05  |  
Category: WebDesign   
このエントリーをはてなブックマークに追加
2010年08月24日

最近リリースされたjQueryプラグイン集「50 Awesome New jQuery Plugins」

世界中で利用されているjavascriptライブラリjQuery。多機能で軽量。そして豊富なプラグインと制作者、開発者にとっては非常にありがたい存在です。今日紹介最近リリースされたjQueryプラグインを集めたエントリー「50 Awesome New jQuery Plugins」。


Transformie

様々なジャンルのプラグインが紹介されていますが、今日はそのなかから今までDesigndevelopで紹介した事が無い、プラグインを中心にいくつか紹介したいと思います。

詳しくは以下

(さらに…)

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

CSS3で実現する今までに無いWEBデザイン集「25 Amazing CSS3 Experimentations and Demos」

対応ブラウザも徐々に増えてきて、ますます注目を集めるCSS3。様々な可能性を持っています。CSS3独自の機能も多く、その分様々な利用方法が日々考えられ、デモが作成されていますが、今回はCSS3で実現する今までに無いWEBデザイン集「25 Amazing CSS3 Experimentations and Demos」というエントリーを紹介したいと思います。


Look Ma, No Flash!

上記の他にも様々なCSS3を利用したクリエイティブなWEBサイトが構築されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

便利で使えるCSS3マーカー「CSS3.0 Maker」

多くのWEB開発者が利用し始めているCSSの次の規格CSS3.0。今までCSSではできなかったことが多数実現できるように改良が加えられています。以前Designdevelopで「選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」 | DesignDevelop」という記事でリアルタイムにプレビュー、コードプレビューができるCSSジェネレーターを紹介しましたが、今回もCSS3特有の様々な処理を簡単に実現することができるCSS3メーカー「CSS3.0 Maker」を紹介したいと思います。

画面は非常にシンプルな作りでグローバルナビにCSS3の効果がメニューになっていてプレビューも数値の操作も、CSSのコードビューも一画面で利用出来るようになっています。

詳しくは以下

(さらに…)

続きを読む
posted 10:37  |  
Category: WebDesign , WebService   
このエントリーをはてなブックマークに追加
2010年08月20日

WEBデザイナー、開発者のためのjQueryプラグイン集「30 Useful Jquery Plugins For Developer & Designer」

世界中で利用されている高機能なライブラリjQuery。様々なプラグインが日夜リリースされていますが、今日紹介するのは制作に便利なプラグインを集めたWEBデザイナー、開発者のためのjQueryプラグイン集「30 Useful Jquery Plugins For Developer & Designer」です。


Exposure Jquery Plugin

ジャンルを問わず様々なプラグインが紹介されていますが、今日はその中でも便利だなと思ったプラグインをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

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

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

2013年03月31日

春のやわらかな風景を表現できるベクター素材「A Collection Of Free Spring Vectors For Designers」

春が訪れ、デザインの現場でも春らしさを表現するデザインが増えていると思います。そんな時に活用っできる、春のやわらかな風景を表現できるベクター素材「A Collection Of Free Spring Vectors For Designers」を今回は紹介したいと思います。


Colorful Spring – Vector Graphic by DryIcons

花や蝶蝶、植物など、暖かい季節にぴったりな素材がイラストレーションに表現された素材が収録されています。気になるものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:58  |  
Category: Design , vector   
2014年08月07日

最新でピックアップされたさまざまな種類の素材をまとめた「Top 50 Free Resources for Web Designers from July 2014」

デザイン制作にはたくさんの素材が必要であり、すべてを手作りしているとどうしても時間が必要になってしまいます。今回はそんな時に参考にしたい、最新でピックアップされたさまざまな種類の素材をまとめた「Top 50 Free Resources for Web Designers from July 2014」を紹介したいと思います。

free050807_1
Andrea Galanti | WebDesign

フォントやアイコン、UIやテクスチャといった、定番の素材をピックアップし紹介しています。

詳しくは以下

(さらに…)

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

手軽に稲妻を合成できるPhotoshopブラシまとめ「A Collection of Free Photoshop Lightning Brushes」

自然の織り成す風景の中でも特に撮影や表現が難しい稲妻は、画像ソフトでの合成が必須な素材。そんな中今回紹介するのが、手軽に稲妻を合成できるPhotoshopブラシをまとめた「A Collection of Free Photoshop Lightning Brushes」です。


Lightning Pack by ~Kida-Ookami on deviantART

光り方やラインの走り方など、テイストの異なるPhotoshopブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:54  |  
Category: Design , Photoshop   
2010年10月23日

シンプルなピクトグラム&シンボルフリーアイコン集「25 Free Pictogram and Symbols Sign Icon Sets」

WEBデザインにおいては非常に使える素材、アイコン。様々なアイコンが制作され、フリーアイコンもかなりの数、種類が世界中でリリースされていますが、今日紹介するのはシンプルなピクトグラム&シンボルフリーアイコン集「25 Free Pictogram and Symbols Sign Icon Sets」です。


DEFAULT iCON
License:Creative Commons Attribution-No Derivative Works 3.0

どんなWEBデザインでも使える汎用性の高いアイコンセットが全部で25セット紹介されています、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
2015年02月27日

デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」

デザインが進化するのに伴い、配布されているフリーフォントもどんどんと新しいものが公開され続けています。そんな中今回紹介するのは、デザイン性の高いフリーフォントの最新版まとめ「Collection of New & Free Fonts for February 2015」です。

freefont0227_1
ONE DAY – Free Font on Behance

新しいタイプの、主流のデザインにもマッチするフォントの数々が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

クリエイティブなパーツ素材を制作できる22のチュートリアル「22 Creative Buttons and Badges Tutorials」

毎回さまざまなデザインパーツや素材を紹介していますが、すでに出来上がったものばかりを利用していては、なかなか技術は向上しないもの。そこで今回は、0から制作技術を学びたいという方に向けて、クリエイティブなパーツ素材を制作できる22のチュートリアル「22 Creative Buttons and Badges Tutorials」を紹介したいと思います。

22cbabt_0
Create a Stylish Switch Button in Illustrator | Vectortuts+

Photoshop、Illustratorを中心に、さまざまなボタンの作り方が段階を追って丁寧に解説されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2008年10月22日

Ajaxによるフリーのコンタクトフォーム集「16 Free Ajax Contact Forms」

コンタクトフォームはサイトとユーザーを繋ぐための大切なもの、こだわりを持ってWEBを作るのであれば、コンタクトフォームにもこだわっていきたいところです。そこで今回紹介するのはAjaxで動作する小粋なフリーのコンタクトフォームを集めた「16 Free Ajax Contact Forms – For A Better User Experience」と言うエントリー。


LightForm/Demo

シンプル目な物から字数カウント、アニメーションなどAjaxを活かしたフォームが全部で16個紹介されています。今日はその中から個人的に気にあったコンタクトフォームをいくつか紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 07:55  |  
Category: WebDesign   
2014年06月19日

優れたデザイン性を持つフリーフォントまとめ「20 Excellent Yet Free Fonts For Designers」

フリーでダウンロード可能なのに、デザインが優れているフォントが多数配布されており、デザインに幅広く活用できるようになっています。そんな中今回紹介するのは、優れたデザイン性を持つフリーフォントまとめ「20 Excellent Yet Free Fonts For Designers」です。

font140619_1
Beautiful Fonts || Agus . by RadiantDay on deviantART

いろいろなテイストのデザインフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

フラットデザインの制作に活用したい PSD UIキット「15 Latest PSD Flat UI Kits for Designers」

現在主流のフラットデザイン。シンプルなデザインが特徴ですが、これまでに制作したことがない方にとっては、コツをつかむまでに時間を要することもあるのでは?今回はそんな制作シーンに活用したい、PSD UIキット「15 Latest PSD Flat UI Kits for Designers」を紹介したいと思います。

ui140322_1
EAMEJIA | Premium and free graphic design resources | Flat UI Kit PSD

フラットデザインテイストの、さまざまなwebデザインで利用できるUIがセットになって紹介されています。

詳しくは以下

ui140322_2

Free Spark Flat UI Kit | Vector Chameleon
エメラルドグリーンのカラーリングが特徴のUIキット。クリーンな印象のデザインにおすすめ。
 
 
 
 
 
ui140322_5

Robotic UI
フラットテイストの中にも、デザイン効果で立体感もところどころに取り入れたUIキット。デザインを印象的に仕上げたい時に。
 
 
 
 
 
ui140322_4

Flat User Interface Kit on Behance
4つのカラーパターンがまとめられています。デザインするベースカラーに合わせて使い分けることができるのでは。
 
 
まずはUIキットを使ってフラットデザインのイメージをつかみとり、さらにデザインに応用を加えてみるのも方法かもしれません。是非活用してみてください。

PSD Flat UI Kits Free Download | Design | Graphic Design Junction

続きを読む
posted 09:52  |  
Category: Design   
2017年11月25日

クリスマスムードを手軽に演出できる クリスマステーマのフリー素材まとめ「50 Free Christmas Templates & Resources for Designers」

12月と言えばクリスマス。一大イベントともあって、クリスマスのデザインを手がけている方も多いのでは?今回ご紹介するのは、そんなクリスマスのデザイナーの強い味方となってくれる、デザイナーのためのフリーのクリスマス素材をまとめた「50 Free Christmas Templates & Resources for Designers」です。

50-free-christmas-templates1
Digital Space: Premium and Free Resources for Designers and Coders – Free

クリスマスカードや可愛らしいクリスマスイラストなど、使える素材が50種類にも渡り紹介されています。さらにその中から、おすすめの素材を幾つかピックアップ致しましたのでご覧ください。

詳しくは以下
(さらに…)

続きを読む
posted 09:00  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る