書体はデザイナーにとっては非常に重要なもので、常に新しい、刺激的なフォントがないかと探し求めているというひとも多いはず。今日紹介するのはデザイナーのための10のフリーフォントを集めたエントリー「10 New Free Fonts for Your Designs」です。 Idealist Sans シンプルでキレイ目でクリエイティブなフォントが全部で10個集められていました。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 Palacio ゴシック系ですが、角ついていて特徴的なフォント。 Versa 縦長で特徴的なフォント。印象的なロゴタイプが作れそうなフォント。 Stela UT Regular 細身で特徴のあるフォント。見出しやデザインのアクセントに。 それぞれのフォントのライセンスや利用規約は各ダウンロード元をご覧ください。上記の他にもたく

TOP  >  WebService  >  デザイン制作に利用しやすい クリエイティブフリーフォントまとめ「30 New Free Fonts for Headlines」 クオリティが高くて、使いやすく、まだあまり利用されていない新しいフォントは、デザイナーの方なら誰もが使いたくなるものではないでしょうか？そんな中今回紹介するのが、デザイン制作に利用しやすい クリエイティブフリーフォントまとめ「30 New Free Fonts for Headlines」です。 Mathematical Free Font シンプルなデザインのフォントから、インパクトを与えられるフォントまで、遊び心のあるデザインフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Airbag typeface by simon stratf

TOP  >  Design  >  WEBサイト制作に利用しやすいアイコンフォントまとめ「10 Super Useful Free Icon Font Sets」 WEBサイト制作には、分かりやすいナビゲーションを考慮したデザインが必要不可欠です。そんな中今回は、シンプルかつ視認性の高いアイコンセット「10 Super Useful Free Icon Font Sets」を紹介したいと思います。 Sosa icon font | Ten by twenty ミニマルで、デザインを選ばずに使えるアイコンフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Batch • 300+ Icons for Web & User Interface Design シンプルな中にも可愛らしさのあるアイコンです。フォントとして

CSSで実現できる範囲は確実に広がってきており、様々な試みがWEB上ではプロジェクト化され公開されていますが、今回紹介するのはオープンソースライセンスで利用できるCSSリソースのまとめ「Collection of Useful Open Source CSS Resources」です。 WebInterface Lab CSS Snippets 上記の他にフレームワークから、ボタン・パーツ系まで様々なサイトがまとめられていましたので、今日はその中からピックアップして紹介したいと思います。 詳しくは以下 Makisu 3D Menu Dropdown 立体的な表現のドロップダウンメニュー。サイトにインパクトを加えたいときに。 34 Responsive Grid System レスポンシブレイアウトが実現できるCSSフレームワーク。 Animate.css 様々なアニメーションをCSSで制作

サイト制作にそのまま使える!デザイン性の高いWordPressテーマまとめ「26 New Freebie WordPress Themes Released in 2012」 個人でWEBサイトを制作する方も増えていますが、専用のデザインソフトがなく、なかなか思い通りのサイトを作れないとお悩みの方も多いのではないでしょうか？そんな中今回紹介するのが、サイト制作にそのまま使える、デザイン性の高いWordPressテーマをまとめた「26 New Freebie WordPress Themes Released in 2012」です。 Classic Photography Theme for WordPress | Vandelay Design Blog シンプルなテーマから個性を表現できるテーマまで、さまざまなWordPressテーマが紹介されています。中でも気になったものをいくつかピッ

そろそろiPhone5の販売も一段落していて、多くの方が手にしている現状で、iPhone4Sなどの旧機種のユーザーもiOS6へのアップデートからもしばらくたちますので、モックアップも、iOS5のままというわけにも行かなくなってきているなんて制作会社の方もいらっしゃるのではないでしょうか？今日紹介するのはiPhone5モックアップ制作のためのPSDファイル「iOS 6 GUI PSD (iPhone 5)」です。 iOS5と比べて細かなUIが変わっていますし、iPhone5画面解像度も変わっていますので、WEBサイトの見栄えも多少変わっています。 詳しくは以下 ファイルはPSDファイル形式で配布されており、様々なインターフェイスがレイヤー分けされて格納されています。 プレゼンやモックアップには最適な素材です。iPhone関連の制作者の方は是非どうぞ。ダウンロードは原文の右カラム、「iOS 6

TOP  >  WebDesign  >  WEBタイポグラフィ関係のjQueryプラグイン集「jQuery plugins for awesome web typography」 日本では互換性を重視する傾向がつよくまだあまり、特殊なフォントをjavascriptなどで作り出すような手法はスタンダードではありませんが、中には、挑戦的なサイトもあり、フォントをjsやCSSで見せるそんなサイトもあります。今日紹介するのはWEBタイポグラフィ関係のjQueryプラグイン集「jQuery plugins for awesome web typography」です。 FitText – A plugin for inflating web type フォントを加工するもの、テキストの組を特殊にしてくれるものなど、様々なフォント関連のjQueryプラグインが紹介されていますが、今回はその中から気にな

TOP  >  Design , Font  >  アナログテイストなデザイン制作に欠かせない手書きフォントまとめ「30+ Essential Free Hand Drawn Fonts」 アナログテイストなデザイン制作にはもちろん、デザインのワンポイントとしても使いやすい手書きフォントですが、イメージにぴったりなフォントを見つけるというのは難しいもの。そんな中今回紹介するのが、アナログテイストなデザイン制作に欠かせない手書きフォントまとめ「30+ Essential Free Hand Drawn Fonts」です。 Pirmokas Font | dafont.com 洗練された雰囲気のフォントから、個性的なフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Peixe Frito Font

TOP  >  Design , Photoshop  >  ワイヤーフレーム制作のための素材セット「The Ultimate Wireframe UI Kit」 サイト制作の前に制作するワイヤーフレーム。サイトの構成や構造をわかりやすく事前に見せるためには非常に有効な手段ですが、作る精度によってはかなりの時間を費やしてしまうこともあると思います。今日紹介するのはそんなワイヤーフレームを制作する時間を短縮してくれる、素材セット「The Ultimate Wireframe UI Kit」です。 ローディング、ボタン、グローバルメニューなどなど、サイトにひつようなパーツが、数多く収録されており、それらを組み合わせえてりようすることで切り貼りでサイトのワイヤーフレームを作ることができます。 詳しくは以下 かなりの種類のインターフェースのパーツが収録されており、その数は60にものぼります。データ

webデザイン制作で頻繁に利用するアイコン。フリーでクオリティの高いアイコンも多数発表されていますが、そんな中でもシンプルでありながらクオリティの高いアイコンというのは、利用頻度が高いもの。そこで今回紹介するのが、シンプルでハイクオリティなアイコンが揃うフリーアイコン配布サイト「iconmonstr」です。 モノトーンのシンプルなアイコンが豊富に取り揃えられたサイトとなっています。 詳しくは以下 フォルダーやペン、メールなど、普段のデザイン制作で使いやすいアイコンはもちろん、危険を周知するアイコンや吹き出しなど、アクセントとしても利用できるアイコンが600種類以上掲載されているので、欲しいと思う一枚と出会うことができそうです。 さらに、手軽に使いやすいPNGデータと、パス付きのSVGデータの2種類のデータが準備されているので、用途に合わせてカスタム可能というのも嬉しい。デザインに携わる方必

フォントにはさまざまな形が存在しており、デザインに合わせて最適なものを選ぶことがとても重要になっています。そんな中今回紹介するのは、繊細なデザインに最適な細い線のフォント「30 Excellent Thin Fonts for Free」です。 OPTICAL FIBER font by weknow – FontSpace 細いラインをベースにしたフォントが、個性的なものからシンプルなものまで、多數紹介されています。気になったものをまとめましたので、以下よりご覧ください。 詳しくは以下 ■Denigan font by Måns Grebäck – FontSpace 細い線の中に抑揚がついた、表情を感じさせてくれるデザインフォントです。 ■Znikomit font by gluk – FontSpace エッジの処理に個性が感じられます。女性らしいデザインにぴったり合いそうですね。

雰囲気のあるデザインにぴったりなレトロフォントまとめ「18 Collection of Free Attractive Retro and Vintage Fonts」 流行りは繰り返すと良く言われますが、レトロ感やアンティークな雰囲気のデザインは常に人気を集めています。そんな中今回紹介するのが、雰囲気のあるデザインにぴったりなレトロフォントをまとめた「18 Collection of Free Attractive Retro and Vintage Fonts」です。 Sandwich Font | dafont.com テイストの異なるレトロな雰囲気のフォントが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Summertime Font | dafont.com 不均等な曲線が印象的なフォントです。不思議な世界観

デザイン制作の必須アイテム！ ハイクオリティなフリーフォントまとめ「40+ Fresh High-Quality Free Fonts To Enhance Your Designs」 デザイナーはクリエイティブの幅を広げるため、常に新しく使いやすいフォントをチェックしておく必要があります。そんな中今回紹介するのが、デザイン制作に使いやすい、ハイクオリティなフリーフォントをまとめた「40+ Fresh High-Quality Free Fonts To Enhance Your Designs」です。 Homigos Font on the Behance Network 可愛らしい雰囲気のフォントやスタイリッシュなフォントはもちろん、デザインフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下

TOP  >  plugin  >  サイトをより効果的に表現できる jQueryスライダーのプラグインまとめ「90 Awesome jQuery Slider Plugins」 動的なサイトを手軽に構築できる jQueryを、サイト構築に利用している方も多いと思います。そんな中今回紹介するのが、サイトをより効果的に表現できる jQueryスライダーのプラグインまとめ「90 Awesome jQuery Slider Plugins」です。 JavaScript – jQuery Banner Rotator / Slideshow | CodeCanyon インデックスや画面スライドなど、多彩な機能を表現できるプラグインが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■jQuery Slideshow & Conte

TOP  >  Design , Font  >  クリエイティブ力の高いフォントまとめ「20 Very Useful Professional Free Fonts」 さまざまなデザイン制作時に使用するフォントですが、インパクトを与えるデザインを制作する際には、クリエイティブに合わせてフォント自体をデザインすることも。しかし、制作には非常に時間がかかります。そんなシーンに是非活用したい、クリエイティブ力の高いフォントをまとめた「20 Very Useful Professional Free Fonts」を今回は紹介します。 TYPORM01 Round ans Square by ~RGSONE on deviantART スタイリッシュな雰囲気から可愛らしい雰囲気まで、さまざまなテイストのフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧

TOP  >  Design  >  WEBデザインに利用しやすいミニマルアイコンまとめ「25 Sets Of Clean Icons For Perfect Minimal Web Design」 表示サイズが小さくなることも多いWEBデザインでは、シンプルで分かりやすいアイコンの必要性を感じる場面も多いのではないでしょうか？そこで今回紹介するのが、WEBデザインに利用しやすいミニマルアイコンをまとめた「25 Sets Of Clean Icons For Perfect Minimal Web Design」です。 Impressionist UI Free – User Interface Pack – DesignModo カラーを利用しないシンプルなデザインの中でも、表現力が高いアイコンが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧く

クリエイティブ性の高い レスポンシブル対応のWordPressテーマまとめ「New Collection of Premium WordPress Themes」 webサイトのスマートフォン対応が一般的となり、双方に対応させるという作業は非常に増えてきています。そんな中今回紹介するのが、プロのサイト制作にも利用しやすいレスポンシブル対応のWordPressテーマをまとめた「New Collection of Premium WordPress Themes」です。 WordPress – Folio Two WordPress Edition | ThemeForest 洗練された仕様から、個性的な仕様まで、さまざまなWordPressテーマが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■WordPress – U-De

TOP  >  WordPress  >  最新のフリーWordPressテーマ集「Recently Released Free WordPress Themes」 手軽にwebページ制作ができると人気の高いワードプレスは、個人から商用まで幅広く利用されています。そこで今回は、ワードプレス制作に欠かせない、フリーで利用できるワードプレステーマをまとめた「Recently Released Free WordPress Themes」を紹介したいと思います。 （gravityonmars/wp-svbtle · GitHub） テイストや用途に合わせて利用できるテーマが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■Touchfolio – Free Responsive Portfolio WordPress Them

デザインのアクセントとしてよく利用されるラベルやタグアイコンは、デザインテイストに合わせて多くの素材をストックしておきたいもの。そこで今回紹介するのが、バッジやタグなどのさまざまなアイテムがセットになったフリーアイコンセット「Free Web Badges & Elements」です。 シーンやデザインごとに選べる、デザイン制作の時間を短縮してくれそうなアイテムばかりがセットになっています。 詳しくは以下 カジュアルなテイストを楽しめるアイコンを、編集可能な形式でダウンロードすることができます。各アイコンともにテクスチャを利用してあったりと、細かいディテールにこだわったものばかり。クオリティの高いデザイン制作を協力にサポートしてくれるアイテムだと思います。 上記画像内のアイコン以外にもいくつかのアイコンがセットになっているので、気になる方は是非、下記原文よりチェックしてみてください。商用利

TOP  >  Design  >  WEBやスマートフォンデザインにかかせないGUIキットまとめ「New Useful Free PSD GUI Kits」 ユーザーがより快適にページを楽しめるようなデザイン制作は、サイト滞在率をアップさせる重要な要素の1つではないでしょうか？そんな中今回紹介するのが、WEBやスマートフォンデザインにかかせないGUIを手軽に制作できるPSDキットをまとめた「New Useful Free PSD GUI Kits」です。 Hanna UI Kit – 365psd インターフェース全体がデザインされた素材からパーツ素材まで、さまざまなGUI素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■iOS 5 GUI PSD – 365psd iOS5のインターフェースを再現したPSDキットです