デザインを開発するという視点でお伝えするクリエイティブBLOG
通常のデザインだけでももちろん魅力的な演出は可能ですが、いろいろな機能を取り入れることにより、もっと魅力的なデザインに仕上げることができるのではないでしょうか？今回はそんなシーンにおすすめな9つのResourceまとめ「9 Fresh Resources For Web Developers」を紹介したいと思います。
デザインをより分かりやすく、さらに作りやすくしてくれる個性的なResourceがまとめられています。
詳しくは以下
デザイナーは、トレンドとなる要素を取り入れるため、新しく発表・配布された素材はチェックしておきたいところ。今回はそんな最新のリソースを集めた「What’s new for designers, August 2015」を紹介したいと思います。
Free Font Intro Rust by Fontfabric | Font Squirrel
参考サイトや、素材ダウンロードサイト、フォントからUIまで、多彩なジャンルのリソースがピックアップされています。
詳しくは以下
WEBデザイナーなら一度は苦しめられたことがあるIE6。はやくIE6を考えなくて良い、開発環境にならないかと思っている方も多いと思いますが、まだ現状を見る限り、完全に考えなくて良いという日はもう少し時間がかかると思います。今日紹介するのはIE6について改めて知ることができるIE6の全てをまとめた「Ultimate IE6 Cheatsheet」を紹介したいと思います。
市場シェアが現状どうなっているのか？躓きがちなDOCTYPE宣言だったり、クロスブラウザで同一の表現を楽にしてくれるcssリセット、動作可能なjavascriptのフレームワークと様々な角度からIE6についてまとめてくれています。
詳しくは以下
webデザインなどさまざまなシーンで活用できるアイコン、持っているだけで便利な存在ですが、今回はとてもユニークなテーマのアイコンセット「55 free user icons pixel by pixel icons」を紹介したいと思います。
いろいろな種類の人種、または職業がテーマとなっているようで、制服や衣装、中にはどこから見ても個性的なキャラクターの姿をしたものなど、一つ一つ見ているだけでも面白いアイコンセットとなっています。
詳しくは以下
2011年も多くのWEB開発のためのリソースが公開され、開発者を助けてくれました。今回紹介するのは2011年に公開された中から選ばれた開発者のためのWEB開発リソース50個、紹介する「Our 50 Favorite Web Developers Resources and Tools from 2011」です。
CSSのフレームワークから、便利なjsライブラリ、オンラインツールなどなど、それぞれのジャンルで選びぬかれた50ものリソースがまとめられています。今回はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
普段であれば、装飾の多く入ったフォントは扱いにくく、敬遠されることも多いと思います。しかしクリスマスなど、テーマが明確なイベントであれば、そういったフォントはとても効果的にイメージを伝えることができるのではないでしょうか。今回紹介するのはそんなフォントの中でも、クリスマスフォント向けに厳選された「20 Handpicked Christmas Fonts and Typography Examples」です。
クリスマスをテーマにさまざまなデコレーションが施されたフォントが20種紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
最近のWEBレイアウトで紙面に近いような多段な組み方をした、WEBレイアウトが出てきていますが、今回紹介するのは多数のボックスをウィンドウ幅に合わせて、隙間無く段組みしてくれるJQuery「Masonry」です。
特に違和感無く動作し、動作も速く安定していしています。JQueryを読み込ませて簡単なコードを付加してあげるだけで動作します。
詳しくは以下
Photoshopのレイヤースタイルは、簡単に特殊効果を適用できる便利な機能。しかし凝った効果を一から制作するのは中々手間が掛かってしまいます。今回ご紹介するのはそんなレイヤースタイルを手軽に使えるPhotoshopテキストエフェクト「20 Free Photoshop Layer Styles for Creating Beautiful Text Effects」です。
Sandwich 3D Text Effect – 3 Angles | GraphicBurger
アナログ風やCGのような立体的なエフェクトまで様々なテイストの素材が揃えられています。さらにその中からおすすめのものを、幾つかピックアップしましたのでご覧ください。
詳しくは以下
(さらに…)
フリーで配布されているフォントにもいろいろありますが、中でも手描き風のフォントは、デザインに良い味をもたらしてくれます。そんな中今回紹介するのは、ラフでアナログな質感を楽しめるフリーフォント15選「15 Beautifully Imperfect Free Brush Fonts」です。
Sophia – Free Handlettered Brush Script Font on Behance
厳選された15種ではありますが、非常に魅力溢れる美しいフォントが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
ブログや記事投稿型のサイトなどでよく見かけるページネーションは、案外シンプルにデザインされていることが多く、味気ないもの。そんな中、今回紹介する「20 Free Pagination PSDs for Web Designers」は、さまざまなデザイン性が取り入れられた、デザイン制作に是非活用したいフリー素材です。
定番として活用できそうなものから、個性的なデザインのものまで、幅広いラインアップが魅力のページネーション素材がまとめられています。中でも気になったものをピックアップしましたので、下記より御覧ください。
詳しくは以下
環境やエコなどを間接的に表現したりと何かと便利な葉っぱの素材。実際自分で素材を用意して使うとなると切り抜いたり、加工したりと色々と面倒ですが、今回紹介するのは便利に使える葉っぱのフリーphotoshopブラシ「32 Ultra Photoshop Quality Leaf Brushes」です。
全部で32種類の葉っぱのphotoshopブラシが収録されています。葉っぱ単体から、枝まで含んだものなど様々な葉っぱの素材が、1000px〜2000pxと高解像度で収録されています。収録されているブラシ一覧は以下からご確認ください。
詳しくは以下
Photoshopのアクション機能を利用すると、大量の写真を一度に加工できたり、一度設定した加工を再度利用できたりとても便利です。そこで今回紹介するのが、レトロ&ヴィンテージな雰囲気を演出できるPhotoshopアクションをまとめた「25 Tried and Tested Retro & Vintage Photoshop Actions」です。
セピア調の加工アクションから、映画のワンシーンのような加工アクションまで、公開されているさまざまなPhotoshopアクションを実際に試して紹介しています。
詳しくは以下
