デザインを開発するという視点でお伝えするクリエイティブBLOG
アプリには必要不可欠なアイコン。テキストよりもアイコンで伝えることが多く、ほとんどのユーザーもアイコンで直感的に機能を理解して操作を行うことが多いのではないでしょうか。それくらい重要なアイコンを探している方におすすめできる、「140+ Free Vector UI Icons (SVG)」を今回はご紹介していきます。
複数のテーマにわけられてシリーズ展開されているアイコンまとめになります。
詳しくは以下
多種多様なアイコンはストックしておきたいもの。また、常に新しいものを手にしておくことで、デザインのトレンド性を保つことができると思います。そんな中今回紹介するのは、最新のアイコンをチェックできる便利なアイコンストックサイト「IconBros」です。
既に700個以上のデザインアイコンが収録されています。
詳しくは以下
情報を分かりやすく視覚化してくれるアイコンは、ウェブデザインやアプリのUIなど、デザインをするにあたって欠かせない存在となっています。今回ご紹介するのは、そんなデザインに欠かせないアイコンのフリー素材をまとめた「30 Free Icons Sets to Use on Websites and Apps」です。
30 Free Icons Sets to Use on Websites and Apps
使えるハイクオリティな多種多様なアイコンが30セットも紹介されています。その中から、気になったアイコンを幾つかピックアップしてみました。
詳しくは以下
クリスマスが間近に迫り、街もホリデーイメージに染まってきました。そんなクリスマスシーズンにぴったりな、シンプルなアイコンセット「50 New Free Christmas Icons (Flat, Line, Linecolor)」を今回は紹介したいと思います。
50 New Free Christmas Icons (Flat, Line, Linecolor) | Designbeep
クリスマス風のキュートなアイコンが50種類もセットになった大ボリュームな内容となっています。
詳しくは以下
医療系分野は専門用語も多く、ユーザーにわかりやすくサイトやパンフレットを使用してもらうためには、視覚的に説明できるアイコンが効果的です。そんなシーンで役に立つ医療系アイコンのまとめ「20 Free Medicine Icon Sets You Can Use」を今回はご紹介していきたいと思います。
Health Icons by UI8 – Dribbble
洗練されたストロークアイコンからカラフルなアイコンまで幅広く収録されています。下記にいくつかピックアップ致しましたので、ご覧ください。
詳しくは以下
冬の一大イベントクリスマス。街中もそろそろクリスマスカラーに染まってきた頃なのではないでしょうか？今回はそんなクリスマスに向けて、これからの季節に最適なクリスマスをモチーフとしたキュートなアイコンセット「Free Christmas Icon Bundle in SVG & PNG Formats」をご紹介します。
丸みのある可愛らしいタッチで描かれたアイコンが70種類も揃った、クリスマスにぜひ使いたい便利なアイコンセットです。
詳しくは以下
(続きを読む…)
街はクリスマスムード一色というこの季節に最適なアイコンセット「Top 10 Christmas Social Bookmarking Icon Sets」を今回は紹介したいと思います。
PSDFAN Exclusive Christmas Icon Set « PSDFan
雪と共に佇むアイコンたち。頭にかぶったサンタ帽がさらにクリスマスムードを高めてくれています。
クリスマステイスト満載のソーシャルブックマークアイコンが多数紹介されており、見ているだけで楽しくなりそうです。さまざまなセットの中から気になるものをいくつかピックアップしてみましたので、下記よりご覧ください。
デザインの印象を決定付ける要素の一つフォント。様々なフォントが世の中には存在しますが、今日紹介するのはデザインに使えそうなフォントをまとめたエントリー「21 More Free Fonts to Enhance Your Designs」です。
ジャンルを問わず様々なフォントが集められています。今日はその中から特に気になったフォントをいくつか紹介したいと思います。、
詳しくは以下
日々新しいものがどんどんと誕生しているデザインフォント。常にチェックされている方も多いのではないでしょうか？そんな中今回紹介するのは、デザイナーがチェックしておきたい最新フリーフォントまとめ「12 Newest Free Fonts for Designers」です。
デザイナーとして活躍されている方、デザインを手がけている方なら是非知っておきたいデザインフォントがまとめられています。
詳しくは以下
InstagramやPinterestなど、トレンドとなっているSNSは写真をメインに使ったもの。そんな流れがある中、重要なのはいかに自分の写真を目立たせるか。多くの写真が流通しているネット社会では目に止まらないことも多いはず。そんな悩みを解決してくれるまとめ「Social Mood Board Set」を今回はご紹介していきたいと思います。
写真を組み合わせてレイアウトするだけでなく、さまざまなサイズでランダムに配置させたりと、おしゃれなイメージのコラージュを簡単に作り上げることができるセットとなっています。
詳しくは以下
webサイトやグラフィックデザイン制作に役立つパターン素材には無限の種類が存在していますが、今回紹介するのは、ヘリンボーン柄のパターン素材まとめ「30 Herringbone Patterns That Can Improve Your Design」です。
Pattern / Straight{and narrow} :: COLOURlovers
まるで魚の骨のような形状が特徴のヘリンボーン柄の、さまざまな種類がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイン制作に便利に利用できる素材にはいろんな種類が存在し、シーンや目的に合わせて探し使い分けていると思います。そんな中今回紹介するのは、さまざまなデザインシーンに対応した最新素材まとめ「50 Free Resources for Web Designers from August 2014」です。
Redlight – Complete Friendly User Interface – 365psd
UI、フォント、ブラシ、アイコンといった、多彩な種類の素材がまとめられています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
ユーザーを視覚的に誘導してくれるアイコン。1つの種類でカラーバリエーション豊かなものがあると、アイコンのばらつきで雰囲気を損ねることなくデザインに統一性を持たせることができます。今回ご紹介する「Freebie: Funkies Icon Set (100 Icons, SVG & PNG)」は、5つのバリエーションでデザイナーの役に立ってくれるアイコンセットです。
シンプルでミニマルなテイストのアイコンが100種、セットでダウンロードできるようになっています。
詳しくは以下
動画はトラフィックを取られすぎてなかなか展開はできないけどなんとかしたいという思いから、動画部分をGIFアニメーションで代替して利用するというサイトを最近では見かけます。今日紹介するのはFacebookライクなインターフェイスでGIFアニメーションプレビューを実装できる「Facebook Like GIF Preview Using jQuery」です。
こちらはjQueryベースで制作されており、jQueryとライブラリ、CSSを読みこせて、HTMLとjsを追記するという形で、比較的簡単に実装が可能です。
詳しくは以下
GIFのマークをクリックするとGIFアニメーションがスタートし、再度クリックすると元に戻ります。挙動については、デモサイトが準備されていましたので「Gif Preview with jquery」からご覧ください。
クリックでイベントが起きるため、スクロール位置などイベントを作っておけば、表示位置に来たら自動的に再生するなんてこともできそう。使い方次第ではグッとサイトが良くなるかもしれないjQueryプラグインだと思います。ソースコードはgithubにて公開されておりましたので、試してみたい方は「Fork it on Github」からどうぞ。
手書きで描かれたカリグラフィは、柔らかな印象やスタイリッシュな印象など様々なニュアンスを表現できることもあり、汎用性も高く人気のアイテムです。そんな中今回紹介するのは、用途に合わせてアレンジ可能なカリグラフィブラシとテクスチャのセット「Procreate Calligraphy Brushes」です。
テクスチャとブラシがセットになっているので、組み合わせ自在の使えるアイテムです。
詳しくは以下
デザイナーなら必ず使用したことがあるであろうテクスチャ。フリーで使用できるものが非常にたくさん展開されており、グラフィックからwebまで用途が幅広い点も魅力となっています。今回はそんなテクスチャの中でグランジテイストの「Five Colored Grunge Textures」を紹介したいと思います。
絶妙に質感の違う5色のグランジテクスチャがセットになっています。
詳しくは以下
