デザインを開発するという視点でお伝えするクリエイティブBLOG
WEBでのユーザーインターフェイスを劇的に改善してくれるアイコン。それだけに素材としても多く流通しており、WEB上では様々な高品質のアイコンセットが公開されていますが、今日紹介するのは丸で囲われたシンプルで使い勝手の良いアイコンセット「Metrize Icons」です。
収録されているアイコンは全部で300種類にも及び、それぞれシンプルなピクトグラムライクなものとなっております。
詳しくは以下
アプリにしてもWEBにしても非常に利用頻度が高い、アイコン素材。それだけに様々なアイコンセットが素材としてWEBでは提供されていますが、今日紹介するのはベクターで利用できるシンプルなアイコン200個セット「200 Free Glyphs」です。
シンプルで簡潔なアイコンが全部で200個まとめられています。顔文字的なものから、矢印やタグソーシャルメディアまでWEBで利用できそうなアイコンがほぼ揃うアイコンセットになっています。
詳しくは以下
アイコン素材はセットが変わるとどうしても調整が必要なため、種類が少ないと、自分で作る部分が増えたり、制作したものと合わせる作業が必要になります。こちらのアイコンセットは、利用頻度の高そうなアイコンが網羅されていますので、その点はこのアイコンセットのみで、制作も完結することができそうな気がします。
配布形式はpsdとなり「Dribbble – 200 Free Glyphs by Joel Siddall」の「free-download.psd」というテキストリンクからダウンロード可能です。
CSSで実現できる範囲は確実に広がってきており、様々な試みがWEB上ではプロジェクト化され公開されていますが、今回紹介するのはオープンソースライセンスで利用できるCSSリソースのまとめ「Collection of Useful Open Source CSS Resources」です。
上記の他にフレームワークから、ボタン・パーツ系まで様々なサイトがまとめられていましたので、今日はその中からピックアップして紹介したいと思います。
詳しくは以下
インターフェイスを補助したり、デザインの質を上げてくれる、便利な素材アイコン。WEBデザインでは、メニューだったり、その他付随する機能を表すときには非常に重宝しますが、今日紹介するのはシンプルで上質な280個ものアイコンセット「Steadysets – 280 free icons」です。
こちらは普段利用しそうなインターフェイス系のアイコンから、宝石やハート、注射器といったグラフィック系のアイコンまで、全部で280個ものアイコンがセットになったアイコンセットとなっています。
詳しくは以下
WEBサイトを制作していると様々な要件があり、コンテンツの一つとして天気を表示させてほしいなどのオーダーを受ける場合もあると思います。今日紹介するのは無料で利用できるお天気アイコンセット30「30+ Sets of High-Quality Weather Icons for Free」です。
Sketcy Weather Icons Glow ed. by AzureSol
シンプルなものから、かなり書き込まれたものまで、様々なアイコンセットがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
色の決定や配色は難しく、経験があるデザイナーでも迷う事も多いのではないでしょうか？オレンジや赤と一口にいっても様々なオレンジや赤があり、最終どの色がふさわしいか吟味に時間を使うというデザイナーも多いと思います。今日紹介するのは自分の選んだ色を基準にして、色を選べるWEBツール「colllor」です。
このツールはまず自分で色をカラーツールで選択し、その後選んだ色の周辺色やトーン違い等を並べて提示してくれるというもので、その色の差を見比べながら決定できるというものです。
詳しくは以下
WEB制作に便利なjQuery。プラグインも豊富にリリースされており、世界中でりよすされているjavascriptの一つです。今日紹介するのは最近リリースされたクリエイティブなjQueryプラグイン集「8 Fresh and Useful jQuery Plugins」です。
全部で8つのプラグインが紹介されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
アイコンは、デザイン制作に持っておくと便利な素材の1つ。非常にさまざまな種類がインターネット上でダウンロードできるようになっています。そんな中今回は、ちょっと個性的なアイコンセット「Cute User Avatar Icon Set」を紹介したいと思います。
世界のいろいろな人の表情や特徴を表現することができる、可愛らしい雰囲気が特徴のアイコンがセットでダウンロードできるようになっています。
詳しくは以下
webサイト制作には、全体の設計からデザイン感の決定、どんな色や書体を使うのかなど、いろいろな企画工程が必要になってきます。今回はそんな工程をできるだけ短縮しながら、精度の高いデザインに仕上げたい時におすすめなwebテンプレート集「20 Free Web Templates for Web Designers」を紹介したいと思います。
Mentum – PSD Single Page Template – graphberry.com
ハイクオリティな、現在の主流のデザイン感をしっかりと抑えたテンプレートがまとめられています。
詳しくは以下
グラフィカルな表現というのは難しく、技ももちろんありますが、感性も非常に重要になってきます。今日紹介する「Destroyed Heraldry」はクオリティの高いグラフィカルな紋章をイメージしたphotoshopブラシを集めたフリーブラシセットです。
全部で10のブラシが収録されていて、解像度も高く2500px以上の高解像度で収録されています。今日は収録されているブラシのなかからいくつかピックアップして紹介したいと思います。
詳しくは以下
効率的なデザイン制作には欠かせないPhotoshopブラシ、特にクオリティの高いブラシは豊富にストックしておきたいもの。そんな中今回紹介するのが、さまざまな木を表現できるPhotoshopブラシをまとめた「12 A Collection of Useful Tree Brushes for Photoshop」です。
（Tree-Brushes V.1 by ~King-Billy on deviantART）
美しいシルエットが印象的なブラシからリアルな風景を再現できるブラシまで、豊富なPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
夏が過ぎると、秋、そして寒い冬はあっと言う間にやってきます。そんな中今回は一足早く、美しい冬のネオンのような光の空間を表現できるPhotoshopブラシをまとめた「100+ Free Bokeh Brushes For Photoshop」を紹介したいと思います。
きらきら輝く光が散りばめられるPhotoshopブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインをする上でインパクトのあるものを仕上げるためには、フォントや装飾アイテムがポイント。イメージにあった素材をうまく選定する必要があります。そんな時に参考にしたい、個性的な印象でインパクトを与えるタイポ&ベクターセット「Pool Riders Typeface + Bonus Vector Cut-Outs」を紹介したいと思います。
タイポとベクター素材がセットになった使い勝手のよいアイテムです。
詳しくは以下
今まで、WEBデザインの細かい部分に絞ったデザイン集を「コメント部分のデザイン集「30 Must See Comment Designs」」や「日付表示のデザイン集と素材集「Gallery Of Date Stamps And Calendars」」などと紹介してきましたが、今日紹介するのは404ページのデザイン集「49 Nice And Creative Error 404 Pages」です。
通常404ページというのはエラーページであり、本来なら余り好ましくない所なのですが、「49 Nice And Creative Error 404 Pages」で紹介している404ページはクリエイティブ性が高く本来ならガッカリさせてしまうページを素晴らしい形で演出しています。今日はいくつか紹介されている中から気になるものをピックアップして紹介したいと思います。
詳しくは以下
デザインする上で、クリエイティブなフォントはいくらあっても困らないくらい重要な要素の非乙ですが、今日紹介するのは最新のデザイナーズフリーフォントを集めたエントリー「9 Fresh Free Fonts for your Designs」です。
クリエイティブなフォントが全部で9つ紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
webページを作る際には、コンセプトカラーを決めデザイン制作をするということも多いのではないでしょうか？そんな時は、カラーの特徴を押さえたデザインを参考にしたいもの。そこで今回は、さまざまなイメージカラーの中から、グリーンを基調にしたwebデザインをピックアップした「20 Creative Web Design in green Color」を紹介したいと思います。
（Entrepreneur & Startup Expert Q&A, Resources and News | Sprouter）
グリーンを使用することで、エコなイメージや爽やかさを感じられるwebサイトが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
