デザインを開発するという視点でお伝えするクリエイティブBLOG
この季節になると必ず1度は利用するデザイン素材、雪の結晶。素材を探したり、自分で創ったりとありふれた素材なので、それほど難しいものではありませんが、思い通りのものを見つけようとすると時間がかかります。今日紹介するのはWEB上で雪の結晶を生成できるスノーフレークジェネレータ「Snowflaker」です。
このスノーフレークジェネレータ「Snowflaker」では、雪の結晶の線幅や結晶の複雑さを任意で設定し、svgフォーマットで生成・ダウンロードができるというものです。
詳しくは以下
WEBデザインの世界は非常にトレンドの流行り廃りが早く、昨年のものは今年、今年のものを来年使えないぐらいのスピードでトレンドが移り変わっていきます。今日紹介するのは来年の2017年のWEBデザインのトレンドをまとめた「The Future of Webdesign: Trends 2017」です。
来年の注目すべき、WEBデザインのトレンドが全部で6つまとめられていましたので、順に紹介したいと思います。
詳しくは以下
そろそろ街はクリスマスムードとなってきて、クリスマス装飾を見かけるようになってきました。今日紹介するのはクリスマスを彩るアイコンセット「100 Free Flat Christmas Icons」です。
このアイコンセットはフラットでカラフルな、クリスマスらしい楽しげなアイコンが全部で100種類収録されています。収録アイコンは以下からご覧ください。
詳しくは以下
街はハロウィンからクリスマスへ変わり、クリスマスの話題も少しづつ出始めていますが、今回紹介するのはクリスマスに最適な3Dキューブアドベントカレンダー「Cubes Advent Calendar」です。
アドベントカレンダー（Advent calendar）は、クリスマスまでの期間に日数を数えるために使用されるカレンダーで、毎日一つづつ空けていくカレンダーとなります。今回の1つ1つがキューブとなっておりクリックすることで開封することが可能です。
詳しくは以下
数多くの情報を整理し分かりやすく表現するために様々なユーザーインターフェイスが開発されてきましたが、今回紹介するのはフリックやグリッド生成など様々なUIが簡単に実現できるjsライブラリ「egjs」です。
実現できるユーザーインターフェイスは全部で4つ。タッチアクションから座標位置を取得するeg.MovableCoord、シンプルなフリックeg.Flicking、要素がビューポート内に存在するかを確認できるeg.Visible、グリッドスタイルをループで生成するeg.infiniteGridとなっています。
詳しくは以下
CSSのみで制作されるアニメーションは軽量でシンプルで非常に使い勝手も良く、国内でもブラウザの制限が商業レベルでも外れてきた今、数多く活用されはじめてきていますが、今日紹介するのはCSSのみで制作されたローディングアニメーションセット「CSS Loader」です。
ローディングアニメーションはWEB制作の現場でも比較的利用頻度が高く、最近の画像中心のWEBサイトでは必ずと言っていいほど実装するためCSSのみで利用できるのは非常に魅力的です。
詳しくは以下
デザイン制作は全体のイメージを作り上げるのはもちろん、その工程ではさまざまなパーツ作りが必要となっていきます。しかし、一つ一つのパーツを作り込むには時間がかかり、全体の制作時間も増えていってしまいます。そんな中今回紹介するのが、デザイン制作に使いやすいPhotoshop素材をまとめた「80+ Absolutely Gorgeous Free PSD Files For Designers」です。
GraphicsFuel.com | Modern image slider (PSD)
web制作に使いやすいインターフェース用の素材から、イラストやアイコンまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
インターネット上では非常にたくさんのフリー素材が配布されていますが、目的に応じて合った種類を探し出すのは意外に時間がかかってしまったりするもの。今回はそんなシーンを軽減するために知っておきたい、多彩な種類のフリー素材をまとめた「50 Freebies for Designers from April 2014」を紹介したいと思います。
（Dribbble – Free Portfolio Template Design (PSD) by Vitaliy Dvoretsky）
フォントやアイコン、テクスチャ、UIといった、よく利用される素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
グラフィックデザインといっても様々なデザインがあり、紙面のデザインから、ロゴマーク、タイプなど様々ですが、今日紹介する「Logo design tips」はロゴのデザインについてのTipsを10個紹介するエントリーです。
ロゴマークはたまに作らせていただいたりしますので、せっかくなので、紹介しながら学んで行きたいと思います。簡単に下記に記しておきます。
詳しくは以下
梅雨が明けるとやってくる本格的な夏。デザインの現場でも夏仕様の素材を使用することも多くなるのではないでしょうか？そんな時に是非活用したい、ハイビスカスを描き出せるブラシ「Free and Beautiful Hibiscus Flower Brushes」を紹介したいと思います。
（Hawaii brushes by RockQ on deviantART）
華やかで夏らしいデザインにぴったりマッチするハイビスカス柄のブラシが紹介されています。
詳しくは以下
つねに最新のものをチェックしておきたいフリー素材の一つ・アイコン。日々いろいろなタイプのものが発表され続けています。そんな中今回紹介するのは、多彩なフリーベクターアイコンセットまとめ「1000+ Free Vector Icons」です。
[ Free Download ] 40 Monoflat icons collection on Behance
非常に個性的なテーマから定番まで、ベクター形式で作られたアイコンセットが多数紹介されています。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
どんどんと新しい種類が登場するアイコン。特にwebデザインで使う素材の定番だけに、常にチェックしダウンロードしておくことでトレンドのデザインをもっとっ魅力的に演出できると思います。そんなダウンロードしておきたいアイコンのリストとして加えたい、120種がセットになったカラフルなフリーフラットアイコンセット「120+ Free Set PSD Colorful Ficons Icons」を今回は紹介します。
可愛らしいテイストのフラットアイコンが120種類セットでダウンロードできるようになっています。
詳しくは以下
空から振る雨や雪は、時に幻想的な雰囲気を感じさせてくれるもの。そんな中今回紹介するのは、雪&雨のテクスチャを多数集めた「A Collection of Free Snowfall and Raindrop Texture to Add Up a Moody Feel」です。
（rain texture by *orbitingasupernova on deviantART）
見ているだけで吸い込まれていきそうな、しんしんと降り注ぐ雪と雨の様子が、多彩なテクスチャとなって紹介されています。中でも気になったものをピックアップしました。下記より御覧ください。
詳しくは以下
現在のタスクがどれだけ進行しているかを視覚的に表示してくれるプログレスバー。webサイトの読み込みやダウンロード状況などを知る際には欠かすことができない存在となっています。今回はそんなプログレスバーのフリーで使用できるものを集めた「26 Free Progress Bar Interface PSDs」を紹介したいと思います。
Eye Candy Percentage Bar PSD Freebie | The Finished Box
デザイン演出がされていないことが多いプログレスバーをグラフィカルに表現したpsd素材がまとめられています。
詳しくは以下
Webサイトにとってアイコンは、ユーザーが求めている情報にスムーズにたどり着くために必要なアイテムです。機能や情報をグラフィックに置き換えて分かりやすく示すことが重要となります。今回はそんな時に役立つアイテム、アナログ感のあるPOPでカワイイアイコンセット「Web & Mobile Icons Bundle」の紹介です。
POPでカラフルなアイコンが40種類セットになった便利なアイテムです。
詳しくは以下
![[ Free Download ] 40 Monoflat icons collection on Behance](https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/4e2b4531248465.56485818b7f24.jpg){kind=link}