デザインを開発するという視点でお伝えするクリエイティブBLOG
レスポンシブが盛んな昨今。PCとスマートフォン両方で使用することができ、かつ綺麗に表示させることが可能なSVGファイルは、非常に便利。今回ご紹介する「40 Excellent SVG Tools and Dozens of Icon Sets」ではSVGに焦点をあてた便利なツールがまとめられています。
SVGファイルを編集してアニメーションを制作できるツールなどこれから必要になるコンテンツが多数収録されており、その中から気になったものをいくつかピックアップしていますので下記よりご覧下さい。
詳しくは以下
Webサイトで情報を公開する学校はとても増えていますが、教育機関のWebサイトは比較的情報量が多く複雑になってしまいがち。そんな時におすすめなアイテムが、今回紹介する教育系フリーアイコンセット「30 Free Education Icons Sets」です。
School Icon Collection Vector | Free Download
ポップなテイストからフラットなデザインまで、様々なアイコンがセットでダウンロードできるようになっています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webサイトのデザインを中心に活躍してくれるアイコン素材には、非常にいろいろな種類が存在していますが、今回紹介するのは、学校をテーマにしたフリーで利用できるスクールアイコンセット「Free Back to School Icon Set」です。
学校で使うツールやグッズをアイコン化、POPなテイストが特徴となっています。
詳しくは以下
シンプルで機能的なフラットデザインは、場面を選ばずどんなシーンにも合わせやすい優れもの。今やWeb制作には欠かせない、デザイン手法の一つではないでしょうか。今回ご紹介するのは、そんなフラットデザインを手軽に取り入れる事ができる、商用フリーのフラットデザイン素材をまとめた「35 Free Flat Graphics and Web Elements for Designers」です。
Weather – Daily UI #037 – Freebie by Roman Bova – Dribbble
情報をすっきりと分かりやすく見せてくれる、魅力的なフラットデザインが35点もまとめられています。今回はその中から、おすすめしたい素材を幾つかピックアップしましたので、以下よりご覧ください。
詳しくは以下
(さらに…)
UI面の向上に一役買ってくれるアイコン。視覚的サポートとして非常に役立つ存在であり、特に食べ物だったりアクションを表現する際には効果的で直感的な理解につながります。今回ご紹介する「100 Free Food and Party Icons」は食べ物やパーティーシーンなどを表現したアイコンがを中心にまとめられたアイコンセットです。
カラフルでポップなアイコンが全部で100個種類まとめられています。収録されているアイコンは下記よりご覧下さい。
詳しくは以下
Twitterなどの有名なアイコンは、自分がよく使用するものはストックとして持っているかもしれませんが、必要時にない場合は探すことになり、非常に手間を感じるのではないでしょうか。そんな手間を省いてくれる「devicon」を今回はご紹介します。
デベロッパーが持っておくと便利なアイコンが多数まとめられており、ソースコードも記載してくれている優秀なアイコンセットになります。
詳しくは以下
以前「90種類のフリーベクターデータアイコン集「90 Free Vector Icons Set」」で紹介したベクターアイコンに非常によく似ていますが、そこから少しだけ可愛らしくディフォルメしたようなフリーベクターアイコンセットが今回紹介する「 Containing 25 Icons」です。
上記のような、少し丸みの帯びたかわいらしいアイコンがベクターデータでダウンロードできます。収録されているアイコンは全部で25種類。イラストレーター8.0のaiファイルで公開されているため環境を選ばず利用することができます。
詳しくは以下
高機能なjavascriptライブラリとして広く使われているjQuery。多くの方に使われているだけあって幅広いプラグインがリリースされていて、WEBをもっと便利に使いやすくしてくれます。今日紹介するのはjQueryを使った、テクニックとプラグインをあつめたエントリー「40 Useful jQuery Techniques and Plugins」です。
ナビゲーションに使えるプラグインからカレンダー、フォームなどといったものまで幅広いジャンルのプラグインが紹介されています。今日はその中から気になったものをいくつか公開したいと思います。
詳しくは以下
国内外でよく見るWordpressを利用したギャラリー形式のWEBコンテンツ。今回紹介する「10 Beautiful WordPress Gallery Themes」はそんなギャラリーページやポートフォリオサイトを運営するためのFree wordpressテーマを集めたエントリーです。
The Unstandard – Demo | Download
様々なギャラリー用のテーマが紹介されていますが、今日はその中から気になったギャラリー用のテーマをいくつか紹介したいと思います。
詳しくは以下
フリーフォントの中でも商用利用できるものは非常に使い勝手が良く重宝されるもの。今回はそんな商用化なデザインフリーフォント15種「Free Fonts for Commercial Use (15 New Fonts)」を紹介したいと思います。
Bend Typeface + free font on Behance
デザイン性のある、業務的に利用できるフォントが15種厳選し紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
リッチからフラットへとデザインのトレンドが変わってきているように、Webにおいても時代のトレンドや利便性の向上を目指して、新たなトレンドが生まれると共に古いトレンドが消えていく、そういった進化の道を歩んでいます。今回紹介するのは2014年のWebでは見なくなるであろう古いトレンドたち「Web Design Trends That Will Disappear in 2014」です。
昔はよく見たけれど最近はあまり見かけなくなってきた、そんなトレンドたちが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
いよいよ本格的に冬シーズン到来。特に12月の一大イベント・クリスマスに向けて、制作をされている方も多いのではないでしょうか？そんな中今回は、クリスマスのデザインでおすすめしたい素材集「Licorice Christmas kit」を紹介したいと思います。
クリスマスをイメージさせるさまざまなアイテムを、美しく温かみを感じさせる水彩で描いた素材セットとなっています。
詳しくは以下
(さらに…)
photoshopには様々なブラシがリリースされており、ブラシ次第でその表現の幅はかなり広がります。今日紹介するphotoshopブラシ集300+ Excellent Photoshop Brushes for Creating Painted Effects」は絵の具やペンキで描いたような表現を可能にしてくれるブラシセットを集めたエントリーです。
WaterColor Reloaded – 83 brushes
様々な種類のブラシセットがあつめられていますが、今日はその中からいくつか気になったものいくつか紹介したいと思います。
詳しくは以下
写真を利用する時、撮影されたまま利用するという事はソフトウェアが発達してきた現在まずありませんが、今日紹介するのはレタッチソフトでは無く、CSSで実現するイメージフェクト「20 Image Effects With CSS」です。
水彩風から、黒板に書いた風のエッジを検出したものエアブラシで書いたものなどなど、全部で20ものエフェクトがCSSで指定するだけで簡単にエフェクトを利用することが可能です。
詳しくは以下
UIの改善などグラフィカルに見せることで効果を発揮するアイコンは意味をより明確にし、伝わりやすいものにしてくれます。今回紹介するのは、そんなアイコンをもっと手軽にWebデザインに取り入れることができる、シンプルで使えるアイコンフォントセットをまとめたエントリー「9 Stunning Super Handy Icons Fonts」です。
Ico Time – Webfont & Desktop font « MyFonts
どれもクオリティが高く、デザインの品質をワンランク上げてくれそうなものばかり。中でも気になったものをピックアップいたしましたので、下記よりご覧ください。
さまざまな種類が公開・配布されているフリーのアイコン。すでにいくつも、デザイン素材としてストックされている方も多いのではないでしょうか？今回はそんなコレクションに新たに加えたいフリーアイコンセットまとめ「Free and Fresh icons in PSD For Web Designers5」を紹介したいと思います。
Free PSD Academic Icon Set | Free PSD Files
フラットからリアルまで、いろんな種類のアイコンが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
