デザインを開発するという視点でお伝えするクリエイティブBLOG
世界各国共通で人気のスポーツ。非常にさまざまな種類がありますが、今回紹介するのは、そんなスポーツを表現したフリーアイコンまとめ「38 Superb Yet Free Sports & Games Icon Sets」です。
Wooden Sports Iconset (5 icons) | Uriy1966
フラットなテイストから、リアルな立体感のあるタイプまで、いろんな種類のアイコンが紹介されています。
詳しくは以下
アイコンにはさまざまな種類が存在しており、デザインのテイストやテーマによって使い分けて活用することが多いと思います。そんな中今回紹介するのは、シンプルテイストで幅広いデザインに利用できるラインアイコン「100 Simple Line Icons」です。
Mirko Monti氏によってデザインされた、100種の定番として活躍してくれそうなアイコンがセットでダウンロードできるようになっています。
詳しくは以下
アイコンの中でも、シンプルで非常に使い勝手の良いラインアイコン。持っていると非常に重宝すると思います。そんな中今回紹介するのは、定番の種類もしっかりと抑えたフリーラインアイコンセット「Free Download : 210 Line Icons」です。
ウクライナのデザイナー・Robert Karnovski氏手がける、定番アイコンとして利用できそうな210個がセットになっています。
詳しくは以下
トレンドに合わせて日々進化し続けているアイコンデザイン。テイストはもちろん、種類も非常に豊富にあるので、いろんなデザインシーンで活用することができます。そんな中今回紹介するのは、最新のフリーフラットアイコンをまとめた「26 Free and Flat Icon Sets for September 2014」です。
フラットなデザイン性を取り入れたアイコン素材が紹介されており、さまざまな制作物に利用できそうです。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
フリー素材としてたくさんの種類が配布されているアイコン。デザインのテイストに合わせていろいろな種類をストックしておきたいものです。そんな中今回紹介するのは、ポップなテイストのフリーベクターアイコン「112 Fully Scalable Vector Icons」です。
丸みを帯びた、ポップでツヤ感のあるデザインが特徴の112種のアイコンがセットになってダウンロードできるようになっています。
詳しくは以下
比較的小さく使用することの多いアイコン。単体使いでも印象的に見せるためには、アイコン自体にも個性が必要です。そんな中今回紹介するのは、ポップなテイストのフリーアイコンが80種揃った「Medlee – 80 Fancy Icons」です。
スロバキアのデザイナー・Luke Mynus Kovac氏手がける、個性を感じさせるかわいらしいテイストが特徴のアイコンが80種セットでダウンロードできるようになっています。
詳しくは以下
webコンテンツを手軽にスクラップできるTumblr。気になる情報をまとめ、簡単に発信する事ができる存在として人気が高く、たくさんの人に利用されています。そんな中今回は、Tumblrの見た目をより自分らしくカスタマイズできるテンプレートをまとめた「A Showcase of Great Looking Tumblr Themes」を紹介したいと思います。
シンプルなデザインはもちろん、可愛らしい雰囲気のデザインやスタイリッシュなものまで、さまざまなテンプレートが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
HTMLやCSSの文法がチェックできるサービスは数多く展開されていますが。、今回紹介する「XHTML-CSS Validator」はシンプルで分かりやすく綺麗なインターフェイスが売りのマークアップチェックサービスです。
WEB上で簡単に自分のサイトやブログの文法チェックがしてくれます。
詳しくは以下
Photoshopではなく、イラストレーターでもグラフィカルなグラフィック作品を作ることは可能。しかしなかなか技術的にどのように作業したら良いのかわからないことも多いのではないでしょうか？そんな中今回紹介するのは、イラストレーターで作成できるベクターグラフィックチュートリアルまとめ「Illustrator Tutorials: 25 New Tutorials to Improve Vector Graphics」です。
How To Create a Vector Illustration from Start to Finish
イラストレーターを使って作られたハイクオリティなグラフィック作品の作成フローがわかりやすく紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
ロゴや見出しを制作する際、印象深さを与えるために必要なタイポグラフィはデザインの生命線。一風変わったデザイン性をもつフォントは多く所持しておきたいもの。今回はそんな方におすすめできるフリーフォントまとめ「Fresh Free Fonts for Big Bold Headings」をご紹介していきます。
クールなものからポップなものまで幅広く収録された、クリエイティブな最新フリーフォントのまとめになります。
詳しくは以下
様々なデザインで利用出来るパターン素材。photoshopを利用するものからWEB用の画像データのものまで様々なものが公開されていますが、今日紹介するのは質感のあるグランジパターン写真素材集「7 Subtle Grunge Pattern Textures」です。
全部で７つのパターンが公開されていますが、今日はその中からいくつかピックアップして紹介したいと思います。
詳しくは以下
Webデザインに欠かせない様々なエフェクトやアニメーション。使い方次第でWebサイトを魅力的なものに仕上げてくれますが、今回紹介するのは、クリエイティブなマウスオーバーアニメーション「Stack Motion Hover Effects」です。
全部で30種類の立体的なマウスオーバーアニメーションがサンプルとして上がっており、サイトの雰囲気や印象に併せて選択することが可能です。
詳しくは以下
WEBデザインを行う際、Photoshopは非常に便利なツールですが、本来の用途は画像加工であるために、WEB制作用の機能に不満を感じることもあると思います。そこで今回紹介するのは、WEBデザイナーを助けてくれるphotoshopの拡張機能「Free Photoshop Extensions for Web Designers」です。
Dribbble – Interface Tools Photoshop Plugin by Elliot Jackson
作業を自動化してくれるものや、WEBと連携した機能を持つものなど、14種が紹介されています。中でも気になったものをピックアップしましたので下記よりご覧ください。
Skeuomorphism.it? – Fuck That – Make it Flat
Photoshopデータのグラデーションを削除して、あっという間にフラットデザインにしてくれるプラグイン。サイトのレイアウトを変えることなく、一気に最新のスタイルに変えてくれます。
GuideGuide
列、行、幅などに数値を入力するだけで、グリッドをできる機能。手軽に組み替え、確認できるのが嬉しい拡張機能。
BlendMe.in Photoshop and Illustrator Extension – Browse thousands of Icons, Vectors and other assets directly from Photoshop
Photoshopのツールパネルに検索バーを追加してくれるプラグイン。キーワードを入力するだけでWebからアイコンやベクターデータを検索してくれます。
高機能なPhotoshopをWebデザイナー向けにカスタマイズしてくれる拡張機能。上手く活用してデザインのクオリティを高めたり、制作時間の短縮を図っていきたいですね。気になった方は、是非原文もご覧ください。
自然の草木などは、デザイン素材・あしらいとして使用することが多いだけに、同じ素材を流用してしまうと、どうしてもマンネリになりがち。そんな時に参考にしたい、葉っぱの表現力が上がるPhotoshopブラシをまとめた「20 Sets Of Free Leaf Brushes For Photoshop」を今回は紹介したいと思います。
Leaf Brushes 1 by ~InsaneStock on deviantART
リアルな葉を再現できるものから、イラストを使って描かれた可愛らしいものまで、さまざまな葉っぱを描くことができるブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインのベースとなるUI。パーツとしてはさまざまなタイプが存在しており、すべてを1から作り上げるのはとても大変なもの。今回はそんな時に参考にしたい、さまざまなUIをPhotoshopで作り出せるチュートリアル集「36 Photoshop Tutorials For iPhone App UI Design」を紹介したいと思います。
Create a Mobile Shopping App Design in Photoshop – Tuts+ Design & Illustration Tutorial
いろんな種類のUIデザインが紹介されており、作り方を参考にしながらハイクオリティなデザインに仕上げることができそう。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Webサイトの制作においては、細かなパーツのクオリティにもこだわることで、よりデザインの精度を上げることができるものです。今回ｈそんな時に是非利用したい、psdボタンのテンプレート集「45 Free And Useful Web Buttons In PSD Format」を紹介したいと思います。
Web buttons by Gil Huybrecht – Designmoo
SNSやリンク、検索ボタンなど、さまざまな用途を想定した高品位なWebボタンが数多く紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
