定番フォントとして知っておきたい サンセリフフォントまとめ「20 Free Sans Serif Fonts Every Designer Should Have」 文字の線の太さが一定で作り出されているサンセリフフォント。シンプルでどんなデザインにもマッチしやすいことから、定番フォントとして活用されています。そんなサンセリフフォントをまとめた「20 Free Sans Serif Fonts Every Designer Should Have」を今回は紹介したいと思います。 （Free Font TeX Gyre Adventor by GUST e-foundry | Font Squirrel） サンセリフフォントの中でも、洗練さやデザイン性を持った種類が豊富にまとめられています。 詳しくは以下 Basic Title Font | dafont.com フォントの名前の通り、ベー

デザインに大胆さとワイド感を演出できる シングルページレイアウトテンプレート「PSD Templates: 20 One Page Free Web Templates」 webサイトの構成で、サイト全体のデザインにワイドな雰囲気を演出できるシングルページレイアウトは、最近特にさまざまなサイトで多く利用されています。今回はそんなシングルページレイアウトのテンプレートまとめ「PSD Templates: 20 One Page Free Web Templates」を紹介したいと思います。 （Arrow | Free One Page Business Portfolio PSD Template on Behance） 20種類の、デザイン性のあるシングルページが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Dribbble – real

さまざまなwebサイト制作で利用されているWordPress。テーマを使うことでよりデザイン性の高いサイトを簡単に構築することができます。そんな中今回紹介するのは、ベーシックに使用できるフリーWordPressテーマ「35 Free WordPress Theme」です。 （Costa Free WordPress Theme） 比較的シンプルで定番のレイアウトのフリーテーマがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Free E-Commerce WordPress Theme: Balita | Smashing Magazine ブランドサイトなどに最適な印象のWordPressテーマ。可愛らしいデザインなので、子供向けのサイトや、女性ターゲットのサイトにおすすめ。 Free HTML 5 Responsive WordPre

iOS7がリリースされてから、変化したデザインに対応したデザインが続々と登場してきており、それに合わせたフリー素材も多くみかけるようになりました。そんな中今回紹介するのは、iOS7のデザインに対応した53種のスポーツアイコンセット「53 sports icons for iPS7」です。 スポーツをテーマとしたフラットデザインのアイコンがまとめられています。 詳しくは以下 スキーや水泳、サッカー、ヨガなどをする人物アイコン。ラグビーボール、ダンベル、テニスラケットなどのスポーツ用具。さらに、トロフィーやメダルといったスポーツに関連するアイテムまで、53種のアイコンの中にいろいろな種類が納められています。シンプルなラインタイプのデザインなので、iOS7用としてはもちろん、さまざまなデザインに利用できるのではないでしょうか？ 形式はEPSとSVGでダウンロードできるようになっています。フィット

グラフィカルでクオリティの高い写真加工を可能にするPhotoshopチュートリアル「19 Attractive Fresh Adobe Photoshop Tutorials」 さまざまな写真加工ができるPhotoshopは、グラフィックデザイナーにとって欠かすことのできない存在。しかし多彩な機能をなかなか活かしきれていないという方も多いのではないでしょうか？そんな中今回紹介するのは、グラフィカルでクオリティの高い写真加工を可能にする、Photoshopチュートリアル「19 Attractive Fresh Adobe Photoshop Tutorials」です。 （Wood Text Effect in Photoshop • IceflowStudios Design Training） 匠な写真合成や、文字のグラフィック加工などの、完成までの操作方法が19種紹介されています。気にな

写真を柔らかな雰囲気を付与するPhotoshopアクション「CofeeShop Auto Baby Blanket Blur Photoshop/PSE Action!」 手軽にプロの写真加工を再現したり、同じ効果を施すことができるPhotoshopのアクション機能。とても便利で、制作時間の短縮やクオリティアップのためには欠かせない機能の１つです。さて、今回紹介するのはそんなPhotoshopアクションの中でも、写真に柔らかな加工を施す「CofeeShop Auto Baby Blanket Blur Photoshop/PSE Action!」です。 サンプルの赤ちゃんの写真を見るとわかりますが、これは写真に遠近感のぼかしをつけて、柔らかさと雰囲気を付与することができるアクションです。 ぼかしを付与する範囲を決められたり上下の色味をアレンジできるなど、写真の構図やテイストによってある程度

TOP  >  Design , Photoshop , vector , WebDesign  >  シンプルなデザインのフードアイコンセット「Food Icons: Free Icon Set」 シンプルなデザインは簡素と感じられてしまうリスクもありますが、「視認性が高い」「コンテンツの魅力を伝えやすい」などのメリットもあり、最近ではそんなUIを採用したサイト、アプリが増えてきていて、一般化しつつあるように感じます。そこで今回は、シンプルなデザインの食べ物、飲み物のアイコンセット「Food Icons: Free Icon Set」を紹介したいと思います。 一目で分かるアイコンというのは実はとても難しく、特徴を上手く取り入れないと説明的になりすぎてしまったりしますが、このアイコンセットはそのあたり上手く表現し、まとめられていると思います。 シンプルなデザインなだけに写真などとセットに利

TOP  >  javascript , WebDesign  >  2013年に公開された50種のjQueryプラグイン集「50 Most Useful jQuery Plugins from 2013」 高機能なサイトを作りたいけど、一からプログラムを組むのはちょっと…という方に向けて、今回は2013年で人気をあつめたプラグインを50種集めたエントリー「50 Most Useful jQuery Plugins from 2013」を紹介したいと思います。 Salvattore — A jQuery Masonry alternative with CSS-driven configuration レスポンシブサイトに向けたものを中心に、様々なジャンルのプラグインが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 Jresponsive レスポン

TOP  >  Design , Photoshop  >  ヴィンテージ感を演出するフィルムテクスチャパック「Seven Free Microscopic Film Textures」 最近はどれもデジタルに置き換わりフィルムそのものを見る機会が減ってきました。経年劣化によるノイズや傷などなんの機能のもはたしませんが、一つ一つ味がありフィルムならではの魅力というのもあるのではないでしょうか？。今回紹介するのはそんなフィルムをテクスチャ化したヴィンテージ感を演出するテクスチャパック「Seven Free Microscopic Film Textures」です。 このテクスチャはただ単にテクスチャ化した訳ではなく、部分的に拡大し、抽象化することによって不思議な印象を与えるテクスチャに仕上がっています。 細かな粒子感や暖かみを感じる暖色系のカラーなど、優しさを感じる柔らかなテクスチャ。また、

細かなデザインパーツの作成には時間が掛かってしまうので、自身で作成したものを使い回したり、フリーのものをストックしたり、さまざま対処されていると思います。今回紹介するのはそんな時に是非利用して頂きたい、フリーアイコンセット「GICONS」です。 一般的によく使われるアイコンを中心に100種類以上を収録。PNGの画像データの他に制作データとなるPSDも収録されているので、素材としての使い勝手も良さそうです。 虫眼鏡マークやボタン類、ファイル系統やコントロールのUIに使えそうなものまで、多種多様なアイコンが収録されていますね。シンプルさ、分かりやすさを意識したデザインなので、どんなテイストにも合わせることができそうです。 個人での利用のほか、商用利用ももちろん無料。また、作者にリクエストをすることによってアイコンが追加されることもあるそうです。 GICONS

シンプルで細身な素材を多用することによってデザインをシャープに、エレガントに見せることができますが、フォントについても同様で。今回はそんな時のために是非ストックしてほしい、細身のフォントを集めた「20 Most Stylish Thin Fonts」を紹介したいと思います。 Matchbook Font | dafont.com どのフォントも細身で繊細なものばかり。中でも気になったものをピックアップしましたので、下記よりご覧ください。 Free Font St Marie by Stereotypes | Font Squirrel 尖り感のあるシャープなフォント。デザインを格好良く仕上げることができます。 Taller Font | dafont.com 新聞のタイトルやポスターで見られるような縦長の文字。お洒落とレトロのバランスがとれた美しいフォントですね。 Denigan Font

TOP  >  Design , Photoshop  >  デザインにクリエイティブな質感を与えるスクエアパターン素材集「30+ Creative Square Patterns To Inspire You」 Webデザインのように閲覧環境が限定されるプロダクトであっても、質感を高めることによってデザインに深みを与えてていくことができます。今回紹介するのはそんな質感を手軽に高めることができる、クリエイティブなスクエアパターンを集めたエントリー「30+ Creative Square Patterns To Inspire You」です。 Pattern / 5 Stones :: COLOURlovers カラフルなテクスチャや手作りの暖かみを感じられるものなど、多数のパターンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 Grungy Ab

近年Web業界で話題を呼んでいるHTML5とCSS3。今まで画像やFlash、JavaScriptに頼っていた表現方法を、かなりカバーできるようになりました。そんな中、今回はCSS3だけで実現可能な219種類のアイコンデザイン集「CSS3 Icons」を紹介したいと思います。 よく見る虫眼鏡のアイコンや、扱いやすいグラフ関連のアイコンなど、どれも実用に耐えられるだけの種類とクオリティで219種類ものアイコンが取り揃えられています。 CSSなだけに、画像のアップロードなども不要で、どれもspanタグとCSSを追記するだけで実現可能。導入の手間は無く、さらにCSSで作られているので色の変更やちょとした改変も容易な仕組みとなっています。これらのアイコンを基にして、新たに自分だけのアイコンを作り出すことも面白そうですね。 CSS3はまだ一部のブラウザで対応されていませんが、これらの実用的な使い方が

回線環境も機器も整ってきて、快適な環境であればほぼストレス無くWEBを閲覧できますが、本当に大きなデータを読み込ませたり、通信環境も考慮すると必要になってくるのがローディングです。ユーザーの待ち時間のストレスを緩和してくれるものですが、今日紹介するのはクリエイティブなローディングが簡単に実装できるjs「Creative Loading Effects」です。 幾つかのエフェクトが予めセットされており、それぞれのエフェクトを指定することで、簡単にローディングを実装することが可能です。幾つかエフェクトの種類についてキャプチャがありますので下記からご覧ください。 詳しくは以下 エフェクトのアニメーションはCSS3で記述されており、アニメーションのカスタマイズも可能になっています。位置から組むとかなり大変なものもありますので、ローディングを新たに実装したいという方には非常に有益なjsだと思います。

制作ツールとして非常に多くのクリエイターが利用しているツールの一つイラストレーター。ベクターデータで扱え、グラフィックデザインなどには非常に力を発揮してくれます。今日紹介するのは、イラストレーターで様々な表現が簡単に可能になる、イラストレーターブラシを集めた「45 Free Sets of Adobe Illustrator Brushes」です。 105 Stunning Retro Tech-Shaped Illustrator Brushes シンプルなものから、オブジェクト的なものまで、様々なブラシがまとめられていますが、今日はその中空気になったものを幾つかピックアップして紹介したいと思います。 詳しくは以下 Thin Abstract Brushes 様々な模様が簡単に表現できるパターンブラシセット Sketchy and Line Art Brushes スケッチ的なものから、

音楽の楽譜をテーマにしたPhotoshopブラシのまとめ「A Free Collection Of Music Note Brushes For Photoshop」 Photoshopブラシはリアルな質感やディティールの高いものが多く、細かなデザインやクオリティの高いデザインには重要なツールと言えます。そんな中今回紹介するのは、楽譜をテーマにしたPhotoshopブラシのまとめ「A Free Collection Of Music Note Brushes For Photoshop」です。 Sheet Music Brushes by ~KnockStock on deviantART 「楽譜」と一言にいっても音符のデザインなど、細かなディティールは少しずつ異なります。中でも気になったものをピックアップしたので下記よりご覧ください。 詳しくは以下 Old Music Notes Bru

思い通りの写真補正ができる Photoshopアクションとチュートリアルのまとめ「20 Free Effective Photoshop Action Tutorials and Resources」 Photosnopにはさまざまなツールが用意されていますが、その中でも”アクション”は、手軽に思い通りの写真補正ができるツールとして非常に便利な存在。今回はそんなアクションセットと写真加工のチュートリアルをまとめた「20 Free Effective Photoshop Action Tutorials and Resources」を紹介したいと思います。 actions 1 by ~allthebesthere on deviantART ヴィンテージな古い写真を思わせる補正や、はっきりと綺麗に見せる補正まで、たくさんのアクションがまとめられています。中でも気になったものをピックアップした

TOP  >  Other  >  CSSで実現できる15の美しいナビゲーションメニュー「15 Beautiful and Creative CSS Navigation Menus」 ナビゲーションメニューを作る時、いつも似たようなデザインになってしまってはいないでしょうか？そんな時に是非利用したい、CSSのみで実現できるナビゲーションメニューをまとめた「15 Beautiful and Creative CSS Navigation Menus」を今回は紹介したいと思います。 UAE, Dubai- Sharjah based web & designer, Front-end developer S.M.Riyaz プルダウンのついた便利なメニューや、デザイン性を重視したハイクオリティなメニューまで、さまざまなCSSナビゲーションメニューが紹介されています。中でも気になったものをピッ

TOP  >  plugin  >  高機能で扱いやすい フリーjQueryスライダー「Top 30 Fabulous jQuery Sliders for Free」 jQueryによって誰でも簡単にwebサイトに動きをつけることができるようになりました。ですがなかなか意図通りの動きをするプラグインは少ないもの。そんな中今回紹介するのは、高機能で扱いやすいjQueryスライダーを集めた「Top 30 Fabulous jQuery Sliders for Free」です。 Top 30 Fabulous jQuery Sliders for Free | InstantShift 変わった動きをするスライダー、シンプルなものまで、たくさんのスライダーが紹介されています。その中でも気になるものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 Adaptor :: jQuer

TOP  >  WordPress  >  ライター・ブロガーのためのフリーWordPressテーマ「Free WordPress Themes For Writers & Bloggers」 CMSの中でもっともポピュラーと言えるWordPress。もともとはブロガーのプラットフォームとして作られたシステムが、近年では様々な用途に使われています。そんな中今回紹介するのは、ライター・ブロガーに向けたのフリーのWordPressテーマまとめ「Free WordPress Themes For Writers & Bloggers」です。 Cascade シンプルなものから特徴的なもの、実用性を重視したものなどさまざまなテーマがまとめられています。気になるものをピックアップしたので、下記よりご覧ください。 詳しくは以下 Book Lite | WPshoppe フルカラムで形成された、文章を見