デザインを開発するという視点でお伝えするクリエイティブBLOG
近年流行になりつつあるグラデーション表現を取り入れたデザイン。背景やボタンなどのベタ面に、シンプルながらもニュアンスをつけることができ非常に便利な手法です。そんな今回ご紹介するのは、グラデーションの配色パターンを30種類まとめた「coolhue」です。
キュートな印象を与えるフェニミンなグラデーションから、コーポレートサイトにピッタリな先進的なカラーリングまで多数のグラデーションパターンが揃います。
詳しくは以下
デザインにとって色の配色はとても重要です。しかし色種類は膨大で、更にその中で組み合わせを考えるとなると、頭を悩ませる人も多いのではないかと思います。今回はそんなシーンで活躍してくれる便利なカラーパレットツール「colormind.io」を紹介いたします。
一般的に使われる自動生成ツールではなく、人工知能がカラーパレット生成をしてくれるという、他のジェネレーターとは違った新しい技術が取り入れられています。
詳しくは以下
思い通りのwebサイトやスマートフォンサイトをデザインするためには、時間やコストはもちろん、高いデザイン技術が要求されます。しかし時には、なかなかすべての条件がマッチしないことも。今回はそんな時に是非参考にしたい、フリーUIキット集「THE BEST FREE UI KITS, FEBRUARY 2015」を紹介したいと思います。
55+ Elements FREE UI KIT | Clean white [DOWNLOAD] on Behance
デザイン性の高いフリーで使用できるUIキットが多数紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBサイトの制作をより簡単にそして精度の高いものにしてくれるテンプレート。現在様々なフリーで使えるテンプレートがリリースされており、かなりクオリティの高いもの存在します。今日はそんなハイクオリティなフリーHTML/CSSテンプレートを集めたエントリー「99 High-Quality Free (X)HTML/CSS Templates」を紹介したいと思います。
様々なタイプの高品質なHTML/CSSが収録されていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
黒や茶色などのダークな色合いは、暗い印象を与えてしまうのではないかと懸念される方も多いと思います。今回は、ダークな配色を使いながら、美しさを感じられるwebデザインをまとめた「30 Beautiful Dark Web Designs for Inspiration」を紹介したいと思います。
（Dark Web Designs for Inspiration 15）
色の使い方にこだわった、デザイン性の高いサイトばかりが紹介されています。中でも気になったものをいくつくかピックアップしましたので、下記よりご覧ください。
詳しくは以下
非常にたくさんの種類が配布されているフリー素材。膨大な数の中から厳選したり、探したりするのはなかなか大変なもの。今回はそんな時に是非チェックしたい、種類豊富にフリー素材が揃った「40+ Freebies & Goodies For Web Designers」を紹介したいと思います。
5 high-quality photographic mockups – Freebiesbug
いろいろな種類のフリー素材がピックアップされ、まとめられています。気になったものをいくつかご紹介します。
詳しくは以下
特にwebデザインなどで多用するアイコン素材。フリーで配布されているものも多数存在しており、常にチェックされているというデザイナーの方も多いかと思います。そんな中今回は、豊富なデザインバリエーションが揃ったフリーアイコンセットまとめ「900+ Free Icons for Web, iOS and Android UI Design」を紹介したいと思います。
97 free business icons – Freebie Jar
さまざまなテーマで構成された、魅力的なアイコンセットがフリーでダウンロードできるようになっています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
豊富な種類が展開されるワイン、それぞれの個性を表現しているかのように、ラベルのデザインも様々です。そこで今回紹介するのは、デザイン性に優れたワインラベルのデザイン集「50 Exquisite Wine Label Design Samples」です。
ボトル自体は通常のタイプがほとんどですが、ラベルに注目して見てみるととてもクリエイティブ要素の高いものが数多くリリースされているのが分かります。紹介されている物の中からいくつか気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
デザイン制作でパーツとして使用することも多いラインをベースにした素材は、元々がシンプルなだけにいろいろな表現が可能です。今回はそんな表現力の幅広さを改めて感じさせてくれるブラシセット「65 Sets of Photoshop Line Brushes for Techy Designs」を紹介したいと思います。
Dotted Line brushes by ~xCJx on deviantART
ライン自体に複雑な加工が施されているものから、ベースはラインでありながらもデザイン処理が加えられているものまで、65種もの多彩なブラシが紹介されています。中でも気になったものをピックアップしましたので、以下よりご覧ください。
詳しくは以下
デザインの仕事に携わっていると、ロゴなどのブランドイメージから名刺や販促ツールまで、クライアントに提案する機会は多いはず。そんな時にデザインをより魅力的に見せるためにも、モックアップが重要な役割となります。そんな中今回は、様々な場面で活用出来る便利なPSDモックアップ「35 Best Mockups: Download Realistic PSD Mock-ups」を紹介したいと思います。
Art & Craft / Stationery Mock-Up ~ Product Mockups on Creative Market
紙のツールからパッケージのモックアップまで、様々なバリエーションが揃っています。気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
webデザインを中心に活躍してくれるアイコン。テイストやテーマなど、さまざまな種類のものがフリーで配布されていますが、今回紹介するのは、フリーキッチンアイコンセット「Free Download : In The Kitchen Icon Set」です。
フード系デザインに活用したい、ラインで描かれたキッチンツールが揃ったアイコンセットとなっています。
詳しくは以下
WEBデザインのモックを制作する時に、クライアントにもっとアップ時の雰囲気を分かってもらう時に必要なのがブラウザ枠などをはじめとしたインターフェイスのデザインです。今日紹介する「A Collection of Useful Web Design Wireframing Resources」はそんなインターフェイスの素材をあつめたモックデザインを作る時、便利な素材集です。
Photoshop Browser Templates from joel laumans
上記は解像度別のブラウザのpsdデータ。PSDで制作を進めている方には便利な素材だと思います。その他にも様々なデータがまとめられていましたので、下記に貼付けておきます。
詳しくは以下
