デザインを開発するという視点でお伝えするクリエイティブBLOG
デザインのフィードバックをクライアントからもらう際、動きの部分も形にすることもできれば、確認の行程を少しは減らすことができるはず。そんな悩みを解決してくれるSketchプラグイン「mirr.io」を今回はご紹介していきたいと思います。
Skecthで制作したデザインを簡単に共有可能なプロトタイプに変えてくれる便利なツールがバージョンアップ。さらに有効に使うことができるようになっています。
詳しくは以下
PC上で作り上げるデザインだけでなく、自然のものを取り入れることでデザインに深みがでてくることも多いのではないでしょうか？今回紹介するのは、自然界の植物として最も昔から存在する苔やカビを集めたテクスチャまとめ「35 Appreciable Lichen and Moss Textures」です。
特徴的な生え方と、独自の広がり感や質感を持つ苔やカビを映しだしたテクスチャ素材が35種類も紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
今流行のデザインのひとつである手書きフォント。筆跡によって印象が全く異なり、とめはね一つでイメージが変わる奥が深いフォントです。今回はそんな手書き風フォントから太めのシルエットが特徴のフォント「Willful Handwritten Brush Font」をご紹介します。
筆で書かれたような緩やかな筆致が特徴のボリューム感のある手書き風フォントです。
詳しくは以下
(さらに…)
和風のテイストのデザインを作る時に重要なのが、色と文様。この二つを押さえるだけで、デザインを一気に和風にすることができます。今日紹介する「粋屋」は日本の伝統文様のベクターデータをダウンロードできるWEBサイトです。
現在かなりの数と種類の文様がダウンロードできるようになっています。またダウンロード素材としてだけではなく、それぞれの文様などの意味や由来も開設されていて、素材以外にも役に立ちます。
詳しくは以下
WEBを制作する上でユーザーエクスペリエンスを左右する。アイコンのデザイン。意図したとおりに作用すれば、言いたいこと、伝えたいことがかなりわかりやすく伝わります。今日紹介するのは、ベクターデータで利用できるシンプルなECサイト用アイコン「New e-commerce icon set 」です。
このアイコンセットはECサイト用ということで、支払いから、セール案内まで、幅広くECで重宝しそうなアイコンがまとめられています。
詳しくは以下
業態やクライアントによってデザインのテイストが大きく変化するwebデザインですが、今回は手書きのイラストやデザインを取り入れたwebサイト集「Hand Drawn Style in Web Design – 40 Excellent Examples」を紹介したいと思います。
（Lotie）
詳しくは以下
ラフでアナログな印象のイラストを中心に、さまざまなタイプのデザインが紹介されています。中でも気になった物をピックアップしてみましたので、下記よりご覧ください。
いくつものページをつなげる重要な役割を果たすボタンは、デザインにもこだわりたいもの。そこで今回紹介するのが、表現力の高いボタン素材を手軽に利用できるPhotoshopテンプレート集「35 Free “Call To Action” Button Templates (PSD)」です。
（Nice download button by Roy Pipeloi – Designmoo）
シンプルなデザインはもちろん、クオリティの高いボタンテンプレートばかりが35種類も紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
webページ構築方法の一つとして取り入れられる方も多いシングルページは、独特な見せ方や演出が話題になっています。そこで今回紹介するのが、比較的最近公開されたシングルページの中から特にユニークな作品を集めた「52 Fresh and Unique Single Page Website Designs」です。
商品の見せ方にこだわったページから、演出にこだわったページまで、さまざまなページが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
クリエイティブの一つの表現方法としてストップモーションという手法があります。WEB上でも様々な作品やサイトで活用されていて、静止画を繋げたようなパラパラ漫画のような動きが特徴的です。今日紹介するフリーソフトはそんなストップモーションが作成できる「FrameByFrame」です。
このソフトは動画からではなく静止画を繋げてアニメーションを簡単に作れるという物です。
詳しくは以下
今まで「イラストレータのチュートリアル集「Illustrator
Tutorials」」や「illustratorのペジェ曲線特訓チュートリアル「Illustrator Pen tool exercises」」などイラストレーターのチュートリアルを紹介してきましたが、今回紹介するのは65種類ものイラストレータのチュートリアルを集めた「65 Adobe Illustrator Tutorials」です。
上記のようにアイコンからからカットイラストまで様々なジャンルのチュートリアルが集められています。
詳しくは以下
環境やエコなどを間接的に表現したりと何かと便利な葉っぱの素材。実際自分で素材を用意して使うとなると切り抜いたり、加工したりと色々と面倒ですが、今回紹介するのは便利に使える葉っぱのフリーphotoshopブラシ「32 Ultra Photoshop Quality Leaf Brushes」です。
全部で32種類の葉っぱのphotoshopブラシが収録されています。葉っぱ単体から、枝まで含んだものなど様々な葉っぱの素材が、1000px〜2000pxと高解像度で収録されています。収録されているブラシ一覧は以下からご確認ください。
詳しくは以下
