デザインを開発するという視点でお伝えするクリエイティブBLOG
アイコンにはいろいろな種類があり、デザインテイストやテーマなどもさまざま。制作しているwebサイトなどによって使い分けることができます。そんな中今回紹介するのは、六角形をテーマにしたアイコンセットまとめ「12 Free Hexagon Icon Sets & Photoshop Files」です。
Dribbble – Hexicons by Charles Patterson
六角形の形状で統一されたアイコンセットがまとめられており、通常の円形・四角形のアイコンと差を付けたい時におすすめです。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
いろいろな種類が展開されているアイコン。デザインにもさまざまなテイストのものが存在していますが、今回紹介するのは、レトロな雰囲気のフリーマルチメディアアイコン「35 Multimedia Icon Set」です。
マルチメディアをテーマとした、フラットで個性的なデザイン性のアイコンが35種セットでダウンロードできるようになっています。
詳しくは以下
ソーシャルアイコンやビジネスツールなどをビジュアル化したアイコンセットは多数配布されていますが、今回紹介するのは、ビジネスシーンを想像させるフリーアイコンまとめ「30+ Freebie Business Icons You Should Have」です。
IWork 10 Iconset (7 icons) | Gordon Irving
手帳やバッグ、ノートやパソコンなどのデバイスなど、仕事をする際に必要なアイテムがアイコン化されたセットが紹介されています。
詳しくは以下
アイコンをインターネット上で探すと、非常に膨大な量が検索されると思います。それゆえにどれを使用したら良いのか迷ってしまうこともあるのでは？今回はそんなときに参考にしたい、多目的なフリーアイコンまとめ「20 Free, Multi-Purpose Iconsets You Should Bookmark」を紹介したいと思います。
100 Free iOS Vector Icons. SKETCH, AI, PNG, SVG files.
定番として利用できそうなアイコンが豊富に揃っているので、ストックしておけばいろいろなシーンで活用できそうです。
詳しくは以下
いろいろな種類の素材が展開される中、特にアイコンは多彩なテーマのものが配布されています。そんな中今回紹介するのは、いろいろなテーマが揃ったフリーフラットアイコンまとめ「48 Flat and Free Icon Sets for June 2015」です。
ベーシックなタイプから、個性的なテーマのものまで、さまざまな種類のアイコンが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインをわかりやすくしてくれる役目をすることが多いアイコン。種類やデザインは非常にさまざまなものが配布されています。そんな中今回紹介するのは、宇宙をテーマにしたフリーアイコンセット「Free Space Icon Set」です。
幻想的な世界観が特徴の宇宙を、ポップなテイストのアイコンでシリーズ化。かわいらしいデザインが特徴のアイコンセットとなっています。
詳しくは以下
サイトテンプレートからUI設計、アイコン、出来上がったデザインを実際に見せるためのモックアップに至るまで、WEBサイトを制作するにあたって、必要となる材料や要素は数多く存在します。そんな中今回紹介するのは、デザインを進めるにあたって必要不可欠となるツールをフリーでダウンロードできるサイト「UIPIXELS」です。
iPhone 6s Plus Mockups | Free PSDs & Sketch App Resources for Designers – uipixels
サイトの構成を決めるテンプレートから細かなパーツまで、制作する中で活躍してくれるであろうアイテムが網羅されているのが、とても魅力的なサイトです。サイトでダウンロードできる素材をいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
webデザイン制作で便利に活用できるpsd素材ですが、都度インターネットなどを検索し、欲しい素材を探すのには手間と時間がかかってしまいます。そこで今回紹介するのが、さまざまなテイストのデザインパーツ素材サイトを集めた「10 Awesome Websites With Free PSD Resources for Download」です。
（Free web design resources & layered PSD files on Freebies Booth）
シンプルな素材に強いサイトから、可愛らしいデザイン素材を取り扱うサイトまで、さまざまなサイトが紹介されています。中でも気になったのもをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインに欠かすことのできないフォントは、選定する種類によってデザインそのものの印象が変わってくる重要な役目を持ったもの。イメージにぴったり合ったものを是非見つけたい、そんな時に参考にしたいフリーフォントまとめ「45 New High-Quality Free Fonts For Designers」を今回は紹介したいと思います。
ゴシック、スクリプト、手書き風など、いろんなテイストのフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
クリエイティブな表現には欠かせないFLASH。Actionscript 3.0によって大きく変わりしましたが、今日紹介するのはそんなActionscript 3.0を使ったFlash表現のチュートリアルをあつめたエントリー「30 Hand-picked Flash and Essential Actionscript 3.0 Tutorials」です。
3D Menu on a Cube with Perspective
様々なクリエイティブや技が紹介されていますが、今日はその中からいくつか気になったチュートリアルをいくつかピックアップして紹介したいと思います。
詳しくは以下
デザインをする上で、完成度や世界観を伝える為に大きなチカラになってくれるのがテクスチャ。良いテクスチャが見つかっても大きなものを制作していたり、テクスチャ自身のサイズによっては引き詰めた時につなぎ目が見えてしまって上手く使えないときもあります。
今日紹介するのは引き詰めて使う事ができるテクスチャを集めた「Free Seamless Grungy Green Textures」です。グランジ系のテクスチャがセットになって配布されています。
詳しくは以下
フォントを使ってデザインをする上で大切なことの中に、“読みやすさ”、そして“目をひくこと”も重要な要素となってくると思います。今回はそんな時に参考にしたいまとめ「The 100 Best Free Fonts for Designers」を紹介したいと思います。
Weston free font – Fontfabric™
さまざまな種類のフォントが100種類というボリュームでまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
アイコンにはさまざまな種類がありますが、比較的シンプル・ミニマルなデザインが主流の今、癖の少ないデザイン性の素材が求められることが多いのではないでしょうか？そんな今回は、シンプルさを追求したデザインにおすすめなアウトラインアイコン「Linea: Free Outline Iconset」です。
いろいろなテーマのラインアイコンがテーマ別に730個収録された、便利に活用できるアイコンセットとなっています。
詳しくは以下
非常に便利に活躍してくれる素材の代表といえば、テクスチャ。種類も豊富で、使い方によってはいろいろな表情を見せてくれます。そんな中今回紹介するのは、いろいろなテイストの素材が揃うテクスチャパックまとめ「A Perfect Variety Of Free High Resolution Texture Packs」です。
5 High Resolution Brick & Tile Textures
数種類がセットにまとめられたテクスチャパックが紹介されており、デザインにおおいに活用することができそうです。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
スマートフォンを中心に徐々に現場レベルでも利用されてきているCSS3。ブラウザの互換の問題から利用できない案件もありますが、求められるスキルの一つになっていくとは思います。今日紹介するのはそんなCSS3の素晴らしいチュートリアルを集めたエントリー「30 Excellent CSS3 Tutorials」です。
ナビゲーションメニュー、ボタンなどなど様々な表現のチュートリアルがまとめられています。今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
制作には非常に便利なjQueryプラグイン、世界中で利用されているだけに、日々、様々なjQueryプラグインがリリースされています。今日紹介するのは2011年に公開されたjQueryプラグインを寄りすぐったまとめ「Best jQuery Plugins of 2011」です。
様々なjQueryプラグインが公開されていますが、今日はその中から気になったプラグインを紹介したいと思います。
詳しくは以下
