デザインを開発するという視点でお伝えするクリエイティブBLOG
LINEなどでお馴染みのチャットのユーザーインターフェイス。メールに代わるコミュニケーションツールとして台頭し、多くのサービスで取り入れられているチャット。今回ご紹介するのは、そんなチャットのユーザーインターフェイスを実現できる「BotUI」です。
動作のイメージや動きなどについては、BotUI – A JavaScript framework to build conversational UIs.
からご覧いただくことが可能です。
詳しくは以下
(続きを読む…)
Twitterなどの有名なアイコンは、自分がよく使用するものはストックとして持っているかもしれませんが、必要時にない場合は探すことになり、非常に手間を感じるのではないでしょうか。そんな手間を省いてくれる「devicon」を今回はご紹介します。
デベロッパーが持っておくと便利なアイコンが多数まとめられており、ソースコードも記載してくれている優秀なアイコンセットになります。
詳しくは以下
WEB上で3Dアニメーションやオブジェクトを表示できる技術WebGL。今回ご紹介するのはそんなWebGLを使った、美しいマウススクロールアニメーションをまとめた「WebGL Scroll Spiral」です。
万華鏡のような美しいデザインから、抽象的なモーショングラフィックまで多様なデザイン、全8種類のデモを公開しています。
詳しくは以下
今まで様々なアイコンを紹介してきましたが、今回紹介するのはシンプルなピクセルでできたフリーピクセルアイコン集「Free Icons pixel style」です。シンプルながらも多種多様なアイコンが収録されています。
ピクセルと言うだけあって上記のようにアイコンは全てドット絵で展開されます。アイコンのサイズは9×9, 18×18, 28×28となっていて、ファイルはpng形式とgif形式となっています。
詳しくは以下
軽量のjavascriptライブラリとして幅広く利用されているjQuery。その機能は多岐にわたり様々なプラグインやパッケージが後悔されていますが、今日紹介するのはjQueryの中でもナビゲーションに絞って紹介しているエントリー「10 Fresh jQuery Tutorials to Enhance Navigation Menus」です。
Horizontal Scroll Menu with jQuery Tutorial
詳しくは以下
WEB制作の流れや構造を一覧化して分かりやすくするのに便利なのがフローチャート。簡易的なものもありますが、グラフィカルに作ろうと思うと結構手間がかかったりします。そこで今日紹介するのは手間無く、グラフィカルなフローチャートや構造図を描くことできるWEBサービス「Lovely Charts」を紹介したいと思います。
このWEBサービスはユーザー登録をすれば、無料で利用することができ、簡単なチュートリアルも用意されており、Lovely Chartsの使い方が90秒でまとめられています。だれでも簡単に質の高いフローチャートを描く事ができます。海外のサービスなので英語になりますが、分かりやすいインターフェイスなので英語が苦手の方でも迷うことなく利用できるかと思います。
詳しくは以下
WEBでは多くの人に自分のデザインや作品を公開する術がありますが、今回は誰でも簡単に自分のポートフォリオが作成できるWEBサービス「Carbonmade」。HTMLなども全くわからなくても利用できるようになっています。
現在約40万ものポートフォリオが公開されており沢山の方が利用しているようです。無料で出来る範囲は5つのプロジェクトで35イメージまで。有料版は50のプロジェクトが作成でき500イメージ＋10ビデオが公開できるようになっています。
詳しくは以下
作り込んだデザインを一瞬にして再現してくれるphotoshopブラシ。自分の探している物が見つかれば、制作する上でものすごくチカラになってくれます。今日紹介するphotoshopブラシ集「34 Super Cool Photoshop Brushes」はグランジからフィルム、切手などなど様々なジャンルにまたがってphotoshopブラシを集めたエントリーです。
沢山のphotoshopブラシ集が紹介されていますが、今日はその中から気になったものをいくつかピックアップして紹介致します。
詳しくは以下
サイトを制作する上で、便利な素材PSD。photoshopで扱えるファイルで、細かなカスタマイズも可能で、扱いやすいファイル形式は制作者としてはありがたい形式ですが、今日紹介するのは、2012年に公開されたフリーPSDを集めたエントリー「Best Free UI PSDs of 2012」を紹介したいと思います。
ベーシックなアイコン素材から、ローディング用のプログレスバーなど、制作に利用できそうな様々な素材がまとめられています。今回はその中から特に気になったPSD素材を紹介したいと思います。
詳しくは以下
タイトル処理や、ポイントとなる箇所などに使用されることもあるリボンのデザイン。リボンといってもいろいろな種類が存在しています。今回はそんなバリエーションの豊富さを改めて感じさせてくれる、いろいろな表現が揃ったリボンのベクター素材集「29 Modern Ribbon Vector Freebies to Download」を紹介したいと思います。
Promotion ribbon banners Vector | Free Download
シンプルなリボンから、バッジタイプ、バナータイプまで、多彩な種類が紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザインの提案に限らず、企画書を作成する機会は多いと思います。できれば企画書自体にも、クリエイティブ性を持たせておくと評価も高まるもの。そんな時に活用したい、クリエイティブな企画書作成のためのKeynoteテンプレート「Startup Powerful Keynote Template」を今回は紹介したいと思います。
Keynoteをベースとした32以上のテンプレートが集約されていますので、それぞれの場面で使い分けることもできそうです。
詳しくは以下
偶然の滲みやキャンパスの凹凸などデジタルにはない魅力が沢山存在する、アナログで描かれたペイントテクスチャー。しかし一から制作するのには手間も多いため、素材を活用していると言う人も多いのではないでしょうか。今回ご紹介するのはそんな人におすすめしたい、アナログで制作されたスプレーペイントテクスチャ「Spray paint free texture set」です。
現実では手を出しにくい画材であるスプレーを扱ったテクスチャーセットです。
詳しくは以下
(続きを読む…)
アナログ感を演出する為に便利な部品がテープ。ガムテープ、何となく、人の手を感じさせる素材です。今日紹介するのはそんなテープを再現するphotoshopブラシ「Free Brushes – 20 Free Tape Photoshop Brushes」です。
ビニールテープ、セロハンテープなどなど全部で20ものテープを再現してくれるphotoshopブラシが収録されています。収録されているテープブラシの一部は以下の通りです。
詳しくは以下
