デザインを開発するという視点でお伝えするクリエイティブBLOG
WEB制作の主流の制作ツールであるAdobe、Fireworks。photoshopとイラストレーターを組み合わせたような制作ツールで、多くの制作者に利用されていますが、今日紹介するのはFireworksで編集できる、iOS6ワイヤーフレーム「Adobe FW template for iOS 6 wireframing」です。
iOSの筐体のフレームデータの他に、タイトルやタブメニュー。ボタン、ローディングなどなど、iOSに必要なデザインパーツが網羅されています。
詳しくは以下
WEBの制作には様々なツールやソフトウェアがありますが、そのなかでも多くのWEBデザイナーが利用している、Fireworks。WEB制作に特化したグラフィックソフトの一つです。今日紹介するのはそんなFireworksで製作された制作データを素材としてダウンロードできる「THE DAILY BUTTON」です。
ボタンに絞って、様々なボタンが公開されています。公開されているものの中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
WEB制作のデザインにおいて非常に便利なFireworks。最小単位が1pxのため、スライス時にもぶれなく正確に素材が制作できたり、その他様々な面でWEB制作が便利になるように作られているソフトウェアのため、多くのWEBクリエイターが手にしていますが、今回紹介するのはそんなFireworksのテクニックやチュートリアルを集めたエントリー「50+ Excellent Adobe Fireworks Tutorials」です。
画像系から、パーツ作りまで様々なチュートリアルが公開されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
盛り上がっているChristmasシーズンが終わると、今度は新年を迎えるための準備がスタート。しかしすでに準備を始めている方は少なく無いと思います。そんな中今回紹介するのは、新年を迎える明るいイメージを表現したフリーポスターデザイン素材「Free Download : New Year Party Posters (ready to print)」です。
リアルなグラフィック表現が特徴のポスターデザインがダウンロードできるようになっています。
詳しくは以下
ブラシには非常にさまざまな種類があり、簡単に複雑な描写を描き出せるということもあり、頻繁に利用しているという方も多いのではないでしょうか？そんな中今回紹介するのは、スクリーントーンをブラシで手軽に表現できる「44 Pixel Screentone Brushes」です。
網目状のスクリーントーン描写を、ブラシで手軽に作り出すことができるセットです。
詳しくは以下
印象的なデザイン制作にとって画像から感じられる雰囲気は、デザインのテイストを左右する重要なポイント。そんな中今回紹介するのが、画像の雰囲気を劇的に変えられるPhotoshopアクションをまとめた「33 High Class Photoshop Actions for Photo Enhancement」です。
Add-ons – Cold Atmosphere | GraphicRiver
微妙な色味が難しい加工アクションが豊富に紹介されています。中でも気になったものをいくつかピップアップしましたので、下記よりご覧ください。
詳しくは以下
WEBデザインについて細かな部分での作り込みがクオリティにつながってきたりしますが、今回紹介するのはWEB制作のクオリティーを上げてくれるphotoshopによるメッシュ表現のチュートリアル「Create An Airforce Inspired Mesh Pattern Overlay」を紹介したいと思います。
通常の画像にドットのメッシュのトーンをかけるというだけですが、その細かい描写は作り込みにつながるときがあります。チュートリアルは以下から
詳しくは以下
WEBデザイン制作の必須アイテムとなっているアイコンは、ユーザーにコンテンツをより分かりやすく利用してもらうために、クオリティも高めていきたいもの。そこで今回紹介するのが、比較的最近発表されたクオリティの高いアイコンをまとめた「50 Fresh Icon Sets For Developers And Designers」です。
iCrea by ~draseart on deviantART
シンプルなアイコンから、ディティールにこだわったアイコンまで、さまざまなアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
カラーの使い方がユーザーに与える印象を大きく左右するwebデザイン。そんな中今回紹介するのは、ダーク色を基調にしたwebデザイン集「35 Creative Dark Web Designs for Inspiration」です。
ダーク色を用いることで画像やテキストを効果的に見せているwebサイトが、多数紹介されています。中でも特に気になったwebサイトをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
使いどころが難しいですが、デザインでもたまに必要となるカモフラージュパターン。意外と作るのが難しく。0からとなるとかなり面倒だったりします。今日紹介するのはそんなカモフラージュパターンを簡単に使えるphotoshopスタイル「Free Styles for Photoshop – Camo」です。
全部で25種類のカモフラージュパターンが収録されていて、定番の物から、少し変わったものまで収録されています。
詳しくは以下
手作り感や優しさを感じられるファブリックを利用したデザインが増える中、手軽に利用できるストライプ柄のフリーテクスチャを集めた「40+ Free Striped Fabric Textures for your Designs」を紹介したいと思います。
Fabric Texture with 6 Color Options | elemis | raw materials for design
手染めの風合いがあるファブリックから、素材感を感じるファブリックまで、さまざまなテクスチャが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイン制作に多くの場合必要となるフォント。フリー素材も数多く発表されています。そんな中今回紹介するのは、最近発表された新しいフリーフォントを集めた「7 Fresh Free Fonts for Your Designs」です。
（Piron Free Font V.2 « typedepot）
シンプルなフォントはもちろん、デザインテイストに合わせやすいフォントが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記からご覧ください。
詳しくは以下
大きめの見出しや、タイポロジーを利用したデザインがWEBデザインの今年のトレンドの一つとして言われていますが、今回紹介するのは見出しやタイポロジーに便利なフリーフォントを集めたエントリー「40 Awesome Free Fonts for Big Headlines」です。
全体的にしっかりと視認ができ、太めのフォントが多くまとめられていました。今日はその中から幾つか気になったものを紹介したいと思います。
詳しくは以下
