デザインを開発するという視点でお伝えするクリエイティブBLOG
ベクター機能を持っているため、オブジェクトの拡大縮小も可能なSVG形式の素材。グラフィック制作だけでなく、テキストエディタでの編集もできるため、現代のweb業界では非常に注目・重宝されている形式です。今回はそんなSVGフラットアイコンセット「150+ Free Animated SVG Icons」を紹介したいと思います。
ポップなテイストのSVGアイコンが150種揃っており、さまざまなシーンで利用することができそうです。
詳しくは以下
特にwebデザインを手がける際によく利用するアイコン。小さなイラストで意味を表現できるとても便利なツールです。今回はそんなアイコンを37種まとめた「37 Fresh and Free Icon Sets for Web Designers」を紹介したいと思います。
定番として使えるタイプから、個性的なものまでさまざまなアイコンがセットになっています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
アイコンデザインにはさまざまな種類があり、テイストだけでなく形状も多彩な種類が存在しています。そんな中今回紹介するのは、六角形のデザインフリーアイコンセット「15 Free Hexagon Icon Sets For Your Project」です。
（Dribbble – Hexicons by Charles Patterson）
すべて六角形でできたアイコンがまとめられており、用途に合わせて使い分けることができるいろんな種類が紹介されています。気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
日にちを表現するデザイン部分に利用できるカレンダーアイコンは、使用頻度はそれほど高くないかもしれませんが、持っているといざという時に非常に便利なもの。今回はそんなカレンダーアイコンセット「45 Stunning Calendar Icon Sets For Free Download」です。
（Calendar Icon by thiago-silva on deviantART）
デザイン性のあるさまざまな種類のアイコンがまとめられています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
webデザインの制作素材として欠かすことができないアイコン素材。デザインテイストに合わせて、アイコン自体のデザインも使い分けたい、そんな時に是非参考にしたいフリーアイコンまとめ「Fresh and Free Icons for December 2013」を今回は紹介したいと思います。
フラットタイプのアイコンを中心に、さまざまなジャンルのアイコンがまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
iOS7の登場により、フラットデザイン化は様々な場所で進んでおり、取り入れる機会も増えてきているのではないでしょうか。今回紹介するのはフラットデザインにも合わせやすいベクターでも使えるノリモノに特化したアイコンセット「150 Royalty-Free Transport Icons Pack for Download」です。
自転車、バイクのような２輪から、トラックなどの大きな車、更に船や飛行機、気球とかなりバリエーション豊かで、様々な乗り物を網羅しており、用途にハマればこれ以上にないアイコンセットです。
最近のWEB制作ではよく使われるJavaScriptライブラリの1つ「jQuery」。様々な動きをつけることが可能ですが、今日紹介するのはjQueryを使ったアニメーションのTipsをまとめたエントリー「13 Excellent jQuery Animation Techniques」です。
Create a Cool Animated Navigation with CSS and jQuery
全部で13のjQueryを使ったアニメーションのTipsが紹介されていますが、今日はその中から気になったものをピックアップして紹介したいと思います。
詳しくは以下
ワイヤーフレームの作成は、プロジェクトを進行する上で非常に重要な役割をもち、全体の構造把握のために必要な過程。そんなシーンで活用したい、フリーで配布されているものを豊富にまとめている「50 Free Wireframe Templates for Mobile, Web and UX Design」を今回は紹介いたします。
Freebie – Iphone templates for mobile storyboard by Jean-Baptiste Eudeline – Dribbble
便利に活用できそうな、さまざまなテイスト、種類のワイヤーフレームが揃っています。気になったものをいくつかピックアップしてご紹介しているので、ご覧下さい。
詳しくは以下
WEBデザインは背景によって大きく印象が変わり、それだけにテクスチャや背景パターンの素材は数多くリリースされていますが、今回紹介するのは先進的な印象を与えてくれるカラフルな幾何学パターンセット「Colorful Geometric Pattern」です。
全部で8枚の繰り返しで利用できるシームレスな背景パターンがまとめて配布されています。収録されているパターンについては下記からご覧ください。
詳しくは以下
イラスト表現に長けたソフト・イラストレーターは、デザイナーにとっては必須とされる技術でもあります。しかし、高度なイラストの作成は時に難しく、デザインの幅に行き詰まることもあるのではないでしょうか。そんな中今回紹介するのは、多彩な表現をイラストレーターで可能にするブラシセット「30 High Quality Adobe Illustrator Brush Sets」です。
（Free Illustrator Brushes and Vectors: Foliage | BittBox）
さまざまなテイストやテーマのブラシが多数収録されています。中でも気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。
webサイトやスマートフォン、タブレットなどのインターフェイスデザインを手がける時には、いろいろな要素が必要になってきます。しかしすべてを一から作り上げたり、構成を抽出するのはなかなか難しく、ましてやそこにデザインが加わるとなるとかなり大変な作業。今回はそんなインターフェイスデザインをもっとスムーズにしてくれるチュートリアル集「Interface Design 101: Tutorial Roundup」を紹介したいと思います。
Designing Custom iOS App Interface Elements using Photoshop – DesignM.ag
さまざまデザインのインターフェイス設計用デザインや参考リンクがまとめられています。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
非常に高機能なjavascriptライブラリとして、WEBではかなり利用されているjQuery。今回紹介するのはjQueryとCSSで制御するスライダー「Automatic Image Slider w/ CSS & jQuery」です。
この手のjQueryを用いたスライダーは数多く存在しますが、「Automatic Image Slider w/ CSS & jQuery」はHTML部分、CSS部分とてもシンプルに作られており、カスタマイズが非常に簡単に行なう事ができます。また動きの部分のjQueryもシンプルなので、カスタマイズもjavascriptを知らないというかたでも何となく分かる作りになっています。
詳しくは以下
水彩イラストは、鮮やかな色合いと、柔らかなニュアンスをデザインにプラスしてくれる存在として、非常に魅力的です。今回はそんな、水彩イメージのアートワークセット「FlorArt Watercolor Kit」を紹介します。
まるで本当に水彩絵の具で塗ってあるかのようなクオリティの高いイラストレーションとなっています。
詳しくは以下
フリーフォントを探す際、検索で気になるワードで探すよりも、まとめを参考にすることでよりクオリティの高いものを選定できるのではないでしょうか？今回はそんな時に参考にしたい、豊富にピックアップされたフリーフォントまとめ「45 Beautiful Fonts You Can Download For Free」を紹介したいと思います。
デザイン性のあるフリーフォントが多数、いろいろなテイストの種類でまとめられています。気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
photoshopの写真加工技術は日々進化し、手軽かつ非常に幅広いバリエーションでの表現をすることができるようになりましたが、もっと簡単かつ手軽に作業をしたい時におすすめなまとめ「40 Time Saving Free Photoshop Actions For Vintage Effect」を、今回は紹介したいと思います。
（CoLoR effect 4.5 by `sa-cool on deviantART）
ヴィンテージな雰囲気の写真加工を登録するだけで簡単に行うことができるフリーのアクションが多数収録されています。気になったものを以下にピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
様々な用とで使えるアイコン。非常に便利なものですが、クオリティの高いものを制作しようと思うと、それなりに時間と手間がかかります。今日紹介するのはクオリティの高いアイコンセットを幅広く収録したアイコン収集サイト「IconFever」です。
こうしたフリーアイコンは非常に利用しやすいのですが、個別にライセンスが定められており、その規約内で利用しなければいけません。「IconFever」の良い所は、一つ一つにキチンとライセンスに着いて明記されており、ライセンス別でまとめて表示できるようになっています。今日は商用利用可能なアイコンセットの中からいくつかピックアップして紹介したいと思います。
詳しくは以下
