デザインを開発するという視点でお伝えするクリエイティブBLOG
デザイン制作に欠かすことのできないフォント。すでにパソコンに導入されているフォントではなく、ネット上などで配布されているフリーフォントを取り入れることで、豊かなデザイン再現が可能になります。そんな中今回は是非チェックしておきたい、2013年5月 最新のフリーフォントまとめ「12 New and Free Commercial Use Fonts [May,2013]」を紹介したいと思います。
新しく公開された、デザイン性の高いフォントが12種類まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
自分では制作するのが大変な素材を、手軽に再現してくれるブラシ素材はとても便利なもの。今回はそんなブラシを30種まとめた「30 Fresh & Free Photoshop Brush Packs」を紹介したいと思います。
（Photoshop Brushes: Ink #4 | Titi Montoya – All Forms of Art）
オブジェクト自体を描き出せるものから、背景素材として利用できるものなど、多彩な表現を可能にするブラシ素材が揃っています。気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
立体的でリアルな質感のデザインから、フラットでシンプルなタイプのデザインに移行しつつあり、すでに実制作で取り入れている方もいらっしゃるのではないでしょうか？今回はそんなシーンに便利に活用できるフラットデザインを取り入れたフリーアイコンセット「Flatilicious – 48 Free Flat Icons」を紹介したいと思います。
かわいらしさの中に洗練されたデザイン性を兼ねそなえたフラットアイコンが、48種セットになっています。
詳しくは以下
インターネット上にはフリーで利用できる画像やパターンなどが多数紹介されており、そのような素材をデザイン制作に利用するというのは当たり前のことと思います。しかし、インターネット上にアップされている画像は解像度が小さいものも多く、良い素材を見つけても実際には利用できず、残念な思いをされた方もいらっしゃるのではないでしょうか。そんな中今回紹介するのが、高解像度が嬉しい、ベニヤ板テクスチャセット「5 Free High-Resolution Wood Textures」です。
色や模様の異なるベニヤ板のテクスチャが5枚セットになっています。
詳しくは以下
グラフィック、CG合成、WEBサイトなどのクリエイティブワークには、テクスチャなどの素材を利用することが多いと思いますが、撮影することができなかったり、インターネット上の膨大な素材の中から、イメージに合った一枚を見つけるというのはなかなか難しいものです。そんな中今回は、レンガやタイルなどの壁面テクスチャがセットになった「6 Free Wall Textures for Your Designs」を紹介したいと思います。
レンガや石畳など石が素材となっている壁面テキスチャの6枚セットとなっています。
詳しくは以下
新しく美しい雰囲気というのは比較的作りやすいものですが、カビや汚れ、ペンキのはがれる様子など、年季の入った雰囲気を作り出すのはなかなか難しいものです。そんな中今回紹介するのが、味のある雰囲気が表現できる傷ついた壁面のテクスチャをまとめた「23 Free Damaged Wall Textures For Your Designs」です。
Tormented texture by ~D-O-Z on deviantART
長年の汚れが蓄積したような壁面から、さまざまな傷が刻まれた壁面まで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBデザインの雰囲気をガラリと変えてくれる背景。どんな背景にしようか？とWEBデザインを行っている方であれば一度は迷ったことがあるかと思います。今日紹介するのはそんな背景画像を配布しているサイトをまとめたエントリー「36 Must Have Backgrounds and Patterns Resources for all Designers」です。
全部で36個の背景素材サイトが紹介されていますが、今日はその中から使いやすい、特に実用的だと思うサイトをピックアップしていくつか紹介したいと思います。
詳しくは以下
手作り感や優しさを感じられるファブリックを利用したデザインが増える中、手軽に利用できるストライプ柄のフリーテクスチャを集めた「40+ Free Striped Fabric Textures for your Designs」を紹介したいと思います。
Fabric Texture with 6 Color Options | elemis | raw materials for design
手染めの風合いがあるファブリックから、素材感を感じるファブリックまで、さまざまなテクスチャが紹介されています。中でも特に気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインの中で、ここは印象的に見せたい・ロゴのように強調したいという箇所などに使用されるバッジ。いろいろなタイプのデザイン・形が存在していますが、今回はレトロテイストなフリーバッジ素材セットまとめ「30 Awesome Free Retro Badges You Can Download」を紹介したいと思います。
Variety of badges in retro style Vector | Free Download
レトロアンティークなデザインの、さまざまな種類のバッジ素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
Webサイトにはアラートメッセージが必要な場面がいくつかあります。多くはJavaScriptのアラートを使用して行われていますが、カスタムCSSとJSコードを使って簡単に表現することができます。今回は、フリーで使える10種のアラートメッセージスニペット「10 Free CSS & JS Notification Alert Code Snippets」の紹介です。
ベーシックな表現からPOPなものまで10種類が紹介されています。
詳しくは以下
WEBデザインを行なう上で非常に便利なアイコン。便利ですが、しっかりしたものを自分で作ろうとするとかなり手間がかかってしまいます。そこで今回紹介するのフリーで使えるアイコンを検索できるアイコン検索専門サイト「Iconfinder」です。
全部で69123個ものアイコンが登録されており、多種多様なアイコンからお目当てのアイコンを探す事ができます。
詳しくは以下
スプレーなどを巧みに操り表現されるグラフティアートは、書き手それぞれの個性が強く発揮されるもの。今回紹介する「20 Free Graffiti Fonts for Designers」では、そんな強い個性を楽しめるフォントがまとめられています。
El&Font Urban CalIigraphy Font | dafont.com
個性的な手書き感のあるフォントから、ユニークな表現が楽しめるフォントまで、さまざまなフォントが紹介されています。中でも気になったものをいくつかピクアップしましたので、下記よりご覧ください。
詳しくは以下
すこし前になりますが、WordPress 2.6が正式リリースされました。designdevelopはWordPressで動かしているため、今日はWordPress2.6の新機能や改善点を勉強がてら、エントリーしたいと思います。
WordPress 2.6では、Wikipedia式に、誰がいつ、どの書き込みにどんな変更を加えたかが分かり、間違った場合にもとのバージョンへと簡単に戻ることができる「Post Revisions」機能や、別のサイトやページを閲覧している最中にブックマークレットを押すと、見つけたビデオや写真などを、簡単に自分のブログに引用できる「Press This」などという大きな新機能も加わっています。改善点や新機能をまとめたプロモーションビデオが公開されていましたので、下記に貼り付けておきます。
動画は以下から
スマートフォンやタブレットにサイトを最適化させることは、もはや必須といっても過言ではない現在のweb業界。レスポンシブ設計のテーマも多数フリー配布されています。今回はそんなフリーレスポンシブpsdテンプレート集「12 New Free Responsive PSD Website Templates」を紹介したいと思います。
Freebie | Breviter – creative blog PSD template | DesignHooks
12種という厳選された数ではありますが、最新の主流デザインが反映された魅力的なものばかりがそろっています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
フラットなタイプのアイコン素材は、さまざまなデザインパーツに展開できることもあり、デザイン制作の際には非常に重宝します。今回はそんなアイコンで、スポーツにテーマを絞った「Freebie: Sports Icon Set」を紹介したいと思います。
いろんな種類のスポーツをイメージさせるデザインアイコンが100種類収録されています。
詳しくは以下
WEBサイトのユーザーインターフェイスの中で最も重要な要素の一つボタン。主にユーザーがページ遷移や情報を取得する時に利用するため利用されます。よく目にする部分だけに、ここの動きやクリエイティブはWEBサイトのクオリティを決定づける要素の一つだと思います。今日紹介するのはコピー&ペーストで気軽にクリエイティブなCSSボタンが設置できる「bttn.css」です。
このbttn.cssでは様々な大きさ・色・動きがセットされており、どのボタンも簡単に実装することが可能です。
詳しくは以下
登録さているボタンは全部で15種類。どれもシンプルでマウスオーバーでそれぞれのボタンにあったアクションが展開されるようになっています。色ベタのものと罫線で表現されたものと絞り込んで探すことも可能です。
カスタマイズできる項目としてはカラー６種類、サイズが4種類となっています。シンプルでしかもCSSだけで制作されているので非常に使い勝手が良いと思います。ボタンデザイン・アクションで迷っている方は是非どうぞ。
