国内でもスタンダードなコミュニケーションツールの一つチャット。様々なWEBサービスやコミュニティで導入されています。今日紹介するのはそんなチャットの開発やデザインのためのUIキット「Chat UI Design Kit」です。
「Chat UI Design Kit」ではチャットに必要な様々なユーザーインターフェイスがまとめられています。
詳しくは以下
史上最大のリリースとして打ち出されているiOS10。9月の上旬頃のリリースが噂されていますが、今日紹介するのはベクターデータで制作されたiOS10モックデータ「iOS 10 GUI」です。
iOS10などのメジャーアップデートになりますと基本UIの部分も変更になる事が多く、デザインのラフを制作する上でもiPhoneの基本GUIがあればリアルにデザインを伝えることができます。
詳しくは以下
WEBサービスやゲームなどユーザーの分身として機能するアバター。昔から自分でカスタマイズして制作することが主流となっていますが、今回紹介するのは目・口・髪型・ヒゲなど組み合わせで使えるアバターベクターセット「Avatar Icon Creator Pack」です。
「Avatar Icon Creator Pack」はかなりの数のパーツワークがセットになっており、それらを組み合わせることで、様々なアバターが制作できるというものです。
詳しくは以下
イラストレーターなどでの編集が可能なベクター素材は非常に重宝する存在。フリーで配布されているものも多数存在しています。そんな中今回紹介するのは、そのまま使っても映える フリーベクター素材11選「11 Fresh & Free Vector (AI, EPS Files) Background」です。
Purple ramadan background with golden decoration Vector | Free Download
魅力的な描写ベクターグラフィックが11種という厳選された数ではありますが、まとめられています。中でも気になったものをピックアップしましたので下記よりご覧ください。
詳しくは以下
日本だと特に季節や月毎のイメージというものがあり、各月にイメージするシーンが思い浮かんだりしますが、今日紹介するのは各月毎のイメージを表現したPOPなベクターアート「Months And Seasons Set」です。
日本とは若干異なるような気がしますが、親しいイメージで描かれています。柔らかくPOPな色彩は素材としてオシャレで魅力的なイラストレーションです。全部で12のバリエーションが公開されていましたので以下からご覧ください。
詳しくは以下
WordPressの一つの魅力が豊富なテーマ。海外が中心になりますがクリエイティブで作り込まれた無料のテーマが多数公開されています。今日紹介するのは2009年に発表されたWordpressのテーマを集めたエントリー「100 Amazing Free WordPress Themes for 2009」を紹介したいと思います。
「Smashing Magazine」にてまとめられていましたので、今回はいままでDesigndevelopでは紹介したことが無いテーマを中心にいくつか紹介したいと思います。
詳しくは以下
デザインに華やかさを与える植物素材。デザインにぴったりなテイストの素材をチョイスすることで、クオリティが一気にアップする重要な素材だと思います。そこで今回は、さまざまなテイストの植物を手軽に表現できるPhotoshopブラシを集めた「New Collection of Free Floral Photoshop Brushes」を紹介したいと思います。
Artistic Floral by ~h0ttiee on deviantART
可愛らしいイラストのブラシから、リアルな植物を表現したブラシまで、さまざまなブラシが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
フォントにはいろいろな種類がありますが、定番としてよく使うタイプの他に、デザインを個性的に見せたい時などには特徴のある形のものを使うことが多いと思います。そんな中今回は、個性的なデザイン演出にぴったりなフリースクエアブロック状フォント「33 Blocky Square Fonts For Free」を紹介したいと思います。
Nechao Sharp Font · 1001 Fonts
角ばった形状が特徴のフリーフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
日本では特に非常に盛り上がる、1年に一度のイベント・バレンタインデー。広告・web業界でもバレンタイン用のデザインが制作される機会も多いと思います。そんなシーンに活用できるベクター素材「Freebie: Valentines Vector Pack」を紹介したいと思います。
フリーで活躍するデザイナー・ Sam Jones氏よって制作された、バレンタインの雰囲気をいろいろなパーツで表現したフリーベクターデータとなっています。
詳しくは以下
シルエットや線のみで描くシンプルなアイコンはWEBデザインでは汎用性が非常に高く、どんなデザインにも使いやすい、非常に使える素材だと思います。今回紹介するのはそんなシンプルなフリーアイコンセットを集めたエントリー「The Best Icon Sets for Minimal Style Web Design」です。
ある程度セットになっていて、一つのセットである程度WEBサイトに展開できるようなアイコンセットが多数紹介されています。今回はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
スマートフォンのシェアが高まるに連れてPCでもスマートフォンでも両方共通のコンテンツで、各端末ごとに最適化されたデザイン+機能。多くのWEBデザイナーが頭を迷わせるところですが、今回紹介するのはその中でもユーザーが操作するナビゲーションをレスポンシブにしてくれるjQueryを集めたエントリー「15 Responsive Navigation jQuery Plugins」です。
最近のスマートフォンアプリのナビのようにサイトのサイドからせり出てくるようなナビゲーションから、端末によって、それぞれの端末に最適化された形に変化するものまで多種多様なレスポンシブメニューがまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
撮った写真を自由に好きな雰囲気に変化させることができるphotoshopのアクション集「80+ Color Altering Photoshop Actions」を今回は紹介したいと思います。
(fairytale actions by ~Blowthat on deviantART)
オリジナルをベースに、photoshopを使っていろいろな雰囲気の写真に加工をすることができます。写真が好きな方におすすめのまとめではないでしょうか。いくつか詳細されていたアクションをピックアップしましたので、下記よりご覧ください。
詳しくは以下
■photoshop actions – 4 by *Honestheart26 on deviantART
ブルー、パープル、イエローなど、フィルムがかけられたような写真に仕上げることが可能なアクション。
■Toasted Photoshop Actions by ~elestrial on deviantART
「CINNAMON」「CREAM」「VANILLA」など、出来上がりの雰囲気に合わせたネーミングが印象的です。
■Photoshop Actions Pack by ~huejuice on deviantART
メリハリのない写真をくっきり、明るく加工できるアクション。いまいちパッとしない写真に是非試してみたいですね。
デザインの現場ではもちろん、プライベートで写真をよく撮影される方は、アクションを使うことで新しい写真の表情に出会うことができるのではないでしょうか?他にもたくさん紹介されていますので、自分にぴったりなタイプを是非見付けてみてください。
世界では様々なアイコンセットが公開されており、スタンダードなものからちょっと変わったものまで様々ですが、今回紹介するのはかなりニッチな手書き風のベクターサッカーアイコンセット「Soccer Icon Set」です。
このアイコンは上記のように、サッカーにまつわる様々なシーンがアイコンセットになっているというもので、全13種類となっており収録アイコンについては以下からご覧ください。
詳しくは以下
デザイン制作で多用することの多いテクスチャ素材は、デザインバリエーションを増やす意味でもなるべく多くストックしておきたいもの。今回はそんなコレクションに是非加えたい、汎用性の高い無料高解像度テクスチャセット「6 Free High Resolution Colored Background Textures」を紹介したいと思います。
ベーシックで非常に使いやすい、6色カラー展開の布地と紙素材がミックスされたテクスチャとなっています。
詳しくは以下
WEB上で買い物を楽しめるサイトはもはや当たり前の存在で、Amazon、楽天など大手を初めとして、個人、WEBにお店を展開しているという方は多いかと思います。
現在ではレンタルカートやオープンソース系のシステムでは素晴らしいテンプレートが揃ってデザインするのも手軽にはなっていますが、もっとこだわりたいと言う方のために、今日紹介するのは海外の素晴らしいEコマースのWEBサイトデザインを50集めたエントリー「50 Inspirational E-Commerce Website Designs | Vandelay Website Design」を紹介したいと思います。かなりの数が紹介されていますが、今日はその中から気になったデザインをピックアップして紹介したいと思います。
詳しくは以下