デザインを開発するという視点でお伝えするクリエイティブ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種類も揃った、クリスマスにぜひ使いたい便利なアイコンセットです。
詳しくは以下
(さらに…)
どんなWEBサイトでも利用できるシンプルなアイコンは非常に使い勝手がよく、上手く利用さればWEB全体のクオリティも上げてくれる優れた素材です。今日紹介するのはそんな汎用性の高いミニマムなアイコンセットを集めたエントリー「Top 10 Beautiful Minimalist Icon Sets」を紹介したいと思います。
一定以上数のあるアイコンセットが集められており、一つのアイコンセットでほぼすべて事足りるようなセットが中心です。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
先日リリースされた、iOS 9.3、新機能からデザインの細部など様々な箇所がアップデートされていますが、今回紹介するのはiOS9.3のデザイン提案にベクターデータで使える「Free iOS 9.3 iPhone UI Kit」です。
新しく追加されたアイコンセット、フォント選定UI、新しいヘッダーバーなどを含めて、様々なUI部分が収められています。
詳しくは以下
現在かなりの数のWEBページが存在し、様々なインターフェイスが派生しています。今日紹介するのはそんなインターフェイスのデザインを調査しているサイト「Interface Research」です。
こちらのサイトでは上記のように二者択一形式でサイトのインターフェイス デザインのアンケート調査しています。
詳しくは以下
Photoshop形式のフリー素材は、高いデザインクオリティが表現されているだけでなく、特にweb関連のデザインに利用しやすいのも嬉しい要素の一つ。そんな中今回紹介するのは、UIデザインなどに活用できるPhotoshop素材まとめ「Free PSD Files: Download 28 UI/UX Design Photoshop PSD Graphics」です。
Vintage Vector Logos – GraphicsFuel
デザイン性の高いいろいろな種類のpsd形式素材がまとめられており、どれも使ってみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
フォントにもいろいろな種類がありますが、グラフィック要素として取り入れようと思うとフォント自体に個性が必要。今回はそんなシーンにおすすめ、幾何学的なテイストのフリーフォント選「10 Free Geometric Fonts To Download」を紹介したいと思います。
10種という厳選された種類ですが、どれも個性もありデザイン性のあるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBサイトにおいて、探すインターフェイスは非常に重要で、初めて見るサイト・使い慣れたサイトでもともによく利用するものとなりますが、今回紹介するのはダイナミックで洗練された検索ユーザーインターフェイスキット「Inspiration for Search UI Effects」です。
WEBサイトで利用できる様々なユーザーインターフェイスが全部で11まとめられています。全画面でダイナミックにアニメーションするものから。検索コマンドのように事例を見せるユニークなタイプのものまでがまとめられています。
詳しくは以下
WEBのインターフェイスで重要な要素の一つフッターその使い方は様々で単純にコピーライトをいれる場合もあればナビゲーションとして有効活用されている場合もあります。今日紹介するのはwordpressで作られた上手くフッターを活用している例を集めたエントリー「20 great WordPress Footer Designs for Inspiration」を紹介したいと思います。
Web Development & Design Tutorials – Nettuts+
主にナビゲーションに使われている例が多いのですが、その見せ方も様々です。今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
WEB制作の現場で利用されているjQuery。非常に軽量かつ、高機能なjavascriptライブラリで、世界中で様々なプラグインがリリースされていますが、今日紹介するのは2011年にリリースされた、使えるjQueryプラグインをまとめたエントリー「The 50 Most Useful jQuery Plugins from 2011」です。
全部で50ものプラグインがまとめられていますが、今日はその中から特に気になったものを紹介したいと思います。
詳しくは以下
WEBで文字にちょっとした変化をつけようと思うと、なかなかHTMLとCSSだけでは難しくて、どうしても画像にしたりFLASHにしたりとしなければいけない場合が多いかと思います。多くの場合は問題はないのですが、利便性などを考慮した場合、テキストのまま処理ができたほうが良かったりもします。今日紹介するのはjQueryで文字に対してかけられる様々なエフェクトを集めたエントリー「20+ Easy to Use jQuery Text Effects and Animations 」です。
グラデーション、影、アニメーションなどなど様々なエフェクトが公開されています。全部で20個のエフェクトが公開されていますが、今日はその中からいくつか気になった物を紹介したいと思います。
詳しくは以下
