デザインを開発するという視点でお伝えするクリエイティブBLOG
デザイン制作をする時には、いろんな種類の素材を使用して作り上げていくことも多いと思います。今回はそんなシーンにおすすめのまとめ「50 fantastic freebies for web designers, May 2014」を紹介します。
（Purple UI Kit Flat Responsive web template by w3layouts）
フォント、テクスチャ、UI、psd、JS、CSSといった多彩な素材が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webサイトやスマートフォンサイトをデザインするには、設計から制作までどうしても時間がかかってしまうもの。さらに高いデザインクオリティを求められると、さらに制作時間を要すると思います。今回はそんなシーンに是非利用したいUIキット「DARKY UI FRAMEWORK」を紹介します。
ブラック・グレーのダーク系カラーをベースにした、フラットデザインのさまざまなUIがセットになっています。
詳しくは以下
フリーで配布されているフォントの中にもさまざまな種類があり、色々な種類をストックされている方も多いのではないでしょうか？そんな中今回紹介するのは、スタイリッシュかつ個性溢れるデザインフリーフォントをまとめた「Stylish Free Fonts For Graphic Designers」です。
デザインを引き締めてくれたり、印象的な雰囲気に仕上げられるデザインフォントが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
さまざまなデザイン制作の現場で活用されているストックフォトサイト。無料で自由に使用できるものから、有料で豊富な写真を提供するサイトまで、色々な種類がサービスを展開しています。そんな中今回は、フリーや低コストで使用できるハイクオリティなストックフォトサイトまとめ「How to Find Stock Photos That Don’t Suck」を紹介したいと思います。
（Handpicked Photos ~ Animals, Arts and Entertainment, Beauty and Fashion & More ~ Creative Market）
写真に高い品質を求める方におすすめの、海外のストックフォトサイトがまとめて紹介されています。
詳しくは以下
Photoshopの機能の中でも、手軽かついろいろな表現ができることで便利に利用できるブラシツール。フリーで配布されているものもたくさん存在しているため、さまざまな種類を取り入れて活用されている方も多いのではないでしょうか？そんな中今回は、豊富に種類をまとめたフリーPhotoshopブラシ「50 Outstanding Yet Free Photoshop Brush Packs For Your Designs」を紹介したいと思います。
（Free Grunge Photoshop Brushes – Free Photoshop Brushes | BrushKing ♛）
持っていれば定番として使えそうなものから、ちょっとエッジの効いたものまで、たくさんのブラシがまとめられています。
詳しくは以下
webサイトやスマートフォンサイトは、設計や構成レイアウト、デザイン感の決定からスタートし、さまざまな工程を経て完成に至ります。しかしどうしてもすべてを完了するまでには時間を要してしまうもの。今回はそんな時に利用したい、 デザイン性の高いUIキット「27 Useful UI Design Elements & UI Kits for Designers」を紹介したいと思います。
（Dashboard UI – Graphicfull | Graphicfull）
いろんなデザイン感のUIキットが豊富にまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
小さな存在でありながら、情報を的確に伝えるアイコン。デザイン性の高いアイテムも多く、素材として欠かせない存在になっているのではないでしょうか？そんな中今回紹介するのは、webデザイン制作に使いやすいアイコンを集めた「25 Fresh Icon-Sets for Web Designers」です。
Designmoo | Glyphs by GSIX by David
カラフルなデザインから、立体的でリアルなデザインまで、さまざまなアイコンが豊富に紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインのキーとなるテーマカラー。印象的なデザインを制作する際には、特に厳選して選びたいものです。そんな色にこだわりたいシーンに是非利用したい、赤をテーマに制作されたパターン素材を集めた「25 Cool Patterns Having Red Colored Theme」を、今回は紹介いたします。
（ava7 patterns /// pattern #840）
シンプルなデザインから、和を感じるデザインまで、赤を基調にしたパターン素材が豊富に紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
インターネット上でショッピングをする際の決算方法として、クレジットカードを使用する方は非常に多いと思います。決済は非常に重要な工程であるため、デザイン的にも分かりやすく案内してあげることが重要。今回はそんな時に必要な素材の一つ・クレジットカードビジュアルをアイコン化した「27 Free Credit Card Icon Sets for Online Web Shops」を紹介したいと思います。
Dribbble – 1 Color Credit Icons by Chad Pugh
さまざまな表現のクレジットカードのアイコンセットが、27種まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
徐々に利用され始めてきているCSSの新しい規格CSS3。現状のCSSでは、不可能だった表現がコードのみで可能にしてくれる次世代の規格ですが、今回紹介するのはCSS3を利用してコーディングしていく、または勉強するのに役に立つWEBツールを集めたエントリー「Six Useful CSS3 Tools」。
数値を変えてデザインを確かめていけるものから、グラデーション表現の補助ツールなど様々なWEBツールがまとめられていました。以前Designdevelopで紹介したものもありますが、順に紹介したいと思います。
詳しくは以下
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アクション。高い技術を簡単に写真に導入することを可能にした、Photoshopの便利な機能の一つとなっています。今回はそんな、写真表現をもっと豊かにしてくれるフリーPhotoshopアクションまとめ「Best Free Photoshop Actions」を紹介したいと思います。
Lomocam – Lomo Effects + Polaroid Frame Generator by pstutorialsws on DeviantArt
さまざまな種類のアクションが紹介されており、ぜひ取り入れてみたくなるものばかり。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webデザインを制作する時、さまざまな素材を使ってデザインを作り上げていきますが、今回紹介するのは、テクスチャを使ってデザインされたwebサイトのまとめ「Showcase: Textures In Web Design」です。
素材感のあるテクスチャ素材を上手に使用し、デザインのクオリティを高めたwebデザインの数々が紹介されています。気になったデザインをいくつかピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
使用するだけでデザインを演出してくれるフォントは多数存在しますが、もっとグラフィック的なデザインを求めるシーンも多くあると思います。今回はそんな時に是非参考にしたい、テキストをグラフィカルに変化させる Photoshop&Illustratorのチュートリアルまとめ「44 New Photoshop Illustrator Text Effects Tutorials」を紹介します。
さまざまなテイストやイメージにテキストを加工できる方法が分かりやすく紹介されたまとめとなっています。
詳しくは以下
インターネット上で配布されているハイクオリティーなアイコン、これらは一体どういう風に作られているか、気になった事は無いでしょうか？今回紹介する「iconka.com」ではハイクオリティーなフリーアイコンを配布するとともにその作り方を動画で公開しています。
サイトではいくつかのシリーズのアイコンの作り方をまとめたビデオチュートリアルが公開されています。一つ一つ詳しく追っていく感じではありませんが、こんな風にして作られているのかと言うのはわかるようになっています。
動画は以下から
グラフィックデザインを行う上で非常に役立つphotoshop。様々な加工や処理ができ、その奥深さは無限に広がっており、様々な表現が可能です。Designdevelopでもphotoshopを使ったチュートリアルは今までいくつか紹介してきましたが、今日紹介する「The 100 Most Popular Photoshop Tutorials 2008」は2008年中にphotoshop Ladyで紹介されたチュートリアルのランキングとなっています。
一年間の総括のエントリーですので、ジャンルを問わず様々なチュートリアルが公開されていました。今日はその中から気になったphotoshopチュートリアルをいくつかピックアップして紹介していきたいと思います。
詳しくは以下
