表現力の豊かなPSDアイコンセットまとめ「40 Fresh And High Quality Free Icon Sets In PSD Format」

http://design-develop.net/design/40-fresh-and-high-quality-free-icon-sets-in-psd-format.html

 

デザイン制作に欠かせないアイコンですが、細かい部分までしっかりと表現しようと思うと制作に時間がかかるもの。そこで今回紹介するのが、PSD フォーマットで制作された、表現力の高いアイコンセットをまとめた「40 Fresh And High Quality Free Icon Sets In PSD Format」です。


Black tag | psdGraphics

イラスト感の可愛いアイコンや、立体感・リアリティのあるクオリティの高いアイコンが多数紹介されています。中でも気になったものといくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Olira icons by ~Ampeross on deviantART
正方形のボタンの中に収められたアイコンセットです。立体感のかっこよさの中に、可愛らしさも持ち合わせたアイコンだと思います。

Download Adobe Photoshop ? 15 shopping icons Free PSD and PNG (file 1494)
グリーンとオレンジのコントラストが可愛らしい、ECサイト用アイコンセットです。安心感のあるECサイトデザインを作り上げることができそうです。

25 World Flag Language Buttons | FREE PSD FILES
ころんとした立体感のある国旗のアイコンセット。固くなりがちなデザインにも、柔らかさをプラスできるのではないでしょうか?

幅広いデザインのアイコンが紹介されているので、どんなデザイン制作にもぴったりの1つを見つけられそうですね。PSD素材なので、カスタマイズできると いうのも嬉しいところ。他にもたくさんのアイコンが紹介されていましたので、下記原文も是非チェックしておくことをおすすめします。商法利用を検討されて いる方は、各サイトで利用規約の確認をお願いします。

40 Fresh And High Quality Free Icon Sets In PSD Format | Free and Useful Online Resources for Designers and Developers

WordPressで構築されたシーンごとに利用しやすいマガジンテーマ集「20 WordPress Magazine Themes for Technology & Gadget Sites」

http://design-develop.net/wordpress/20-wordpress-magazine-themes-for-technology-gadget-sites.html

 

ブログやFecebook、SNSなど、インターネットを利用したさまざまな情報発信手段が展開されていますが、情報にぴったり合った体裁に整える ことはなかなk難しく、オリジナリティのある情報発信の方法に悩んでいるという方も多いのではないでしょうか?そこで今回紹介するのが、 WordPressで構築されたシーンごとに利用しやすいマガジンテーマをまとめた「20 WordPress Magazine Themes for Technology & Gadget Sites」です。


Aggregate WordPress Theme | Elegant Themes

配信する内容ごとに選びやすい、WordPressテーマが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Boxie WordPress Theme by Designer Themes
背景にテクスチャを利用した、ポップなイメージのテーマです。メイン画像のスライダーによって、たくさんのコンテンツを紹介することができます。マガジンスタイルの情報発信にぴったり。

WordPress ? Goodnews ? Premium WordPress News/Magazine | ThemeForest
カスタマイズ可能なテーマです。オリジナリティの高いマガジンを配信したい方におすすめです。

Sleek ? Magazine + Blog Style WordPress Premium Theme by KreativeThemes
画像と文章を均等に表示できるテーマです。TOPページを見みるだけで、コンテンツ内容を把握させることができるので、興味を持ってもらいやすくなりそうです。

どのテーマも有料ですが30$〜50$くらいで購入することができるので、手軽にWEBサイトやWEBマガジンを始めることができるのではないでしょう か?情報配信のスタートに迷っている方は是非チェックしてみてください。他にもたくさんのテーマが紹介されていましたので、気になる方は下記原文もご覧く ださい。

WordPress Magazine Themes 2012

クオリティの高いフリーフォントまとめ「New High-Quality Free Fonts」

http://design-develop.net/design/font/new-high-quality-free-fonts.html

 

オリジナリティを追求したデザイン制作に欠かせないフリーフォント。クオリティの高さを追求し、さらにあまり利用されていないフォントを探すという のは大変な作業だと思います。そこで今回は、最近発表されたフリーフォントの中からクオリティの高いフォントを集めた「New High-Quality Free Fonts」を紹介したいと思います。


CASSANNET

シンプルなフォントから存在感の強いフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Nomed Font on the Behance Network
折り紙を折ったようなフォントです。読みやすさよりもインパクトを与えることに重点を置いたフォントですね。DIY系のデザインに利用してみてはいかがでしょうか?

Lost Type Co-op | Carton
アメリカンレトロなイメージのフォントです。雰囲気を感じさせたいデザインにぴったりだと思います。

HERO Free Font | Fontfabric™
ラインの細さと丸みが印象的なフォントです。スタイリッシュなデザインから、可愛らしいデザインまで、幅広いデザイン制作に利用できそうです。

デザインの印象を左右するフォント選びの幅を広げてくれるフォントばかりが紹介されています。新たなデザイン制作に利用してみてはいかがでしょうか。他に もたくさんのフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用を検討されている方は、各サイトで利用規約の 確認をお願いします。

New High-Quality Free Fonts (2012 Edition) ? Smashing Magazine

最近リリースされたフリーアイコンセット50選「50 (Really FRESH) High Quality and Free Icon Sets」

http://design-develop.net/design/free-icon-sets.html

 

WEB制作において、非常に便利な素材の一つアイコン。直感的に意味を示してくれる指標になったり、作りこまれたアイコンはそれだけでデザインのク オリティをアップさせてくれたりします。今日紹介するのは最近リリースされたフリーアイコンセット50セットまとめたエントリー「50 (Really FRESH) High Quality and Free Icon Sets」です。


3D Glossy Icon Set: 20 Free Icons

シンプルなものから、立体的なもの、一点物などなど様々なアイコンセットがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

 

Facebook & Twitter Icons ~ Cake style
フェイスブックやTwitterのアイコンをスィーツで表現したアイコンセット

facebook-twitter-icons-cake-style

Html5 icons
シンプルなアイコンと立体的なアイコンを双方をセットに

html5-icons

User icons
ユーザーアイコンセット色々。ユニークなものが多めです。

user-icons

上記の他にも様々なアイコンセットが公開されています。アイコンを探していたという方は、比較的新しいものが多いので、原文も是非ごらんください。

50 (Really FRESH) High Quality and Free Icon Sets | Free and Useful Online Resources for Designers and Developers

コミック調のラフなフォントまとめ「A Collection of High Quality Free Comic Fonts」

http://design-develop.net/design/font/a-collection-of-high-quality-free-comic-fonts.html

 

デザイン制作に欠かすことができないフォントにはさまざまな種類が存在しており、制作したいテイストに合わせた選定が非常に重要です。そんな中今回 紹介するのは、ラフなタイプのデザインに活用したい、コミック調のフォントまとめ「A Collection of High Quality Free Comic Fonts」です。


DK Harrumph font by David Kerkhoff ? FontSpace

海外のコミックなどで見かけるような、味わいのあるフォントがたくさんまとめられています。気になったものをいくつかピックアップしてみましたので以下よりご覧ください。

詳しくは以下

 

DK Porcupine Pickle font by David Kerkhoff ? FontSpace
サインペンで書いたような手描き感が特徴のフォント。かわいらしいテイストによく合いそうです。

KG Party on the Rooftop font by Kimberly Geswein ? FontSpace
立体的な加工が施されており、使うデザインによってイメージを変化させることができそうです。

Go Boom! font by mgl23 ? FontSpace
見本のビジュアルのように、手書きのラフさを活かしたデザインに是非利用してみたいですね。

他にも個性溢れるフォントが多数紹介されています。気になる方は以下リンクにてチェックしてみてください。

A Collection of High Quality Free Comic Fonts

2011年に人気の高かったテクスチャパックまとめ「Awesome Free Texture Packs from 2011」

http://design-develop.net/design/awesome-free-texture-packs-from-2011.html

 

今年も残すところあと4日。Designdevelopでは2011年も、さまざまなデザイン展開が楽しめるテクスチャを多数紹介してきました。そ んな中今回紹介するのは、2011年に人気の高かったテクスチャパックをまとめた「Awesome Free Texture Packs from 2011」です。


Geoff Muskett. Blog.

自然を感じられるものから、表現がユニークな素材まで、たくさんのテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

8 Free Original Hi-Res Old Brown Paper Textures | @designshard
色あせた質感のあるペーパーテクスチャです。アンティークなイメージのデザインやハンドメイド感のあるデザインに利用しやすいテクスチャですね。

Dezignus.com ? Blog Archive ? Download Free White Textures
羽や雪・布など、20種類ものテクスチャがセットになっているので、幅広いデザイン制作に活用することができそうです。

Free Denim Texture Pack of 13 | All Things Illustration and Design Resources ? SDWHaven
さまざまなデニム生地が揃ったテクスチャセットです。それぞれ趣きの異なる布目を楽しめるというのが嬉しいですね。

テクスチャの人気度は、今年の流行デザインを映し出しているようにも感じます。インスピレーションを受けるテクスチャを見つけた方は、是非利用してみては いかがでしょうか。他にもたくさんのテクスチャが紹介されていましたので、気になる方は原文もチェックしてみてください。商用利用を検討されている方は、 各サイトの利用規約をご確認ください。

Awesome Free Texture Packs from 2011

さまざまな表情が楽しめる木のテクスチャまとめ「25 Handy Wood Textures」

http://design-develop.net/design/25-handy-wood-textures-2.html

 

普段の生活の中でなかなか感じる機会の少なくなっている自然の雰囲気をデザインに取り入れることで、ユーザーにも自然の雰囲気を感じさせることがで きると思います。そんな中今回紹介するのが、さまざまな表情を持つ木のテクスチャを集めた「25 Handy Wood Textures」です。


Wood Textures ver 1 by ~artbees on deviantART

自然の雄大さを感じられるテクスチャから、CGで作られた人工的なテクスチャまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Old Wood Textures Pack 1 by *Pixeden on deviantART
年季の入った木のテクスチャセットです。そのまま素材として利用したり模様を抽出したりと、多用途に利用できるというのが嬉しいですね。アンティークな雰囲気のデザインにおすすめです。

Industry Graphics ? Wood Textures ? Graphic GFX Sources More Than You Need!
板間のようなテクスチャセットです。色を調整したりすることで、さまざまなテイストのデザインに利用できそう。合成用の素材としても使いやすいのではないでしょうか?

Radu Luchian ? Resource ? Charred Wood (texture Pack (…)
木の幹にクローズアップしたテクスチャセットです。ハードなデザインにおすすめです。

デザインに合わせてテクスチャを気軽に選べるというのが嬉しいですね。他にもたさくんの素材が紹介されていましたので、気になる方は是非原文もチェックしてみてください。

25 Useful Wood Texture Packs

2011年に発表されたクオリティの高いフリーフォントまとめ「50 Fresh and Beautiful Free Fonts from 2011」

http://design-develop.net/design/50-fresh-and-beautiful-free-fonts-from-2011.html

 

デザイン感を決定する重要な位置づけにあるフォントですが、個性と伝わりやすさを兼ね備えたフォント選びはなかなか難しいもの。そこで今回紹介する のが、2011年に発表されたフリーフォントの中でも、クオリティの高さに定評のあるフォントばかりを集めた「50 Fresh and Beautiful Free Fonts from 2011」です。


Yore Font by ~Pilastrum on deviantART

デザイン性の高いフォントから、シンプルなフォントまでさまざまなフォントが紹介されています。中でも気になったものをいくつかピックアックしましたので、下記よりご覧ください。

詳しくは以下

 

Lost Type Co-op | Ranger
若干バランスを崩すことで、可愛らしさのあるデザインに仕上がっています。どこかレトロなテイストも感じられます。

Lost Type Co-op | Ministry
アンティークな数字を再現できるフォントです。数字だけの展開になりますが、レトロな雰囲気のデザインにぴったり。

■曲線と直線のコントラストが美しいデザインフォントです。スタイリッシュな中にも優しさのあるイメージを演出できそうです。

デザイン性の高いフォントばかりが紹介されているので、見ているだけでも新たなデザインへのインスピレーションを刺激されそうです。他にもたくさんのフォ ントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用を検討されている方は、各サイトで利用規約の確認をお願いしま す。

50 Fresh and Beautiful Free Fonts from 2011 ? DesignModo

2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」

http://design-develop.net/web-design/js_2011.html

 

WEB制作の現場で利用されているjQuery。非常に軽量かつ、高機能なjavascriptライブラリで、世界中で様々なプラグインがリリース されていますが、今日紹介するのは2011年にリリースされた、使えるjQueryプラグインをまとめたエントリー「The 50 Most Useful jQuery Plugins from 2011」です。


Response Javascript

全部で50ものプラグインがまとめられていますが、今日はその中から特に気になったものを紹介したいと思います。

詳しくは以下

 

Minimit
様々な動きが実現できるjQueryギャラリープラグイン。

22-minimit

Overscroll
スマートフォンやタブレットの操作感をWEBで実現するためのjQueryプラグイン

30-overscroll

jFontSize
jQueryでフォントサイズを変えてくれるjQueryプラグイン

37-jfontsize

上記の他にも、様々なjQueryプラグインが紹介されています。WEB制作でjQueryを良く利用するという方は是非どうぞ。

The 50 Most Useful jQuery Plugins from 2011

木、紙、グランジ、様々なジャンルにまたがったテクスチャまとめ「20+ Free Textures for your Delight」

http://design-develop.net/design/texter.html

 

WEBデザインの印象を大きく変えることができるテクスチャ素材。使い方と、選ぶテクスチャでデザインをコントロールすることができます。今日紹介 するのは木、紙、グランジ、様々なジャンルにまたがったテクスチャまとめ「20+ Free Textures for your Delight」です。

texture13-261521555
Wood

全部で20以上のテクスチャがまとめられていますが、今日はその中から幾つか気になったテクスチャ素材をピックアップして紹介したいと思います。

詳しくは以下

 

green
スタンダードな芝生の素材。プレーンな感じなので、どんなデザインでも合いそうなテクスチャですね。

644993

denim
色々な目のジーンズ生地のテクスチャパック。

Denim-Textures-127103766

grande
色味がシックで鮮やかな、壁面の素材。グランジ感も出ているテクスチャです。

random-texture-63799151

上記の他にも様々なテクスチャがまとめられています。テクスチャをお探しの方は是非ご覧ください。配布元はそれぞれのテクスチャでバラバラなので、利用規約については配布元でご確認お願いいたします。

20+ Free Textures for your Delight | Freebies

子ども向けのデザインにぴったりなフォント集「35 Free Kid Fonts Themed to Download」

http://design-develop.net/design/35-free-kid-fonts-themed-to-download.html

 

独特な世界観のある子ども向けのデザインは、可愛らしく楽しめるような細部にわたる演出が重要です。そこで今回紹介するのが、子ども向けのデザインに使いやすいフォントばかりを集めた「35 Free Kid Fonts Themed to Download」です。

装飾がユニークなフォントから、手書き風の可愛らしいフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

101! Alpha Pikture ‘Bet font
それぞれのアルファベットを頭文字に使っているアイテムが、手書きのイラストで描かれたフォントです。

Gretoon Font | dafont.com
ジェリービーンズのようなポップな雰囲気を演出できるフォントです。色の使い方によって、さまざまな表情を見せてくれそうですね。

Gretoon
いろいろな紙をコラージュしたようなフォントです。子どもらしい無邪気なランダムさを手軽に演出できるのではないでしょうか?

子どもの世界観を大切にするフォントばかりが紹介されています。安心感のあるフォントを手軽に利用できるというのが嬉しいですね。他にもたくさんのフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。

35 Free Kid Fonts Themed to Download

デザイン性の高いイベント告知サイトまとめ「32 Nice Event Websites」

http://designm.ag/design/32-nice-event-websites/

 

企業やショップなどを紹介する常設のサイトと、スペシャルコンテンツ・イベントなど短期間のみ利用するサイトと、webサイトにはまったく主旨の異 なる2タイプのジャンルが存在しています。そんな中から今回紹介するのは、イベント告知用に設置された趣向性の強いデザインをまとめた「32 Nice Event Websites」です。


Full Frontal 2011- JavaScript Conference

イベント内容を単刀直入に伝えるデザインから、イベントの雰囲気をイメージ的に伝えるデザインまで、さまざまなテイストのwebサイトが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

VW Buses, Beers, & Volkswagen Enthusiasts | Buses at the Brewery
フォルクスワーゲンバスユーザーの集いのためのイベント告知サイトです。ワーゲンバスをモチーフに制作されたFacebookのリンクボタンなど、至る所にワーゲンバスをあしらった演出が、ユーザーのモチベーションをアップさせてくれそうです。

Social Marketers Summit Praha 2011
プラハで開催されたソーシャルマーケティングサミット2011のための告知サイトです。写真を利用して表現されたタイムスケジュールがユニーク。新しい何かが起こりそうな、期待感を感じさせてくれるデザインですね。

Cypress Hills Eco-Adventures
アドベンチャーツアー用の告知サイトです。背景テクスチャに樹の幹を使用することで、サイトにアクセスした瞬間からアドベンチャーが始まるような、ワクワク感を感じられます。茶色とグリーンのコントラストが美しい自然の趣きを活かしたデザインだと思います。

イベントの特性を直感的に感じられるデザインばかりが紹介されています。イベントに参加するユーザーの気持ちを高めるデザインのあり方を、改めて感じられ るのではないでしょうか?他にもたくさんのサイトが紹介されていますので、気になる方は是非原文もチェックしてみてください。

32 Nice Event Websites ? DesignM.ag

Flashを利用したクオリティの高いwebテンプレートまとめ「30 Free High-Quality Flash Web Templates」

http://design-develop.net/web-design/30-free-high-quality-flash-web-templates.html

 

Flashを利用したwebページは、スペシャルコンテンツなど複雑な表現やアニメーションを利用したwebページ制作に良く利用されていますが、 制作には手間と時間が掛かります。そこで今回は、手軽に利用できるFlashを利用したwebサイトのテンプレートを集めた「30 Free High-Quality Flash Web Templates」を紹介したいと思います。


flashmo 249 mega grid ? Free Flash Template

動きのあるユニークなサイトを制作できるテンプレートが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

flashmo 248 clean gallery ? Free Flash Template
ページの切り替えの動きが特徴的なテンプレートです。作品発表やポートフォリオサイトとして利用しやすいと思います。

flashmo 232 spread gallery ? Free Flash Template
画像の位置を自由に動かしたり、拡大表示できるテンプレートです。このまま利用するのはもちろん、このシステムを新しいゲームやイベントに利用することもできるのではないでしょうか?

flashmo 134 design ? Free Flash Template
通常のwebページへの活用例となるテンプレートです。Flashを利用することで、ユーザーに動きのある演出を楽しんでもらえるというのが嬉しいですね。

webサイトをダイナミックに感じられるテンプレートばかりなので、web制作の幅を広げることができそうです。テンプレートをこのまま利用するの はもちろん、ソフトの使い方を学ぶのにも役立つのではないでしょうか?他にもたくさんのテンプレートが紹介されていましたので、気になる方は是非原文も チェックしてみてください。

30 Free High-Quality Flash Web Templates | Web Design Core

153個のピクトグラムライクなシンプルなフリーアイコンセット「Icons8」

http://design-develop.net/design/icons8.html

 

WEB制作には欠かすことができない、アイコン。デザインのクオリティアップ。ユーザーインターフェースの向上など、様々な効果を与えてくれます。今日紹介するのは、シンプルでピクトグラムライクなフリーアイコンセット「Icons8」です。

収録されているアイコンは全部で153個「KITCHHEN Set 」、「Coins」「Transport Set」などなどジャンルを問わず収められています。収録されているアイコンがまとめられていますのでWEB制作だけにはとどまらない使い方ができそうです。

詳しくは以下

シンプルながらも的確に表現されていて、アイコンとしての完成度は高く、その種類の豊富さから使い勝手も良さそうです。

アイコンのライセンスは、Creative Commons ? Attribution 3.0 Unported ? CC BY 3.0となっており、商用、非商用に関わらず、ライセンスの範囲内で、利用することができます。

Icons8 | Order Icons for Windows 8 for Free

250種類以上のアイコンが一括ダウンロードできる「Free Icon Set For Web Designers: Aroma (250+ PNG Icons)」

http://design-develop.net/design/free-icon-set-for-web-designers-aroma-250-png-icons.html

 

webサイト制作の必須アイテムとなっているアイコンは、フリーで公開されている作品も多いですが、テイストを合わせたアイコンを自分でそろえる必 要があります。そんな中今回は、250種類以上のアイコンをセットにした「Free Icon Set For Web Designers: Aroma (250+ PNG Icons)」を紹介したいと思います。

web制作に利用しやすいアイコンが豊富に展開された、webデザイナーに嬉しいセットとなっています。

詳しくは以下

 

幅広いデザインに対応できるクオリティとデザイン性を兼ね備えており、一般的な定番のアイコンはもちろん、缶ジュースやサングラスといった、ユニー クなアイコンも豊富にセットされているというのが嬉しい。全てのデータは24px×24pxのPNGデータで収録されており、weデザイナーの強い味方に なってくれそうです。このようなアイコンセットを一つ持っておけば、デザイン制作の時間をお幅に短縮することができるのではないでしょうか?ダウンロード しておいて、決して損はない素材だと思いますので、気になる方は是非チェックしてみてください。商用利用を検討されている方は、サイトにて利用規約のご確 認をお願いします。

Free Icon Set For Web Designers: Aroma (250+ PNG Icons) ? Smashing Magazine

Fireworksで製作したボタンが無料でダウンロードできる「THE DAILY BUTTON」

http://design-develop.net/design/fireworks.html

 

WEBの制作には様々なツールやソフトウェアがありますが、そのなかでも多くのWEBデザイナーが利用している、Fireworks。WEB制作に 特化したグラフィックソフトの一つです。今日紹介するのはそんなFireworksで製作された制作データを素材としてダウンロードできる「THE DAILY BUTTON」です。

ボタンに絞って、様々なボタンが公開されています。公開されているものの中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

 

db054

db053

db064

上記の他にも現在68この多種多様なボタンが公開されています。Fireworksを普段利用している方は、非常に役立つサイトだと思います。素材 としてだけではなく、制作データで公開されていますので、作り方を学びたい人にも役立ちそうです。WEB制作をfireworksで行っている方は是非ど うぞ。

The Daily Button

画像やイメージの魅せ方にこだわれるWordPressプラグインまとめ「12 Best Photo and Image WordPress Plugins」

http://design-develop.net/wordpress/12-best-photo-and-image-wordpress-plugins.html

 

さまざまなプラグインを利用して、手軽にオリジナリティの高いサイトを構築できるWordPress。今回は、数あるWordPressのプラグイ ンの中から、画像やイメージの魅せ方に優れたプラグインをまとめた「12 Best Photo and Image WordPress Plugins」を紹介したいと思います。


WordPress ? Featured Content Gallery ? WordPress Plugins

シンプルなスライドはもちろん、ユニークな動きを演出できるプラグインが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

WordPress ? DM Albums ? WordPress Plugins
サムネールスライダーと大画面でたくさんの画像を閲覧できるプラグインです。ポートフォリオや画像展覧用のサイトにぴったりです。

WordPress ? Shadowbox JS ? WordPress Plugins
シャドウボックスを表示できるJSを利用したプラグインです。ECサイトなど、画像数の多いサイトで使いやすいプラグインだと思います。

WordPress ? Dynamic Content Gallery ? WordPress Plugins
画面内に説明文を表示できるプラグインです。テキストが画像内に表示されても、画像を最大限大きく見せられるというのが嬉しいですね。

画像の魅せ方にこだわることで、ユーザーがサイト内に滞在する時間を長く保つこともできるようになるかもしれません。他にもたくさんのプラグインが紹介されていましたので、サイトのクオリティを手軽にアップさせたいとお思いの方は、是非原文もチェックしてみてください。

12 Best Photo and Image WordPress Plugins | Web Design Core

個性的なフリー手書き文字フォントまとめ「25 Excellent Free Handwritten Fonts」

http://design-develop.net/design/font/25-excellent-free-handwritten-fonts.html

 

柔らかで温かみのある雰囲気の手書き文字フォントの需要は高く、さまざまなタイプが発表されています。そんな中から今回は、個性的な手書き文字フォントを集めた「25 Excellent Free Handwritten Fonts」を紹介したいと思います。


Gourdie Handwriting Font | dafont.com

筆で書いたような文字から男性的な文字まで、さまざまな手書き文字フォントが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Hand of Sean Font | dafont.com
サインペンで書かれた癖のある手書きフォントです。肩肘張らないラフな雰囲気のデザインにぴったりですね。

Angelina Font | dafont.com
丸みのある細身の手書きフォント。女の子の手書きメモのような雰囲気を演出できるのではないでしょうか?

Note this! Font | dafont.com
ラフな雰囲気の中にも、さらにカジュアルな印象を持たせたい時に使用したいフォントです。

個性的な手書き文字を利用することで、他のwebサイトにはないオリジナリティのあるデザインを展開することができそうです。他にもたくさんのフォントが 紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用を検討されている方は、各サイトで利用規約をご確認ください。

25 Excellent Free Handwritten Fonts

デザイナーに必須のフリーフォント集「20 High Quality Free Fonts Every Designer Should Own」

http://design-develop.net/design/20-high-quality-free-fonts-every-designer-should-own.html

 

フリーで配布されているフォントでも、クオリティーが高く使いやすいフォントは多数存在しています。そんな中今回紹介する「20 High Quality Free Fonts Every Designer Should Own」は、普段のデザイン制作に是非取り入れてみたいフリーフォント集です。


The League of Moveable Type ? Sorts Mill Goudy

基本ベースはシンプルですが、少し遊び心が詰まったフォントが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Lost Type Co-op | ONRAMP
角と角丸を効果的に利用したフォントです。ゴシック体のかっちりしたイメージの中にも、優しい印象を併せ持つフォントだと思います。ロゴ制作などにも役立つのでは。

The League of Moveable Type ? League Gothic
縦長のゴシックフォントです。しっかりと主張できる力強さを持っています。

Font Squirrel | Free Font Playfair Display by Claus Eggers Sørensen
シンプルなセリフフォントです。女性向けのデザインや高級感溢れるデザインなど、エレガントなイメージのデザインにぴったりですね。

フリーフォント特有のちょっとした遊び心が、デザインのオリジナリティを高めてくれそうですね。他にもたくさんのフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用を検討されている方は、各サイトで利用規約をご確認ください。

20 High Quality Free Fonts Every Designer Should Own

デザイン性の高い新しいフリーフォント集「30 New Free Fonts For Designers」

http://design-develop.net/design/30-new-free-fonts-for-designers.html

 

日々変化する流行に合わせてデザインを作り上げるということは、デザイナーとして仕事を続けていくために重要なこと。そこで今回紹介するのが、最近 の流行に合わせたデザイン性の高いフリーフォントを集めた「30 New Free Fonts For Designers」です。

Bright Young Things Font | dafont.com

シンプルなフォントはもちろん、コンセプト性の強いフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Font Squirrel | Free Font Cowboy Hippie Pro by CheapProFonts
角丸と直角で構成されたフォントです。個性の強いフォンをですが、キュートなイメージのデザインに利用してみてはいかがでしょうか?

The Kabel Font, free on the Behance Network
パイプや蛍光管のようなイメージを表現できるフォントです。フォントカラーの調整や装飾をプラスすることで、手軽にオリジナリティーの高いフォントデザインを作り上げることができそうです。

FONTS of CHAOS ? Bond is Dead
円の集合で表現されたフォントです。デジタル感の中にも丸みのある優しい印象を持たせるられると思います。

独特の雰囲気を持ったフォントばかりが紹介されているので、デザインの幅を広げるのはもちろん、フォントから新たなインスピレーションを受けることもでき そうです。他にもたくさんのフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用を検討されている方は、各サイ トで利用規約の確認をお願いします。

30 New Free Fonts For Designers

ハロウィンのデザインにぴったりなホラーフォント集「35 Free Creepy Halloween Fonts」

http://design-develop.net/design/35-free-creepy-halloween-fonts.html

 

10月31日はハロウィン。日本のお盆のような意味合いがある”万聖節”の前夜祭として楽しまれており、精霊や魔女が出てくると信じられていたこと から、お化けやコウモリなどちょっとオドロオドロしいイメージが定着しています。そこで今回紹介するのが、ハロウィンのデザインにも活用できる、ホラーな イメージにぴったりなフォントを集めた「35 Free Creepy Halloween Fonts」です。


Gypsy Curse font by Sinister Fonts ? FontSpace

不気味な中にも可愛らしさのあるフォントや、手書き感のあるフォントなど、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

A dripping marker font by wickhop ? FontSpace
液体の流れ落ちる感じが表現されたフォントです。袋文字にするなどのアレンジを加えることで、さまざま表情が楽しめそうです。

Unquiet Spirits Font | dafont.com
刺々しさのあるフォントです。ホラー映画のような、世界観のあるデザインにぴったりですね。

Solstice Of Suffering Font | dafont.com
手書きのポップなフォントデザインに、血のりのような雰囲気がプラスされているので、独特な世界観を表現できそう。

ホラーな表現といっても、可愛らしさを感じるフォントからリアリティのあるフォントまで、幅広いデザインのフォントが紹介されているというのが嬉しいです ね。他にもたくさんのフォントが紹介されていましたので、デザインイメージにぴったりのフォントを探したいとお思いの方は、是非原文もチェックしてみてく ださい。

35 Free Creepy Halloween Fonts

最近リリースされたクリエイティブなフォントをまとめた「8 Fresh Free Fonts for Your Designs」

http://design-develop.net/design/8-fresh-free-fonts-for-your-designs.html

 

デザインには欠かすことができないフォント。フォントの選び方でデザインはガラリと雰囲気を変えます。今日紹介するのは最近リリースされたクリエイ ティブなフリーフォントをまとめたエントリー「8 Fresh Free Fonts for Your Designs」です。


Bohema

スタンダードなというよりも比較的個性的な、クリエイティブ性の高いフォントが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

 

Homestead
テクスチャが入ったフォント。レトロ感のなかに新しさを感じます。

font

Ribbon
リボンをイメージしたフォント。個性的ではありますが、主張しすぎず色々なデザインに合いそうなフォントです。

2305088

RBNo2
縦長のシンプルなフォント。見出しから本文まで幅広く利用できそうなフォントです。

rbno2-free-font

上記の他にもクリエイティブなフォントが紹介されています。デザインにアクセントを付けたい、新しいフォントを探しているという方は是非原文もご覧ください。

8 Fresh Free Fonts for Your Designs

幾何学的な模様を形に取り入れたフリーサンセリフフォントコレクション「Font Collection: 10 Free Geometric Sans-Serif Fonts」

http://design-develop.net/design/10-free-geometric-sans-serif-fonts.html

 

タイトルや見出しに良く利用するサンセリフフォント。便利なフリーフォントもたくさん発表されています。そんな中今回は、幾何学的な模様を形に取り 入れたサンセリフフォントをばかりを集めた「Font Collection: 10 Free Geometric Sans-Serif Fonts」を紹介したいと思います。


Arcus ? Desktop font ? MyFonts

丸みの強いデザインをはじめ、ユニークな形のフォントが多数紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Lost Type Co-op | Habana
直線と曲線が上手く融合したサンセリフフォントです。きちんとした印象の中にも遊び心が感じられます。

26+ ? Acid
アルファベットの曲線部分に角を付けたユニークなフォントです。子ども向けのデザインにも使いやすそうです。

Giro™ ? Webfont & Desktop font ? MyFonts
円をベースに、各アルファベットにあわせて形がデフォルメされたサンセリフフォントです。装飾的に利用するのはもちろん、個性的なロゴデザインの参考としても使いやすいのでは?

デザインに動きを付けることができるフォントばかりが紹介されているため、手軽にデザインの幅を広げることができそうです。他にもたくさんのサンセリフフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。

Font Collection: 10 Free Geometric Sans-Serif Fonts

デザイン性の高いクリエイティブな見出しフリーフォント集

http://design-develop.net/design/free-font-design.html

 

デザインを決定づける大きな要因の一つフォント。見出し一つで印象がガラリと変わるため、それだけにフォントの入れ方、選び方というのはデザイナー のセンスの見せどころでもあります。それだけに多くのクリエイティブなフォントを知っておきたいところ。今日紹介するのはそんなデザイナーの武器の一つで あるデザイン性の高いクリエイティブな見出しフリーフォントを集めたエントリー「20 Free Fonts For Beautiful Headline Typography」を紹介したいと思います。

a
Weston

見出しに使えそうなキレイめでなおかつ個性があるフォントが集められています。今日はその中から幾つか気になるものをピックアップして紹介したいと思います。

詳しくは以下

Roscoe™
丸いPOPな書体が印象的なフォント。カワイイけど洗練されています。。

Roscoe%E2%84%A2-font-on-the-Behance-Network_1314183689393-428x287

Big Noodle Titling
長方形で型どられた、カチッとした書体。

noodle

Telegrafico
正方形に近い、正統派のゴシックフォント。視認性も高く見出しには最適の書体です。

telegrafico_by_ficod

上記の他にも様々なフリーフォントが紹介されています。気になる方は是非原文もご覧ください。ライセンスは各々のフォントでことなりますので商用利用をお考えの方は配布元でご確認ください。

20 Free Fonts For Beautiful Headline Typography | Design Woop | The Web Design and Development Blog

中抜き文字が手軽に表現できるフリーアウトラインフォント集「Free Outlined Fonts」

http://design-develop.net/design/free-outlined-fonts.html

 

独特な表現も数多く展開されているフリーフォントは、一般の方からプロデザイナーまで幅広く支持されています。そんな中今回紹介するのが、さまざまなテイストのアウトラインフォントを集めた「Free Outlined Fonts」です。


ARISE logo フォント

ポップなテイストから、SF系なテイストまで、デザインの幅が広がるアウトラインフォントが豊富に紹介されてます。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Strokewith フォント
手書きで表現された3Dテイストのアウトラインフォントです。ポップな雑貨や漫画など、楽しいイメージのデザインにぴったり。

Omega-3 3D フォント
未来的なイメージのアウトラインフォントです。アウトラインにすることで、ハードなイメージの中にも、温かみを感じられるフォントではないでしょうか?

Blocked Regular フォント
ピクセルアートを利用したアウトラインフォントです。昔のテレビゲームのようなテイストを手軽に表現することができそうです。

フォントをアウトラインに変えるだけで、可愛らしさをプラスしたポップなテイストの表現が広がりますね。他にも個性豊かなアウトラインフォントが豊富に紹 介されてるので、デザインの幅を広げたい方は、是非原文もチェックしてみてください。商用利用を検討されている方は、各ページで利用規約をご確認くださ い。

Free Outlined Fonts | Cruzine

タイトルに使いやすいフォント集「Best Fonts for Titles and Headlines」

http://design-develop.net/design/best-fonts-for-titles-and-headlines.html

 

コンテンツに注目を集めるために重要なタイトルをデザインする際には、フォントにも是非こだわりたいもの。そこで今回紹介するのが、タイトルに利用しやすいフォントを集めた「Best Fonts for Titles and Headlines」です。


SF Movie Poster Font | dafont.com

デザイン性の高いフォントはもちろん、シンプルな中にも存在感のあるフォントが豊富に紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Ingrata Font | dafont.com
ゴシック体に丸みを持たせた、可愛らしさを感じるフォントです。子ども向けのデザインにぴったり。

Ethon Font | dafont.com
細ゴシック体ですが、存在感のあるフォントです。シンプルなテイストのデザインに使いやすいのではないでしょうか?

Old Republic Font | dafont.com
大文字だけで構成されたフォントです。小文字も大文字のアルファベットで表現することで、普段の見た目とイメージが変わり、存在感を与えることができそうです。

デザイン性の高いフォントがたくさん紹介されているので、ロゴ制作の際のデザインアイデアとして利用することもできそうです。他にもたくさんのフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。

Best Fonts for Titles and Headlines ? DesignModo

手書きの矢印のフリーベクターデータセット「HANDDRAWN VECTORS」

http://design-develop.net/web/handdrawn.html

 

矢印というのはとても便利なもので。ポジティブな印象を与えたり、注目させたり、ステップを踏ませたりと向きや使い方次第で様々な印象を与えることができますが、今日紹介するのは手書きの矢印のフリーベクターデータセット「HANDDRAWN VECTORS」です。

ラフなものから、サインペンでかいたものまで幅広く、全部で120もの矢印が収録されています。

詳しくは以下

 

arrowpreview

WEBでは最近ソーシャルメディアを初め、数多くの要素があり、どんどんと増えてきていますので、矢印などで最も伝えたい内容を見せるというのは有効的な手法だと思います。

矢印の素材はベクターデータで書かれていますので、色を変えたり、カスタマイズしたりと自由自在に扱うことができますので、デザインに併せて利用することができそう。WEBや紙といった境界にとらわれず、様々なデザインに使えそうなデザイン素材です。

think design ? Graphic Design Freebies ? 120+ Handdrawn Vector Arrows | Think Design

フリーで利用できる650個以上のepsシンプルアイコンセット「defaulticon」

http://design-develop.net/design/defaulticon.html

 

 

WEBデザインにおいて便利な素材アイコン。アイコン自体のテイストにもよりますが、汎用性が高く、比較的どんなデザインでも活躍してくれます。今回紹介するのはフリーで利用できる650個以上のシンプルアイコンセット「defaulticon」です。

非常にシンプルなアイコンですが使い勝手がよく、使いやすいアイコンセット。全部で650以上のアイコンが公開されています。

詳しくは以下

d-icon2

データは16×16、32×32、48×48、64×64の、128 × 128、256 × 256のpngデータと編集可能なepsとなっていて、epsで配布されていますので、自由にカスタマイズ可能です。

このアイコンのライセンスは「Creative Commons Attribution-No Derivative Works 3.0 」となっていて、ライセンスに則った形であれば商用、非商用問わず無料で利用でき、WEBから、紙媒体などなど様々なものに利用することが可能です。詳しいライセンスについてはサイト下部に明記してありましたので、ご利用されるかたはご確認ください。

www.defaulticon.com

最近公開された新しいフリーアイコンセット集「30 Fresh and Free Icon Sets for Designers and Developers」

http://design-develop.net/design/30-fresh-and-free-icon-sets-for-designers-and-developers.html

 

さまざまなデザイン制作の場で使用されるアイコン。デザインテイストに合わせたアイコンが揃っていれば、クオリティを格段にアップさせることができるのではないでしょうか?そこで今回紹介するのが、公開されたばかりの新しいフリーアイコンセットを集めた「30 Fresh and Free Icon Sets for Designers and Developers」です。


Mini Clouds Set ? 365psd

ラフなテイストのアイコンから、立体的なデザインのアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Handy Iconset (16 icons) | Double-J Design
スケッチしたようなラフ感が新鮮なアイコンセットです。デザインに温もりをプラスしたい時にぴったりです。

Free Vector Buttons and Icons with Source File
アイコンとボタンがセットになっているので、テイストをぴったり合わせることができます。基本的なボタンやアイコンのデザインを学ぶこともできそうですね。

GraphicsFuel.com | Cloud icon & borders PSD
独特なテイストのクラウドアイコンです。存在感を出したいデザインに利用してみてはいかがでしょうか?

さまざまなテイストのアイコンをチェックすることで、デザインのアイデアも広がりそうですね。他にもたくさんのアイコンセットが紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用をお考えの方は、各サイトで利用規約の確認をお願いします。

30 Fresh and Free Icon Sets for Designers and Developers | Web Design Core

Illustratorのスキルを磨くのに役立つ「25 Cool Adobe Illustrator Tutorials」

http://design-develop.net/design/25-cool-adobe-illustrator-tutorials.html

 

Illustratorが使えるようになっても、いろいろなグラフィック表現を実際に制作するのは難しいもの。そこで今回は、Illustratorのスキルを磨くのに役立つ「25 Cool Adobe Illustrator Tutorials」を紹介したいと思います。


Create a Badass Gas Mask in Illustrator | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials

25種類のベクターデータのイラストの作り方が、親切にわかりやすく紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Create a Fun Scrapbook in Illustrator | Bloom Design Blog
リングノートや端の折れた付箋の作り方、ポラロイド写真の光の具合など、利用頻度の高い要素を作成する方法が分かりやすく紹介されています。

Create a Speedometer Icon in Illustrator | Bloom Design Blog
スピードメーターの文字盤や針の作り方から、表面のガラスに写る光の入れ方まで詳細に説明されていて、illustrator初心者でもすぐに活用する事ができそうです。

Create a Glassy Text Effect Filled with a Green, Acidic Substance | Vectortuts+
まるでアルファベットの形をしたガラスの瓶の中に液体が入っているような雰囲気の画像。ガラスの透明感や丸い筒の立体感など参考になります。

技法の習得は、誰かに教えてもらわないとなかなかできないので、このようなチュートリアルは非常に役に立ちます。少しずつ実践し技術を習得していくことで、確実にスキルを磨くことができると思います。他にも、たくさんの技法が紹介されていますので、気になる方はぜひ原文もチェックしてみてください。

25 Cool Adobe Illustrator Tutorials Of All Times

デザイン性に優れたwebサイト用UIデザイン集「35 High Quality PSD UI Web Design Elements」

http://design-develop.net/design/35-high-quality-psd-ui-web-design-elements.html

 

webサイト制作では、対象ユーザーに合ったUI(ユーザーインターフェイス)デザインの構築が、サイト滞在時間を伸ばすための重要な要素ではないでしょうか?そこで今回紹介するのが、Photoshopで制作されたクオリティの高いUIデザインを集めた「35 High Quality PSD UI Web Design Elements」です。


UI elements by ~yaruno on deviantART

シンプルなデザインはもちろん、幅広いユーザーに対応できるデザインテイストのものまで、さまざまなUIデザインが紹介されています。中でも気になったものいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Surface iPhone UI Kit | MediaLoot
iPhone用のUIです。iPhone特有のデザイン性を残しながらも、オリジナリティを発揮していくことができそうです。

Dark Mysterious Web Elements | MediaLoot
カラーを上手く利用した、シンプルなUIです。種類が豊富なので、さまざまなデザイン展開に対応できるというのが嬉しいですね。

Spring GUI by Jon Ovander ? Designmoo
グリーンを基調にしたUIです。エコをイメージさせるサイトや、春を感じさせるデザインにぴったりだと思います。

豊富なデザインテイストの中から、自分の想い描いたイメージに近いUIデザインを見つけることができそうです。ダウンロードファイルを利用するのはもちろん、デザイン案の参考としても利用価値が高そうですね。他にもたくさんのUIデザインが紹介されていましたので、気になる方は是非原文もチェックしてみてください。

35 High Quality PSD UI Web Design Elements | Free and Useful Online Resources for Designers and Developers

wordpressで利用できるフリーフォームプラグイン集「20 Free Contact Form Plugins for WordPress」

http://design-develop.net/wordpress/20-free-contact-form-plugins.html

 

プログラマーにはシンプルなフォームプログラム。ただ、デザイナーにとっては自ら組み上げるというのは少しハードルがあると思います。今日紹介するのはwordpressでフォームを簡単に実装できるフリーフォームプラグインを集めたエントリー「20 Free Contact Form Plugins for WordPress」です。


Contact Coldform

シンプルなプラグインから、非常に高機能なプラグインまで様々なプラグインが紹介されています。今日はその中から幾つか気になったプラグインをピックアップして紹介したいと思います。

詳しくは以下

 

Contact Form 7
国内でも有名なコンタクトフォームプラグイン。表示から、昨日まで細かなところまで簡単に設定が可能です。

SimpleModal Contact Form (SMCF)
ライトボックスのようにポップアップするシンプルなコンタクトフォームを実装できるプラグイン。

WD3K Ajax Sliding Contact Form
サイドから引き出して利用する、コンタクトフォームを実装するプラグイン。

上記の他にも多くのコンタクトフォームのプラグインが公開されています。最終的に機能は同じですが、細かな部分で、違いがあり、表現にも凝ったものもありますので、表現にあったプラグインを探してみてください。

20 Free Contact Form Plugins for WordPress

ラフな雰囲気のフォントコレクション「Amazing Collection of Distorted Fonts for Designers」

http://design-develop.net/design/amazing-collection-of-distorted-fonts-for-designers.html

 

Design Developではこれまでにも、デザイン性の高いさまざまなフリーフォントを紹介してきましたが、今回は、歪みやかすれを効果的に用いて、ラフな雰囲気を演出したフォント「Amazing Collection of Distorted Fonts for Designers」を紹介したいと思います。


Network Vampires

ラフさが加わることで、デザインが単調ではなくなり、奥行きのある作品に仕上げることができます。中でも気になったものをいくつかピックアップしましたので、下記からご覧ください。

詳しくは以下

 

Phorssa
背景の色ベタにフォントが抜きで型どられた個性溢れるフォントです。手作業で切ってコラージュしたかのような雰囲気を演出することができそうです。

Frazzle
フォントの周りを囲むように、手書きの線を重ねたデザインフォント。強さと柔らかさが表現されていると思います。

Radar.One
どこか記号のような雰囲気すら感じられる、グラフィックに寄ったデザインが特徴です。フォントでデザインにインパクトを持たせたい時などに活躍してくれそうですね。

実際に手書きで文字を起こすということも、デザイナーなら多々あるかと思いますが、フォントを利用することでデザインのバリエーションも増え、より魅力溢れるデザインを作り上げることができるのではないでしょうか?他にもたくさんのフォントが紹介されていましたので、以下よりご覧ください。

Amazing Collection of Distorted Fonts for Designers

デザイン性の高いフリーフォント集「Fresh Collection Of High Quality Free Fonts for Professional Designs」

http://design-develop.net/design/fresh-collection-of-high-quality-free-fonts-for-professional-designs.html

 

Design Developではさまざまなフリーフォントを紹介していますが、今回はデザイン性の高い、プロユーザーにも嬉しいフリーフォント集「Fresh Collection Of High Quality Free Fonts for Professional Designs」を紹介したいと思います。


SD Cammello Font | dafont.com

シンプルなフォントから、デザイン性の高いフォントまで、40種類以上のフォントが紹介されています。中でも気になったフォントをピックアップしましたので、下記よりご覧ください。

詳しくは以下

font liquit colour by ~letsgotoshine on deviantART
円を基調にデザインされた可愛らしさを感じるフォントです。ナチュラル系のデザインにぴったり。

Scruffy Uppercase Only Font on the Behance Network
手作り感を演出するフォントです。DIYやクラフト系のデザイン制作で使いやすいデザインフォントだと思います。

RBNo2 free font | Fontfabric™
シンプルな中にも、レパートリーのあるフォントセット。シーンに合わせて多用途に利用できるのではないでしょうか?


フリーフォント素材は、デザインの制作時間を短縮するために重要なアイテムだと思います。他にもたくさんのフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用の範囲などは、各サイトで利用規約の確認をお願いします。

Fresh Collection Of High Quality Free Fonts for Professional Designs | Free and Useful Online Resources for Designers and Developers

 

 

 

デザインに利用しやすい新しいフォント集「7 Fresh Free Fonts for Your Designs」

http://design-develop.net/design/7-fresh-free-fonts-for-your-designs.html

 

デザイン制作に多くの場合必要となるフォント。フリー素材も数多く発表されています。そんな中今回紹介するのは、最近発表された新しいフリーフォントを集めた「7 Fresh Free Fonts for Your Designs」です。


Piron Free Font V.2 ? typedepot

シンプルなフォントはもちろん、デザインテイストに合わせやすいフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記からご覧ください。

詳しくは以下

 

‘Claire Hand’ the new team scope free font on the Behance Network
線の奇麗な手書きフォントです。一つ一つのアルファベットが見やすく表現されているので、手書きフォントの中でも特に利用しやすいのではないでしょうか?

Excellens ? FREE FONT on the Behance Network
オブジェクトを効果的に利用したデザインフォントです。レトロなデザインや、インテリア系のデザインにぴったりだと思います。

Download Dancing Script Font. Impallari.com
優しい印象を受ける筆記体フォントです。女性向けや、スタイリッシュなデザインにおすすめです。

デザイン制作に欠かせないフォントには、常にアンテナを立てておきたいですね。他にもいくつかのフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用を検討されている方は、各サイトで利用規約をご確認ください。

7 Fresh Free Fonts for Your Designs | Freebies

制作で使える、新しくリリースされたフリーフォント集「New High-Quality Free Fonts」

http://design-develop.net/design/high-quality-free-fonts.html

 

デザインの表現を決定づける大きな要素のひとつフォント。フォントの違いで当たらえる印象は大きく変わってきます。今日紹介するのは制作で使える、新しくリリースされたフリーフォント集「New High-Quality Free Fonts」です。


Bohema

デザイン的なものからシンプルで汎用性の高いフォントまで様々なフォントが紹介されていますが、今日はいくつか気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

 

Highlands
角張ったフォント。サンプルのようにレトロなグラフィックと相性が良さそうなフォントです。

Weston Round Slab
極細のフォント。女性らしい柔らかな印象を表現することが可能です。

DOCK11
しっかりとしたボリュームのあるゴシック体。見出しなどインパクトを持たせたい時に使いやすいフォントです。

上記の他にも様々なフリーフォントが紹介されています。フォントを探していたという方は是非、原文もご覧ください。

New High-Quality Free Fonts ? Smashing Magazine

サイト全体のプレビュー画像をサイトサイドに出力してくれるjQuery「jQuery.frace」

http://design-develop.net/web-design/jquery-frace.html

 

一枚に連なった、長いWEBページも最近増えてきていて、ユーザーにとっては全体像がよくわからなかったりするなんていうときが時にはあるかもしれません。そこで今回紹介するのは、サイト全体のプレビュー画像をサイトサイドに出力してくれるjQuery「jQuery.frace」。

上記のようにサイトのサイドバーに全体を縮小してどの範囲が見えているかを直感的に理解できるような機能を付加できます。

詳しくは以下

 

jQueryのプラグインとして制作されていますので、組込みも比較的簡単で、様々なオプションの値が予め準備されていて、どこに出現させるか、表示のスタイルなども簡単に制御可能です。

縮小画像からもビューワーのように移動することが可能で、ただ表示させるだけではなくユーザーインターフェースとしても利用できるようになっています。アイデアしだいで面白い使い方ができそうですね。ダウンロードや詳しいTIpsは公式サイトからどうぞ。

jQuery.fracs

デザイン性の高いサンセリフフォント集「20 Free Sans-Serif Fonts for Designers」

http://design-develop.net/design/20-free-sans-serif-fonts-for-designers.html

 

デザインをする上で頻繁に使用されるサンセリフフォント。クセの少ない形であることから、さまざまなシーンで活躍してくれます。そこで今回紹介するのが、フリーで利用できるサンセリフフォントを集めた「20 Free Sans-Serif Fonts for Designers」です。


Font Squirrel | Free Font Titillium Text by Accademia di Belle Arti Urbino

ベーシックなタイプから遊び心のあるタイプまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

 

Free Epic Fusion Font Download at FontRiver.com
アルファベットの形を崩した、デザイン性の高いフォントです。スタイリッシュなイメージのデザインにぴったりです。

Evolution True Type Font by ~PAULW on deviantART
丸みの強いサンセリフフォントです。存在感のある可愛らしいフォントなので、女性や子ども向けのサイトを楽しく飾ってみてはいかがでしょうか?

Font Squirrel | Free Font Patagonia by Kingdom of Awesome
シンプルな形に丸みを加えたフォントです。優しいイメージを演出することができそうです。

デザインイメージをアップさせられそうなフォントばかりが紹介されています。このようなフリーフォントを利用することで、デザイン制作のイメージを固めやすくなるのだと思います。他にもたくさんのフォントが紹介されていますので、気になる方は是非原文もご覧ください、商用利用をお考えの方は、各サイトで利用規約の確認をお願い致します。

20 Awesome Sans-Serif Fonts

デザインが整ったフリーCSSテンプレート集「20 Beautiful Free CSS Web Templates」

http://design-develop.net/design/20-beautiful-free-css-web-templates.html

 

webサイト制作に欠かせないCSSですが、度重なるバージョンアップや活用方法の多様化で、常に新しい技術の習得が必要になります。そこで今回は、デザイン性の高い整ったフリーCSSテンプレートを集めた「20 Beautiful Free CSS Web Templates」を紹介したいと思います。


Darkness Free Website Template | Free Website Templates | OS Templates

シンプルで洗練されたCSSや機能的なCSSなど、さまざまなCSSが紹介されています。中でも気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

 

Web Template 3638 | stylishtemplate.com
シンプルで基本的な構成のサイト。webサイト制作初心者の方にも理解しやすいのではないでしょうか?

TemplateWorld ? 2 Breed
すっきりとしたデザインに差し色をプラスすることで、印象的なwebサイトに仕上げています。多くのテキストをすっきりと見せるレイアウトにも注目したいですね。

Free Web Design CSS Template Charcoal designed by Jasmine ? Template Kingdom
商品を全面的にアピールできる構成です。ネット販売を初めてみたいとお思いの方におすすめです。

さまざまな効果が期待できるwebサイトを構築できるCSSばかりが揃っています。自分の好みや使用目的に応じて利用できるというのが嬉しいですね。CSS勉強中の方もおすすめ。完成図を見ながらじっくり仕組みを理解することができそうです。他にもたくさんのCSSが紹介されていましたので、気になる方は是非原文もチェックしてみてください。

20 Free CSS Web Templates Which You Can Use Today

木の質感をデザインに 木目テクスチャまとめ「25 Awesome Wooden Textures」

http://design-develop.net/design/25-awesome-wooden-textures.html

 

デザイン制作に欠かすことができないテクスチャ素材。テーマやテイストに合わせて加工を施せば、いろいろな使い方ができるのも魅力の一つです。そんな中今回紹介するのは、定番として活用されることも多い木目テクスチャまとめ「25 Awesome Wooden Textures」です。


Ply Wood Texture Stock by ~celticstrm-stock on deviantART

背景素材としてそのまま利用できそうなものや、加工などを施すことで用途が広がりそうなタイプまで、さまざまなバリエーションが展開されています。その中からいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Free Wooden Textures
木のリアルな質感が特徴のテクスチャセット。素材感を活かしたデザインに是非。

Wood Textures Set-2 by *Folksnet on deviantART
色のバリエーションが豊富なのが嬉しいですね。デザインにも展開しやすいのでは。

Wooden Weave 2 by ~AurialStock on deviantART
素材に木を使用し編みこんだ表面をテクスチャ素材として利用しています。背景素材よりも、パーツ用として使用すると味のあるデザインを制作することができそうです。

いつも利用している木目素材にはない、個性的なものもたくさんあったと思います。デザインの幅も広がりそうですね。今回紹介したもの以外にも豊富に紹介されていますので、気になる方は下記リンクよりチェックしてみてください。

25 Ready To Use Wooden Textures

フリーで利用できる手書き&筆記体フォント集「Free Handwriting And Script Fonts ? 70 Examples」

http://design-develop.net/design/free-handwriting-and-script-fonts-%E2%80%93-70-examples.html

 

最近は特に温かみのあるデザインが好まれるようになっており、手書きや筆記体のようなフォントが人気を集めています。そんな中から今回は、フリーで利用できる手書きと筆記体のフォントを集めた「Free Handwriting And Script Fonts ? 70 Examples」を紹介ししたいと思います。


Jenna Sue Font | dafont.com

さりげなさを感じるフォントから、ポップな可愛らしいフォントまで、さまざまなフォントが紹介されています。中でも特に気になった物をピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

18th century handwriting font by ~Jantiff-Stocks on deviantART
万年筆で書かれたような繊細なフォントです。アンティーク雑貨など、気品あるデザインにおすすめです。

Caitlyn Font | dafont.com
定規を使って成形されたような、きっちりした中にも遊び心のあるフォントです。設計や製図などきちんとしたイメージを、柔らかく表現することができそうです。

Sunday Morning Garage Sale by *Lydia-distracted on deviantART
落書きしたようなポップなテイストのフォントです。楽しげな感じが伝わってくるので、ティーンや子ども向けのデザインにぴったり。

手書きといっても微妙な表現方法の違いによって、デザインの見え方も全く異なるものになるので、フォント選びやデザインの参考にできるサイトだと思います。他にもたくさんのフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用を考えている方は、各サイトで利用規約をご確認ください。

Free Handwriting And Script Fonts ? 70 Examples

可愛らしさを表現できるフォント集「25 Cute Fonts」

http://design-develop.net/design/25-cute-fonts.html

 

女の子や子ども向けのサイトデザインに欠かせない、優しさや可愛らしさを感じるフォントですが、標準フォントの中だけで表現するのはなかなか難しいかもしれません。そこで今回紹介するのが、女の子や子ども向けのデザインにぴったりのフォントを集めた「25 Cute Fonts」です。


Chocolate Dealer Font | dafont.com

女性が書いたような手書き感のあるフォントから、ハートやイラストを用いたフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記からご覧ください。

詳しくは以下

 

Airplanes in the Night Sky font by Kimberly Geswein ? FontSpace
丸みのある手書きフォントです。語りかけるような雰囲気があるので、手紙や手書き風のデザインにぴったり。

Heart Sweet Heart Font @ 1001Fonts.com
ハートで象られたフォントです。ラブリーな感じを表現できるので、女の子向けのデザインにおすすめです。

FLOWER font by CloutierFontes ? FontSpace
植物をモチーフにしたデザインフォントです。曲線の美しさを感じることができるので、少し大人向けのデザインに利用してみては?

表現力が豊かなフォントばかりが紹介されているので、クオリティを手軽にアップさせた、オリジナリティのあるデザイン制作を進めることができそうです。他にもたくさんのフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用を検討されている方は、各サイトにて利用規約をご確認ください。

25 Demanding Cute Fonts

 

jQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」

http://design-develop.net/web-design/15-jquery-space-saving-content-sliders-and-carousels.html

 

Flashに替わって、avascriptでコンテンツづくりをする事も多くなってきたと思いますが、今回紹介するのはjQueryで制作する、コンテンツスライダーを集めたjQueryコンテンツスライダー15選「15 jQuery Space-Saving Content Sliders and Carousels」です。


dualSlider

写真がメインのもの、動画含めてスライドするスライダー、文章を中心に見せるものなど、あらゆる種類のコンテンツスライダーが紹介されています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。

詳しくは以下

 

SlideDeck
コンテンツがサムネイルで下部に見えるコンテンツスライダー

04-slidedeck

Feature List
フューチャリスト型のコンテンツスライダー。ニュースサイトやサービスサイトに。

07-feature-list

TN3 Gallery
写真を効果的に見せることができる写真ギャラリースライダー。スライダーとリストと切り替えて表示することが可能です。

11-tn3-gallery11-tn3-gallery

上記の他にも沢山のコンテンツスライダーが紹介されています。コンテンツに合ったものを利用すれば、WEBサイトの利便性やロイヤリティを向上させることができそうです。スライダーを探していたという方は是非原文をご覧ください。

15 jQuery Space-Saving Content Sliders and Carousels

 

2011年に発表されたハイクオリティなフリーwordpressテーマ集「Free WordPress Themes: 2011 Edition」

http://design-develop.net/web/free-wordpress-themes-2.html

 

世界中で利用されているCMSの一つWordPress。拡張性の高さから、多くのWEB制作者に利用されユーザーが多いのもあり、便利なプラグインやクオリティの高いテーマが多くリリースされています。今日紹介するのは2011年に発表されたハイクオリティなフリーwordpressテーマを集めたエントリー「Free WordPress Themes: 2011 Edition」。


Portfolium

様々なジャンルのwordpressのテーマがまとめられていますが、今日はその中から特に気になったものをピックアップして紹介したいと思います。

詳しくは以下

 

Big Square
写真を大きく見せることができるwordpressテーマ。フォトグラファーなど写真を多用し、キレイに見せたい方に最適なテーマです。

Min
シンプルを極めた、ワンカラムのwordpress。一つのものを掘り下げたいという方には最適。

Minimal Dessign
少し変わった組み方をしているwordpress。個性的で高いクリエイティブが求められるときに。

上記の他にも多くのWordPressのテーマが公開されています。これからwordpressを使ってWEBサイトを創ろうという方には良いエントリーだと思います。

Free WordPress Themes: 2011 Edition ? Smashing Magazine

 

デザイン制作の力になる psd素材まとめ「Jul 12 PSD Files: 60+ Must Have Photoshop Files For Designers」

http://design-develop.net/design/jul-12-psd-files-60-must-have-photoshop-files-for-designers.html

 

デザインの質を上げるために活用されるPSD素材。たくさん持っている程デザインの幅は広がるものです。今回紹介する「Jul 12 PSD Files: 60+ Must Have Photoshop Files For Designers」にも、非常に多くのハイクオリティなpsd素材が紹介されています。


Arrow buttons PSD pack :: GraphicsFuel.com

パーツやアイコン、テクスチャ、ボタンなど種類も豊富なので、目的の素材を見つけることができそうです。いくつか気になるものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

 

Free PSD: Pretty Page Curl / Peel | Premium Pixels
紙がめくれる様子を表現したpsd素材。シンプルですが、持っていると何かと使える素材ではないでしょうか。

Free PSD: Admit One Ticket Stubs | Premium Pixels
チケットのデザインは、そのまま使用するのはもちろん、他の素材と組合せることでさまざまな表現ができそうです。

Ribbon Header PSD ? 365psd
リボン型のヘッダー素材。デザインがどこか物足りない時に是非活用したいですね。

素材を活かしてそのままでももちろん大いに活躍してくれそうですが、オリジナルのアレンジを加えたり、さらに加工を施すことでさらに素材の魅力をアップさせることもできるのでは。今回紹介したもの以外にもたくさん素材が紹介されていますので、気になる方は下記リンクよりご覧ください。

PSD Files: 60+ Must Have Photoshop Files For Designers | designrfix.com

 

エラーページもグラフィカルに表現「30 Interesting 404 Pages」

http://design-develop.net/web-design/30-interesting-404-pages.html

 

webページが表示されない時に変わりに画面に登場する「404 error」。文字だけの味気ないタイプのものが一般的ですが、今回は「404 error」をグラフィカルに表現したwebデザインページ集「30 Interesting 404 Pages」を紹介したいと思います。


Error?| ?Brandstack

一目見たら忘れられない、個性的なデザインの「404 error」ページが多数紹介されています。気になったデザインをいくつかピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

 

Dailymotion Cloud ? Page not found
雲のイラストが広がるバックグラウンドと、サイン風にデザインされた「404 page not found」が目を惹く、シンプルでありながらもインパクトのある作品です。

Nothing found for 404notfound
オリジナルのキャラクターを活用。タイポグラフィもミックスしたPOPなデザインが特徴です。

Apadeloup, le portfolio de Jérémy Viallard | Erreur 404
月を「0」に見立てています。幻想的な雰囲気によって「404 error」でありながらも落ち着いた気持ちにさせてくれそうです。

「404 error」ばかりを強調するのではなく、グラフィックの中に上手く取り込みデザインすることで、とても魅力的なページを作り上げることができるのではないでしょうか。「404 error」ページを作成する際には是非参考にしてみてください。

30 Interesting 404 Pages ? Web Design Blog ? DesignM.ag

 

最近リリースされた、ナビゲーション系のjQueryプラグイン集「15 Fresh jQuery Menu Plugins and Tutorials」

http://design-develop.net/web-design/15-fresh-jquery-menu-plugins-and-tutorials.html

 

WEB制作の現場で幅広く利用されている軽量で高機能なjavasciptライブラリjQuery。様々なプラグインが開発され世界中でリリースされていますが、今日紹介するのは、最近リリースされた、ナビゲーション系のjQueryプラグイン集「15 Fresh jQuery Menu Plugins and Tutorials」です。


naviDropDown 1.0 Plugin

全部で15のナビゲーション系のjQueryプラグインがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。

詳しくは以下

 

Memu ? A simple CSS & jQuery Menu
OSライクなドロップダウンメニュー。シンプルですが、使いやすいメニュープラグイン

Cool Animated Menu
リボンがかかるという独特なナビゲーションをjQueryで表現した、ナビゲーション

Flashy Navigation with easing and hoverIntent
すこしアナログ感のある動きを表現したナビゲーション。

上記の他にも様々なjQueryを利用したナビゲーションが公開されています。WEBサイトの要でもある、ナビゲーションなだけに、ユーザーを引き付けられるものを採用したいですね。

15 Fresh jQuery Menu Plugins and Tutorials

 

スタイリッシュな新しいフォント集「18 Beautiful and Stylish Fonts」

http://design-develop.net/design/18-beautiful-and-stylish-fonts.html

 

ちょっとしたバランスの違いで見え方が全く異なるフォントの選定は、デザインの要になる重要な要素の一つ。そんな中今回は、スタイリッシュな新しいフォントを集めた「18 Beautiful and Stylish Fonts」を紹介したいと思います。


Font Squirrel | Free Font Michroma by Vernon Adams

シンプルなラインのフォントから、デザイン性の高いフォントまで、さまざまなフォントがラインナップされています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Denigan font by Måns Grebäck ? FontSpace
ペンで描かれたような手書き感のある、細身のフォントです。繊細な表現をしたいデザインにぴったりです。

Cherry Cream Soda font by Font Diner ? FontSpace
文字のバランスの崩し方がユニークなフォントです。アニメっぽい明るい雰囲気を演出することができそうです。

Azoft Sans font by 4th february ? FontSpace
繊細な曲線表現が特徴的なフォント。かっちりとしたイメージの中にも、優しさのエッセンスをプラスすることができるのではないでしょうか?

多くのフォントをチェックすることで、フォントの奥深さを感じることができそうですね。他にもたくさんのフォントが紹介されていましたので、気になる方は是非原文もご覧ください。商用利用をお考えの方は、各リンク先で利用規約の確認をお願いします。

18 Beautiful and Stylish Fonts | webexpedition18

 

webデザインに使いやすいアイコンセット集「25 Fresh Icon-Sets for Web Designers」

http://design-develop.net/design/25-fresh-icon-sets-for-web-designers.html

 

小さな存在でありながら、情報を的確に伝えるアイコン。デザイン性の高いアイテムも多く、素材として欠かせない存在になっているのではないでしょうか?そんな中今回紹介するのは、webデザイン制作に使いやすいアイコンを集めた「25 Fresh Icon-Sets for Web Designers」です。


Designmoo | Glyphs by GSIX by David

カラフルなデザインから、立体的でリアルなデザインまで、さまざまなアイコンが豊富に紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

Free E-Commerce Icons | MediaLoot
ECサイト用のアイコンセットです。リアルで立体的なデザインなので、ECサイト利用が初めての方にも、分かりやすいデザインを仕上げることができそうです。

Monochromatic Iconset _1 by ~aipotuDENG on deviantART
白を基調にしたアイコンセットです。グラデーションを上手く利用した立体感にクオリティの高さを感じます。丸みのある可愛らしいデザインなので、女性や子ども向けのデザインにぴったりです。

Stampaxx
スタンプ風のソーシャルメディアアイコンセット。味のあるスタンプデザインなので、質感を大切にしたいwebデザインにおすすめです。

デザイン性の高いアイコンが豊富なので、イメージにぴったりのアイコンを手軽に見つけることができそうです。他にもいろいろな種類のアイコンが紹介されていますので、気になる方は下記リンクよりどうぞ。それぞれのアイコンでライセンスが異なりますので、商用利用をお考えの方は、ダウンロード元で再度ご確認お願いいたします。

25 Fresh Icon-Sets for Web Designers

 

手軽にHTML Emailを作成できるフリーテンプレート集「25 Free HTML Email Templates」

http://design-develop.net/design/25-free-html-email-templates.html

 

読んでもらえる、魅せるメールマガジンを目指すため、HTMLを利用したテンプレートを利用している方も多いはず。しかしHTML Emailを作成するには、時間と手間が掛かります。そこで今回紹介するのは、効率的にHTML Emailを作成するためのHTML Emailテンプレートを集めた「25 Free HTML Email Templates」です。


100+ free HTML email templates | Campaign Monitor

シンプルなレイアウトから、イラストを利用したポップなテイストまで、さまざまなテンプレートが豊富に紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

 

100+ free HTML email templates | Campaign Monitor
イラストなどのモチーフを使いポップなデザイン性を取り入れながらも、クールさを感じるデザイン。男性向けのメールマガジンにぴったりです。

100+ free HTML email templates | Campaign Monitor
テクスチャ感がありながらも、シンプルなテイストを保ったデザイン。さまざまな内容のメールマガジンに利用することができそうです。

newsletter-template | CakeMail
グラフックを効果的に取り入れた、デザイン感のあるテンプレート。若い層向けのメールマガジンに最適ではないでしょうか?

デザイン性の高いデザインばかりなので、クオリティの高いメールマガジンを作成することができそうです。たくさんの人を魅了できるようなメールマガジンを目指している方は是非チェックしてみてください。

25 Completely Free HTML Email Templates

 

←Older