デザインを開発するという視点でお伝えするクリエイティブBLOG
国内でもスタンダードなコミュニケーションツールの一つチャット。様々なWEBサービスやコミュニティで導入されています。今日紹介するのはそんなチャットの開発やデザインのためのUIキット「Chat UI Design Kit」です。
「Chat UI Design Kit」ではチャットに必要な様々なユーザーインターフェイスがまとめられています。
詳しくは以下
近年流行になりつつあるグラデーション表現を取り入れたデザイン。背景やボタンなどのベタ面に、シンプルながらもニュアンスをつけることができ非常に便利な手法です。そんな今回ご紹介するのは、グラデーションの配色パターンを30種類まとめた「coolhue」です。
キュートな印象を与えるフェニミンなグラデーションから、コーポレートサイトにピッタリな先進的なカラーリングまで多数のグラデーションパターンが揃います。
詳しくは以下
デザインに質感を与えてくれるグランジ素材。最近では様々なフリーで使えるグランジ素材が公開されていますが、今日紹介するのはグランジを表現してくれるベクターデータ「15 Grunge Vectors」。デザインをイラストレーターだけで完結させたいけど、ちょっと演出でグランジ感を出したい時には非常に便利に使える素材だと思います。
全部で15のグランジベクターデータが収録されていてプレビューがまとめられていましたので、一部にはなりますが下記に貼付けておきます。
詳しくは以下
UI性を向上させるために効果的なアイコン。数多くあるアイコンの中でも、今回は“旅行”に焦点をあててまとめられたアイコンセット「TRAVEL ICONS SET」をご紹介していきたいと思います。
使いやすいフラットなストロークアイコン。シンプルに構成された分かりやすいデザインが魅力の素材となっています。
詳しくは以下
仕事で作業をするワークスペース。人によって、また国によってさまざまなレイアウトだったり、ガジェットが置かれていたり個性で溢れる場となっていると思います。今回はそんなワークスペースがさまざまなテイストで描かれ、さらにフリーで使用できるイラストレーション「Free download: fun workspace illustrations from freepik.com」を紹介したいと思います。
ポップなテイストのワークスペースイラストが、いろんなパターンで展開されています。
詳しくは以下
写真の補正というものは突き詰めれば突き詰めるだけ細かな部分があって本当に力をいれて行なうと相当な時間がかかります。今日紹介するのはそんな写真の補正の時間をグンと圧縮してくれるphotoshopアクションを集めたエントリー「50 Time Saving Photoshop Actions for Enhancing Photos」です。
Polaroid GENERATOR V1 (9 actions)
全部で50ものphotoshopアクションが紹介されています。今日は今までDesigndevelopで紹介した事が無いものを中心にいくつかきになったものをピックアップして紹介したいと思います。
詳しくは以下
スマートフォンでの操作には、さまざまな手の動きが必要になってきます。そんなときに便利なのがアイコン。完結な表現で動きを伝えることができる重要なツールとして重宝します。今回はそんなスマートフォンでの手の動きを表現したフリーアイコンセットまとめ「11 Free Mobile Gesture Icons Packs」を紹介したいと思います。
Dribbble – Free Gesture Icons Vol 2 by Abdus
いろいろなテイストのジェスチャーアイコンセットがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
火の粉の表現といのはとても難しいもので、写真で撮影できれば良いのですが、あとから合成となると飛び散り方や自然な感じを考慮していくと手作業は途方もない作業だと思います。
そんな火の粉の表現を簡単につくれてしまうphotoshopブラシが今回紹介する「A Free High Res Photoshop Brush Set」です。上記のような表現を簡単に実現できます。
詳しくは以下
画像処理ソフトは様々なものがリリースされており、WEB制作において利用されているソフトも多様にありますが、photoshopで作っていると言うWEBデザイナーさんは多いのではないでしょうか？今日紹介するのはphotoshopでWEBデザインをするためのチュートリアル「How to create an elegant web layout in Photoshop」です。
このチュートリアルはWEB制作を便利にしてくれる960 Grid Systemを利用する前提で展開されています。
詳しくは以下
国内でもユーザーが増え続け、プロモーションでも数多くの企業が活用しているInstagram。先日のアップデートやAPIの改訂など開発側にも大きな話題を振りまいていますが、今回紹介するのは企画書に使えるInstagramのUIを再現できる「Instagram UI Kit」です。
こちらはiOS9・アップデート後のユーザーインターフェイスを再現しており、最新の画面を利用することが可能です。
詳しくは以下
毎日の天気を表現するのはもちろん人の感情を現したりと、多様なシーンで活躍する天気のマーク。今回は、そんな天気を表現できるアイコンセットをまとめた「Free and Premium Weather Forecast Icons Sets」を紹介したいと思います。
Weather Icons by Gavin Elliott – Designmoo
無料アイコンから有料アイコンまで、用途に合わせて選ぶことのできる天気アイコンがたくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
