デザインを開発するという視点でお伝えするクリエイティブBLOG
音楽系のデザインをする際、楽器などのアイコンは多くありますが、少しマニアックなものとなるとなかなか見つからないもの。そんな中、今回ご紹介するアイコンパック「EXCLUSIVE: FREE GEEK TECH ILLUSTRATIONS PACK」は、音楽関連に特化したものとなっています。
くすんだレトロな色合いが可愛らしいアイコンがセットでダウンロードできるようになっています。
詳しくは以下
ゲームに慣れ親しんだ世代が増えるにつれて、さまざまなジャンルのゲームが登場し多種多様なデバイスに展開し多くの人が楽しむものとなっています。今回紹介するのはそんなゲームのWebサイトに絞ったWordPressのテーマ集「30 Superb WordPress Gaming Themes for Game Freaks」です。
Extreme Gaming WordPress Theme | WordPress Themes 2013
海外で人気のFPS(一人称シューティングゲーム)や、スポーツ、シュミレーションゲームなど、さまざまなテーマに合わせたテンプレートが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
常に新しいタイプが登場し続けるフォント。トレンドを取り入れたデザイン性の高いものを求めて、アンテナを張っている方も多いと思います。そんなハイクオリティなフリーフォントを集めた「22 New Free Fonts for Designers」を今回は紹介します。
シンプルなテイストから、フォント自体がデザインされたものまで、いろいろな種類がまとめられています。
詳しくは以下
さまざまなデザインに活用できる背景素材。配布されている種類も非常に豊富なので、デザイン制作の為にいろいろ集めてストックされている方もいらっしゃるかと思います。今回はそんなストックに是非プラスしたい、グラデーションの効いた30種のフリーバックグラウンド素材「30 Free Backgrounds」を紹介したいと思います。
色合いのバリエーションが豊かなバックグラウンド素材30枚が、サイズ800x600pxの大きさでまとめられています。
詳しくは以下
以前「デザイナーのためのWEBポートフォリオ集「50 Beautiful and Creative Portfolios」」という記事でクールなデザイナーのポートフォリオサイトをまとめたエントリーを紹介しましたが、今日紹介する「30 More Portfolio Sites for Your Design Inspiration」もそんなデザイナーのポートフォリオのデザインリソースとなりうるまとめエントリーです。
前回と比べて、選んできているサイトが違う的に、全体的にグラフィカルなものが多いような感じがします。全部で30のサイトが紹介されていますが、今日はその中からいくつ描きになったポートフォリオサイトを紹介したいと思います。
詳しくは以下
デザインは使うフォントでイメージがガラリと変わります。メインとなるタイトルには印象的なフォントを使ったり、読ませる部分には可読性の高いものを使うなどシーンで使い分ける必要があるので、フォントの選定はとても重要となります。そんな中今回紹介するのは、近未来を表現したデジタライズフォント「Kid A – Free Font」です。
処理を加えることで多彩な表現が可能なデジタライズフォントです。
詳しくは以下
WEBデザインで最も重要な要素の一つナビゲーション。今日紹介するのは良質なナビゲーションを制作する為の例を紹介しているエントリー「30 Examples of Attractive Nav」を紹介したいと思います。
Typographica Typographica
良質なナビゲーションの種類と実例を紹介しながら、まとめられています。今日はその中からいくつか気になったナビゲーション例をピックアップして紹介したいと思います。
詳しくは以下
ベクター機能を持っているため、オブジェクトの拡大縮小も可能なSVG形式の素材。グラフィック制作だけでなく、テキストエディタでの編集もできるため、現代のweb業界では非常に注目・重宝されている形式です。今回はそんなSVGフラットアイコンセット「150+ Free Animated SVG Icons」を紹介したいと思います。
ポップなテイストのSVGアイコンが150種揃っており、さまざまなシーンで利用することができそうです。
詳しくは以下
WEBサイトのページ遷移のために欠かせないナビゲーションメニュー。横や縦一列に並び、誰にでも分かりやすいものが多いですが、いかに印象的なデザインができるかでデザインのクオリティが左右されるのではないでしょうか。そんな中今回は、デザイン性の高い新しいナビゲーションメニューのデザインをまとめた「Unusual & Unique Examples Of Website Navigation」です。
レイアウトや表現方法がユニークなメニューデザインがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインに重要なフォント。フォントの選び方でデザインの印象はガラリと変わります。毎日数多くのフォントが公開され、世界中で多くのフリーフォントが制作され利用されていますが、今日紹介するのは比較的新しく作られたハイクオリティなフォントを集めたエントリー「9 New High-Quality Free Fonts」です。
少し変わったフォントから王道なものまで、様々なフォントがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
普段何気なく閲覧しているサイトですが、UIデザインや背景の処理など様々な部分に工夫が凝らされています。そんな中今回は、javascriptで様々なバブル表現が可能なオープンソース「Bubbly Backgrounds: Moving Backgrounds for Your Website」を紹介したいと思います。
様々なバブル背景が簡単な手順で制作することができるようになっています。
詳しくは以下
新しいゲームを始めたり初めてのWebサービスを利用する時、どんな操作をすれば良いのか最初にチュートリアルがあると、とても分かりやすいですよね。今回はWebサイトにそんなチュートリアル機能を付与するプラグイン「Bootstro.js」を紹介したいと思います。
実際にデモを動かしてみるとわかりますが、対象箇所のハイライト + 画面スクロールで、とてもわかりやすく説明を受けることができます。
