デザインを開発するという視点でお伝えするクリエイティブBLOG
webデザインを一から制作し、完成までたどり着くためのには、多くの時間が必要。しかし納期が短いといった状況も少なからずあるため、できるだけ効率良く、それでいて高いクオリティのものをアップさせたいものです。今回はそんな時に便利なテンプレート「20 High-Quality Free PSD Templates」を紹介したいと思います。
（GraphicsFuel.com | Cafe & restaurant website PSD template）
レイアウトやテイストなど、イメージしているデザインに近いものを選べば、制作の作業スピードを上げながら、思い通りのwebサイトを作り上げることができそうです。いくつか気になるものをピックアップしてみましたので、下記よりご覧下さい。
黒や茶色などのダークな色合いは、暗い印象を与えてしまうのではないかと懸念される方も多いと思います。今回は、ダークな配色を使いながら、美しさを感じられるwebデザインをまとめた「30 Beautiful Dark Web Designs for Inspiration」を紹介したいと思います。
（Dark Web Designs for Inspiration 15）
色の使い方にこだわった、デザイン性の高いサイトばかりが紹介されています。中でも気になったものをいくつくかピックアップしましたので、下記よりご覧ください。
詳しくは以下
ブラウザなどの制約によってまだまだ全ての現場で利用できるとは言いがたい状況ではありますが、国内でも徐々に利用されてきているHTML5。そろそろ手をつけようと思っているWEBクリエイターの皆様も多いと思います。そこで今回紹介するのはHTML5+CSS3を利用した汎用テンプレート「HTML5 Reset」。
こちらのテンプレートは基本的なCSS、リセットCSSなど非常に分かりやすい構成で組み込まれており、カスタマイズして利用したり、構造を学んだりすることができるようになっています。
詳しくは以下
皆さんはサイトを設計する際にどのようなフローを行っているでしょうか？今日紹介するのはサイト構築の初期の設計時に利用できる、シンプルなiphone,ipad,ブラウザのワイヤーフレーム用テンプレートセットを紹介したいと思います。
それぞれのテンプレートでプロジェクトネーム、スクリーンネーム、ノートなど実務で利用しやすいようなテンプレートになっていて。実機。ブラウザの部分にはドットなども入れられており、制作者サイドにたった校正となっています。その他のテンプレートは以下からご覧ください。
詳しくは以下
こちらはiphone,ipad,ブラウザの三種のテンプレートがセットになっていて、pdfで配布されておりますので、印刷して利用するのも便利です。ワイヤーのラフを書く際にもっとイメージを実機やブラウザに近づけた状態で行いたいという方は是非どうぞ。
webサイトには紙媒体とは異なる特有のデザイン感があり、その違いにデザインの難しさを感じるという方も多いのではないでしょうか？そんな中今回紹介するのは、雑誌や広告のデザインレイアウトを取り入れたwebデザインをまとめた「Printed Web: Print Design Inspired Websites」です。
（Roald Dahl – The Official Web Site）
ファッション誌や看板・新聞など、さまざまなプリント広告のデザイン感を取り入れたwebサイトがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBを制作にあたり非常に便利な素材アイコン。使い勝手が良いアイコンは製作時間を大幅に短縮してくれますが、今日紹介するのはシンプルでスマートなベクターアイコンパック「Free Vector Web Icons (91 Icons)」です。
最近のクラウドだったり、マップピンなど比較的新しいサービスに対応したものから、スタンダードなものまで幅広く91ものアイコンがセットになっています。収録されているアイコンは以下のとおりです。
詳しくは以下
現在「DesignDevelop」はWordPress2.3で動いています。WordPress2.2系からの大きなの変更点の一つにタグの標準化と言う物があります。いままでのWordPressはタグ標準では動作せずタグプラグインに頼っていましたが、今回リリースされたWordPress2.3からは本体に実装されています。
しかしこのタグ機能、細部までいじくれるわけではなく本当に最低限の機能しか持っていません。そこで今回はちょっと頼りないWordPress2.3のタグ機能を補ってくれるプラグイン「Advanced Tag Entry」を紹介したいと思います。
こちらのプラグインを使えば上記のような投稿編集画面でドロップダウンリストからタグの追加削除、タグの新規作成/編集、データベースからの未使用タグの削除、スラッグの編集ができる用になりタグの管理に非常に力を発揮してくれます。
インストール方法は以下から
(さらに…)
世界にはいろいろな形の建物が存在しており、時にデザインシーンで建物を表現するためにイラストを使用することもあると思います。そんなときに便利に活躍してくれそうな、さまざまな建物をアイコン化した「Building Icons Set」を今回は紹介したいと思います。
40種の建物をモチーフとし展開。アイコンとしてセットでダウンロードできるようになっています。
詳しくは以下
新しく美しい雰囲気というのは比較的作りやすいものですが、カビや汚れ、ペンキのはがれる様子など、年季の入った雰囲気を作り出すのはなかなか難しいものです。そんな中今回紹介するのが、味のある雰囲気が表現できる傷ついた壁面のテクスチャをまとめた「23 Free Damaged Wall Textures For Your Designs」です。
Tormented texture by ~D-O-Z on deviantART
長年の汚れが蓄積したような壁面から、さまざまな傷が刻まれた壁面まで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
プライベート、仕事に関わらず圧縮ファイルに接する回数はものすごい多いかと思います。ファイルのやり取りにはもはや欠かせなくなってきています。圧縮ファイルにも様々な物が存在していてソフトも多岐に渡ります。自宅のPCや職場のPCならある程度環境が整っている方が多いかと思いますが、出先ともなるとそうはいきません。
わざわざ圧縮解凍のソフトをインストールして使わなければ行けない自体もたまにではありますがあります。そんな面倒な自体を回避する為のWEBサービスが今回紹介する「Wobzip」です。
こちらのWEBサービスはオンライン上で簡単に圧縮解凍ができ、解凍したファイルはダウンロードしてローカルに移すという方法をとっています。対応している圧縮ファイルは7z, ZIP, Z, CPIO, RPM, DEB, LZH, SPLIT, CHM, ISOとかなり豊富です。ちなみに容量制限は100MBとなっています。
via コリス
情報を分かりやすくまとめてくれるインフォグラフィックは、複雑な内容を視覚化したいときに大いに役立ってくれます。今回ご紹介するのは、そんなインフォグラフィックを手早く手軽に取り入れることができるテンプレート素材をまとめた「30 Templates & Vector Kits to Design Your Own Infographic」です。
Universal Subtle Infographic Elements
全部で30種類もの、ベクターのインフォグラフィックテンプレートがまとめられています。さらにそのなかから、おすすめのテンプレートをピックアップしてまとめましたので是非ご覧ください。
詳しくは以下
(さらに…)
画像加工ソフトとして有名なPhotoshop。写真の上から異なるテクスチャを被せたり一部を切り抜いて合成してみたり、色々な加工を施すことができます。今回はそんな時に是非使いたいPhotoshopのテクスチャセットをまとめた「10 Free Photoshop Textures You Can’t Live Without」を紹介したいと思います。
30+ Free High Quality Peeling Paint Textures – Designbeep
特徴のあるテクスチャが種類豊富にまとめられています。中でも気になったものをピックアップしたので下記よりご覧ください。
詳しくは以下
フォントにはさまざまな種類があり、デザインのトレンドに合わせてどんどんと新しいタイプも登場し続けています。そんな中今回紹介するのは、是非取り入れたい、最新のクリエイティブなフォント「20+ New and Free Fonts for March 2014」です。
（FARRAY FONT /// FREE DOWNLOAD on Behance）
新しく配布されたフリーフォントが20種まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
様々な表現を可能にしてくれるソフトウェアphotoshop。クリエイティブの現場でも利用しているという方が非常に多いと思いますが、photoshopの機能の中でも魅力的なのが、様々な表現を可能にしてくれるphotoshopブラシ。今回紹介するのはアナログな塗りを表現するフリーphotoshopブラシ4を集めたエントリー「450+ Free Acrylic And Paint Photoshop Brushes」。
Free Hi-Res Photoshop Brushes: Acrylic Textures
アナログ感溢れる塗りを再現するためのphotoshopのブラシセットが多数まとめられています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
さまざまなシーンで活躍してくれるアイコン。最近は、パーツやポイントとしてだけでなく、メイングラフィックの要素としての利用も可能なほどハイクオリティなものも多数登場しています。そんな中今回紹介するのは、40種のフリーアイコンセットまとめ「40 Free Icon Sets For June 2014」です。
（Dribbble – Flat Design free icon set by Vivien Bocquelet）
いろんな種類の、いろんなwebサイト等で利用できるフリーアイコンが多数紹介されています。
詳しくは以下
天気予報として天気のマークを利用するのはもちろん、人の気分やさまざまな雰囲気を表現する際にも天気マークは利用しやすいもの。そこで今回は、天気を表すさまざまなアイコンをまとめた「30 Sets of Free Weather Icons」を紹介したいと思います。
Flat Weather Icons by ~LavAna on deviantART
立体感のあるアイコンから、ピクトグラムのようなアイコンまで、デザイン制作に利用しやすいアイコンがたくさん紹介されています。中でも気になったものをいくつかビックアップしましたので、下記よりご覧ください。
詳しくは以下
