デザインを開発するという視点でお伝えするクリエイティブBLOG
Webサイトのコーディングを一手に担うコーダー。デザインに関する知識を持っているだけで、仕事の仕方も大きく変わってきます。そんな中今回ご紹介するのは、コーダー達へ向けた簡易的な色彩学を学ぶためのWebサイト「Practical Color Theory for People Who Code」です。
色相の説明から始まりトーンオントーンなど、基礎的な知識を学ぶことができます。
詳しくは以下
メールマガジンなどでユーザーにさまざまな情報が飛び交う現代。最適な情報をより的確に見やすく。そして目に留まるようにするためには、情報内容も重要ですが、メッセージのデザイン性も重要になってくるのではないでしょうか？そんな中今回紹介するのは、メールでの情報通知をより効果的にしてくれるフリーテンプレート集「15+ Awesome Free Email Templates to Download」です。
デザイン性の高いメールテンプレートがまとめられており、実際にメールマガジンを手がけている方にとっては非常に参考になる内容となっています。
詳しくは以下
webデザインを中心によく利用されるアイコン。種類も豊富で、何かと便利に活用することができます。今回はそんなさまざまな種類のpsdアイコンをまとめた「Free PSD Icons: 1200+ Icons for Designers」を紹介したいと思います。
Webicons – 100 Stroke & Fill Icons | GraphicBurger
テイストやテーマなど、いろいろなタイプのアイコンがたくさん揃っており、いろいろなシーンで利用することができそう。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
世界中に多種多様な種類があるノリモノ。車、バイク、船、飛行機など、パッと思い浮かべるだけでも数種類でてきます。それだけに、制作の中で、ノリモノを表現する機会もあると思います。今日紹介するのは、様々なノリモノの形をベクターで描いたグラフィック素材「Free Vector Vehicles」です。
上記のようにベクターデータで表現されており、シンプルなデザイン感なので、比較的利用しやすく、加工なども行いやすくなっております。
詳しくは以下
多くのWEB開発者が利用し始めているCSSの次の規格CSS3.0。今までCSSではできなかったことが多数実現できるように改良が加えられています。以前Designdevelopで「選んで、見て、使える簡単CSS3ジェネレーター「CSS3 Generator」 | DesignDevelop」という記事でリアルタイムにプレビュー、コードプレビューができるCSSジェネレーターを紹介しましたが、今回もCSS3特有の様々な処理を簡単に実現することができるCSS3メーカー「CSS3.0 Maker」を紹介したいと思います。
画面は非常にシンプルな作りでグローバルナビにCSS3の効果がメニューになっていてプレビューも数値の操作も、CSSのコードビューも一画面で利用出来るようになっています。
詳しくは以下
街行く人々の中にも、秋冬の温かい雰囲気のファッションを取り入れている方が増えてきたように感じます。そんな中今回は、温かさを感じられるファーテクスチャをまとめた「A Collection Of High Quality Free Fur Textures」を紹介したいと思います。
Fur Texture 6 by ~Fox-N-Wolf on deviantART
アニマル柄のテクスチャをはじめ、さまざまな動物の毛を利用したファーテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
webサイト制作を始め、様々なデザインに使用されているアイコン。目で見て瞬時に情報の内容を理解することができる、デザインの重要なアイテムとなっています。しかし、アイコンを1から作成するのは時間がかかってしまう、とお悩みの方も多いのではないでしょうか？そこで今回紹介するのが、デザイン制作にすぐに取り入れることができる、高品質なフリーPSDアイコンをまとめた「50 High Quality Free PSD Icon Sets You Probably Never Want To Miss」です。
（Radium Icon PSDs by ~gakuseisean on deviantART）
どんなデザインにも使いやすいシンプルなアイコンから、一つの情報に特化したアイコンまで、様々なアイコンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webデザインの素材の定番・アイコン。小さなイラストでありながら、機能や意味を簡単にビジュアルで表現できるため、非常に重宝されています。今回はそんなアイコンの最新まとめ「40+ Fresh and Flat Icon Sets for May 2014」を紹介したいと思います。
（75 Slim Weather and Climate Icons – GraphicLoads）
ベーシックなものはもちろん、ちょっと変わったものまで、いろいろな種類が揃っています。気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
インターネット上で、画像や動画、記事などを手軽にブッキングできるサービスとして利用している方も多い「Tumblr」は、豊富なテーマの中から自分のサイトイメージにぴったりなテーマを手軽に選べるというのも、嬉しいポイントの一つではないでしょうか？今回はそんなTumblrテーマの中から特にスタイリッシュな雰囲気のテーマをまとめた「25+ Cool Tumblr Themes – Want A Stylish Tumblog?」を紹介したいと思います。
Blogging – Mason – A Masonry Inspired Tumblr Theme | ThemeForest
シンプルなテーマはもちろん、Tumblrの仕様に合わせて選びやすいテーマが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
制作に便利なフリーフォント。様々なタイプのフォントが日々公開されていますが、今日紹介するのは比較的最近公開された新しいフリーフォントの中からクオリティの高いフォントを厳選したエントリー「22 Fresh High-Quality Fonts for Your Designs」を紹介したいと思います。
様々なタイプのフォントがまとめられていますが、今日はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
高度な技術を習得していると、いろいろなデザインが可能となるPhotoshop。制作物をよりハイクオリティに仕上げるために是非高い技術を学んでおきたいものです。今回はそんなシーンで参考にしたい、高精度のオブジェクトを制作できるPhotoshopチュートリアルまとめ「A Collection Of Exciting Tutorials To Help You Mastering The Adobe Photoshop」を紹介したいと思います。
Flip Fonts Effect | Planet Photoshop
テキスト、オブジェクト、パターン作成まで、いろいろなタイプのチュートリアルがまとめられています。
詳しくは以下
