デザインを開発するという視点でお伝えするクリエイティブBLOG
数年前まで、UIデザインはPhotoshopとSketchを中心に行われていましたが、2017年に正式リリースをしたAdode XDが着実にアップデートを重ね、新たなUIデザインツールとして頭角を表してきています。今回は、WEBやUIデザインに役立つ、Adobe XDのUIキットを20種をまとめた「20 Free Adobe XD UI Kits for Web & Mobile App Designers」をご紹介します。
Free Adobe XD Collaboration App by Edwin Delgado – Dribbble
どのキットも、無料で利用できるので、チェックしておくと重宝してくれそうです。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
先日も「クリスマスデザインのためのフリーベクターデータ「Over 500 Free Vector Art for Creating Christmas Designs 2009」」と言う記事でクリスマスに使えるベクターデータを集めたエントリーを消化しましたが、今回もクリスマス関連で、クリスマスに役立つphotoshopブラシセット集を紹介するエントリー「Create Christmas designs with 50 Photoshop brush sets」を紹介したいと思います。
Christmas Brushes for Photoshop CS+ | Photoshop Free Brushes
クリスマス定番のアイテムから、雪の結晶や光、などといった演出系のもの、ビンテージ感漂う、グラフィックなどなど、様々なブラシが集められています。
詳しくは以下
アイコンにはさまざまな種類があり、定番として利用できるタイプのものは持っている方は多いと思いますが、テーマに合わせたものを探しだそうと思うとなかなか大変なもの。そんな中今回紹介するのは、トラベル系のデザインに最適なアイコンセット「Tourism & Travel Icon Set」です。
観光、旅行をテーマにしたデザインで活用できる種類のアイコンが100種セットでダウンロードできるようになっています。
詳しくは以下
ドローソフトやレイアウトソフトを持っていれば一瞬で済んでしまう事なのですが、今回紹介するのは任意のテキストを指定したフォントで画像を作ってくれるWEBサービス「Font Image Generator」です。
使用できるフォントは200種類上有り、フォントも「ブロック」「グラフィティ」とタイプで選べるようになっています。出力に対応しているフォーマットは「JPG」「PNG」「GIF」の3種類です。
詳しくは以下
サイトを制作する上で、便利な素材PSD。photoshopで扱えるファイルで、細かなカスタマイズも可能で、扱いやすいファイル形式は制作者としてはありがたい形式ですが、今日紹介するのは、2012年に公開されたフリーPSDを集めたエントリー「Best Free UI PSDs of 2012」を紹介したいと思います。
ベーシックなアイコン素材から、ローディング用のプログレスバーなど、制作に利用できそうな様々な素材がまとめられています。今回はその中から特に気になったPSD素材を紹介したいと思います。
詳しくは以下
個人でも企業でもエコを意識することが重要になっている現代では、エコな雰囲気を表現できる自然や木を素材として利用することも多くなっています。そんな中今回紹介するのが、さまざまな表情の木を表現できるPhotoshopブラシをまとめた「25 Useful Tree Brushes for Photoshop」です。
Leaves brush by =altergromit on deviantART
自然のイキイキとした表情や柔らかな雰囲気まで、木のさまざまな表情を捉えたPhotoshopブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインにおいて配色はとても重要な要素であり、かつ難しいものでもあります。単色同士の掛け合わせのみならず、写真にも色は数多く使われており、利用する写真によっても合う色、合わない色があります。今日紹介するのは画像に併せて最適なグラデーション背景を出力できる「Grade.js」です。
このjavascriptはgradient-wrapというclassで指定した要素内の画像に応じて、その配色を読み取り、画像を引き立てるのに最も有効なグラデーション背景を生成してくれるjavascriptとなっています。
詳しくは以下
WEBのリッチな表現と言えばFLASHコンテンツ。様々な表現が可能ですが、開発の敷居は通常のWEB制作と比べると高いものになっています。今日紹介するのはFLASHがあまり得意では無い方も簡単に組み込めるフリーFLASHスライダー「CU3ER- flash 3D image slider!」を紹介したいと思います。
こちらは平面の画像が切り分けられたり、切り分けて回転したりと様々な3Dエフェクトが簡単に実現できます。
詳しくは以下
webサイトの中で展開されるたくさんのコンテンツメニューをまとめる時に非常に便利なドロップダウンメニューですが、意外と毎回同じようなタイプになってしまうことは多いのではないでしょうか。そこで今回は、機能性の高いドロップダウンメニューの実例をまとめた「30 Stunning Examples of Drop-Down Menu Design」を紹介したいと思います。
（International Storytelling Center）
シンプルなものから、ちょっとのアイデアで非常に見やすく感じられるものまで、種類はさまざま。中でも気になったものをまとめましたので以下よりご覧ください。
詳しくは以下
利用頻度の高い定番のアイコンはたくさん所持していても、個性のあるテーマによって選ぶことが必要なアイコンはなかなか揃っていないことが多いのではないでしょうか？そんな時に参考にしたい、8カテゴリ・280個展開されたフリーラインアイコンセット「Free Download : 8 Line Icon Sets」を紹介したいと思います。
8つのテーマで多数のアイコンがダウンロードできるようになっているので、持っているといざという時に非常に役立ってくれそうです。
詳しくは以下
Photoshopの中でも特に便利で手軽に利用できるツール、ブラシ。デザイナーの方でよく利用されているという方も多いのではないでしょうか？そんな中今回紹介するのは、さまざまなデザインシーンで活躍してくれるブラシを紹介した「20 Free High Resolution Photoshop Brush Packs」です。
High Res Nebula Galaxies & Star Brushes (Free) | Free Brush Archive
使いやすい種類のPhotoshopブラシがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
