デザインを開発するという視点でお伝えするクリエイティブBLOG
デザインの手法の一つであるデュオトーンは、絞り込まれた2色で構成された色彩が何とも魅力的。今回ご紹介するのは、そんなデュオトーンの完成された色彩をワンタッチで楽しむ為のグラデーションプリセットをまとめた「60+ Free Duotone Photoshop Gradient Presets」です。
60ものデュオトーン用のグラデーションがまとめられた、デザイナーの為の使えるプリセットです。
詳しくは以下
(さらに…)
テーブルと言えば、今やあまり使われなくなった感じがしますが、それでも何かを比較したり、情報を整理したりといった用途には非常に便利に使えます。今日紹介する「Top 10 CSS Table Designs」はCSSでデザインされた、使いやすいシンプルなテーブルサンプルが多数収録されているエントリーです。
いくつか公開されていますが、その中から気になったテーブルデザインをピックアップして紹介したいと思います。
詳しくは以下
Webデザインのように閲覧環境が限定されるプロダクトであっても、質感を高めることによってデザインに深みを与えてていくことができます。今回紹介するのはそんな質感を手軽に高めることができる、クリエイティブなスクエアパターンを集めたエントリー「30+ Creative Square Patterns To Inspire You」です。
Pattern / 5 Stones :: COLOURlovers
カラフルなテクスチャや手作りの暖かみを感じられるものなど、多数のパターンが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
数多く配布されているフリーフォントの中から、思い通りのクオリティの高いものを探すのは意外に大変なもの。今回はそんな時に参考にしたい、厳選されたハイクオリティフリーフォントを集めた「45 Best Free Fonts for Designers」を紹介したいと思います。
Free font family: SkolaSans on Behance
デザイナーに向け、利用することでデザインの質を向上させてくれるフォントが紹介されています。
詳しくは以下
web・スマートフォン等のデザインに広く活用されているアイコン素材。イラストで機能の意味を手軽に表現できるため、非常に重宝する存在だと思います。そんな中今回紹介するのは、インターフェイスデザインの定番として利用できるフリーアイコン「40 FREE UI Icons」です。
非常にシンプルなので、そのままはもちろん、アレンジ・加工して使えるアイコンが40種まとめられています。
詳しくは以下
国内ではWordPressを凌いで確固たる地位を気づき上げているCMS、Movabletype。ブログをMovabletypeで作られている方も多いのでは無いでしょうか？今日紹介する「Movable Love」はMovabletypeに特化したデザインショーケースです。
CSSやWEBサイトのデザインショーケースは数多く存在するかと思いますが、Movabletypeに絞ったというのはなかなか珍しいですね。
詳しくは以下
Webデザインの中でもユーザーの目を簡単に引くことを可能にするエフェクト。動きがつくだけでサイト内がぱっと華やかになります。今や様々なエフェクトをつけることが可能ですが、ついついワンパターン化してしまいがち。そんな方におすすめできる、水のような動きに焦点をあてた「Liquid Distortion Effects」を今回はご紹介致します。
水のような動きは優雅さと洗練された雰囲気を与えてくれます。下記にデモをいくつかピックアップ致しましたので、ご覧ください。
詳しくは以下
以前Designdevelopではローディングアニメーションが簡単に生成できるWEBサービスを「99個のサンプルからローディングgifアニメーションが簡単に作れる「Load Info – gif generator」」と言う形で紹介しましたが、今回紹介するのはフリーでつかえるローディングGIFアニメアイコンをまとめて配布しているエントリー「120+ Free Ajax Activity Indicator Gif Icons」です。
シンプルな物から、極小の物まで様々なローディングアニメーションが公開されています。アニメアイコンはGIFアニメで貼り付けられていますので、動きを確認しながらダウンロードすることができるようになっています。
詳しくは以下
webサイトのデザインだけでなく、スマートフォンへの対応が必須の現代。またスマートフォンアプリのデザインを手がけることも多くなっていると思います。今回はそんな時に参考にしたいUIキット「DO App UI Kit」を紹介したいと思います。
フラットテイストなデザイン性が特徴。洗練された印象のデザイン設計にぴったりなキットとなっています。
詳しくは以下
Flashを利用したwebページは、スペシャルコンテンツなど複雑な表現やアニメーションを利用したwebページ制作に良く利用されていますが、制作には手間と時間が掛かります。そこで今回は、手軽に利用できるFlashを利用したwebサイトのテンプレートを集めた「30 Free High-Quality Flash Web Templates」を紹介したいと思います。
（flashmo 249 mega grid – Free Flash Template）
動きのあるユニークなサイトを制作できるテンプレートが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
Photoshopでは写真にいろいろな加工を施すことができますが、なかなか思い通りのイメージに仕上がらない時もあるのではないでしょうか？そんな中今回紹介するのは、写真に手軽にニュアンスを加えられるPhotoshopアクション「14 Time Saving And Free Photoshop Actions For Designers」です。
（+PSD – #006 by MixColors on deviantART）
ヴィンテージ調から、写真をよりキレイに美しく見せてくれるものまで、いろんなパターンのアクションが紹介されています。
詳しくは以下
