デザインを開発するという視点でお伝えするクリエイティブBLOG
ソーシャル系を中心に、さまざまなフリーアイコンがネット上でダウンロードできるようになっており、日々制作に活用されている方も多いのではないでしょうか？そんな中今回紹介するのは、いろいろな表情を表現できるフェイスフリーアイコン「400 Emoticons Vector Icons」です。
ベクタータイプで汎用性の高い、人の表情を表現したアイコンが400種のセットでダウンロードできるようになっています。
詳しくは以下
webサイトをより魅力的に演出するために利用されることの多いjQuery。プラグインの種類にもさまざまなタイプがありますが、今回紹介するのはフォント表現の可能性を広げるjQueryプラグイン 「20 jQuery Typography Plugins」です。
独特の動きや文字組・文字列を表現できるクリエイティブなフォントのjQueryプラグインがまとめられています。
詳しくは以下
線画や面だけで表現されるアイコンは、利用するだけで簡単に機能や意味が表現できるとても便利な存在。より多くの種類をストックしておけば、デザインの幅が広がります。今回はコレクションに是非加えたい、最新のアイコンセットまとめ「33 New and Free Icon Sets」を紹介したいと思います。
Dribbble – Free Icons by Fabrizio del Gaudio
フラットタイプから、リアルな表現を施したものまで、さまざまなテイストのアイコンがまとめられています。
詳しくは以下
まもなく迎える1年に1度のイベント・バレンタインday、楽しみにされている方も多いかと思います。そんなバレンタイン用のデザインに活用できるアイコンセット「Free download: 40 Valentine’s icons」を今回は紹介したいと思います。
かわいらしいテイストのバレンタインイメージアイコンが40個セットになって、フリーでダウンロードできるようになっています。
詳しくは以下
webデザイン制作にもはや欠かすことができない存在となっているアイコン。汎用性の高いものを選んでおけば、どんなデザインにも対応でき、より心強い存在となります。そんな中今回紹介するのは、可変可能なフリーアイコンセット「Freebie: Roundicons Icon Set (60 Icons, PNG, SVG, EPS, AI)」です。
フラットタイプのポップな印象のアイコンが60種セットでダウンロードできるようになっています。
詳しくは以下
デザインを華やかにしてくれる背景素材。紙面でもWeb上でも非常に役に立ってくれます。だからこそ新しいものは常に所持しておきたいもの。今回ご紹介する「10 Fresh & Free Vector (AI, EPS Files) Background」では、最新のアイテムがまとめられています。
Beautiful Painted Floral Illustration Vector Graphic —
全てベクターで制作されているので、非常に使い勝手がよいものとなっています。気になったものをいくつかピックアップしているので、下記よりご覧ください。
詳しくは以下
世界中で利用されているCMS、Wordpress。かなりの数のテーマがリリースされていて、無料でもかなりクオリティが高いテーマも配布されています。今日紹介するのはフリーのテーマを探すときに役立つサイトを集めたエントリー「 50 Best Websites To Download High Quality Free WordPress Themes」を紹介したいと思います。
上記のwordpress.orgといった定番中の定番から、様々なテーマ配布サイトがまとめられています。今日はそのなかから気になったサイトをいくつかピックアップして紹介したいと思います。
詳しくは以下
媒体を選ばず、幅広く利用されているクリエイティブツールphotoshop。利用されているシーンも多く、そのため、photoshopのための素材は世界中で数多く公開されていますが、今日紹介するのはWEB制作に便利な60種類のアイコン、ボタンPSD素材をまとめた「60 PSD Icon and Button Templates」です。
WEB制作では、ボタンやアイコン等、細かな素材のクオリティが全体のクオリティを決定づける要素の一つになりますが、細かな処理やデザインを加えるというのは小さな素材といえども時間がかかります。原文では、時間を短縮できる便利につかえるpsdがまとめられていましたが、今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
風合いを出す為にあえてデザインの中に落とし込む汚れ。今日紹介する「250+ Stains Brushes for Photoshop」はそんな汚れを表現する為のフリーブラシセット集です。
コーヒーの染みから油汚れ、テープの跡や塗料の汚れ等、様々な風合いを演出できるphotoshopブラシが揃っています。今日は紹介されているものの中からいくつかピックアップして紹介したいと思います。
詳しくは以下
ノートPC代わりに持ち歩く人も多く、年々利用者が増加しているタブレット。Webデザインにおいても無視出来ない存在です。今回はそんなタブレット端末でデザインを見せるときに便利なモックアプまとめ「22+ Free Tablet Mockups For Your Presentations」を紹介します。
Free Tablet PC Mock-up on Wooden Background For Graphic Designers
フルCGで作られたシャープなものから、写真ベースの温かみのあるものまで、多数のモックアップが揃っています。気になったものをピックアップしてご紹介しますので以下よりご覧ください。
詳しくは以下
今まで「250MBまで使えるシンプルなオンラインストレージ「FILEURLS」」や「最大50Gまで使える無料オンラインストレージ「A Drive」」と今までいくつかのオンラインストレージサービスを紹介してきましたが、今回紹介するのはシンプルなインターフェイスだが独特の機能をもつオンラインストレージサービス「File.io」です。
特徴的な機能の一つにアップロードしたファイルをRSSで配信できます。これは複数の人とファイルを共有する上でとても便利な機能だと思います。
詳しくは以下
今や、多くのwebサイトやグラフィック、アプリケーションのUIはフラットなデザインがメイン。無駄を省いたシンプルな見た目が、使いやすさや見やすさにも大きく影響しているようです。そんな中今回は、フラットテイストなグラフィックフリー素材まとめ「35 Free Flat Graphics and Web Elements for Designers」を紹介したいと思います。
Flat Workspace Illustrations by GraphBerry – Dribbble
フラットな質感であり、さらに高いクオリティやデザイン性を感じさせてくれる素材が揃っています。幾つか気になるものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
CSSに慣れてくるとコードを見ただけでだいたいどんなように見えるかわかったり、その逆で、こんな風に見せたいと思ったことをコードにすることもできると思いますが、覚え立ての頃はそうは行きません。今回紹介する「CSS Type Set」は実際反映された後のデザインのプレビューとCSSのコードを同時に見ながら設定できるWEBサービスです。
見た目をプレビューしながらテキストのスタイルを決めていけるので。自分の理想に近づけることも簡単で、横にCSSのコードが表示されているので、その見た目を自分のサイトに簡単に反映させることもできます。
詳しくは以下
市販されているパッケージの外箱やダンボールなどに付いている、リサイクルマークなどのようなイラストを使ったマーク表示。今まではベクターデータを使用してきた人がほとんどだと思います。そんなマーク表示をフォントとして認識し、使用できるようにしたフォントを配布しているサイト「外字神社」を紹介したいと思います。
マークをわざわざトレースして用意する手間がこのフォントで一気にはぶける、とても便利なフォントだと思います。
詳しくは以下
映画のジャンルの中でも人気の高いSF。スリル満点の演出は、観る人をその映画の世界観に引きこんでくれます。今回紹介するのは、そんなSFイメージをデザインする際にぴったりなデザインフォント「44 Free Sci-Fi & Techno Fonts For Creative Designer」です。
（CF Spaceship font by CloutierFontes – FontSpace）
SF、そしてテクノ感のある雰囲気を表現できるフォントが44種まとめられています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
