デザインを開発するという視点でお伝えするクリエイティブBLOG
デザインに強調したい部分がある時、ECサイトなどでピックアップ情報を表示したい時などに利用すると効果が高まるバナー。自身でデザインに合わせて作ってももちろん良いのですが、今回はフリーで利用できる、魅力あふれるベクター形式のフリーデザインバナー集「30 Vector Banner Freebies」を紹介したいと思います。
Mesh banners template Vector | Free Download
さまざまな形状のベクターバナーがピックアップされ、紹介されています。気になったものを以下よりご覧ください。
詳しくは以下
webサイトには見せる情報の他に、クリックさせてユーザーを誘導するための要素や仕掛けが必要となってきます。そんな時によく利用されるボタン素材をあつめた「12 Fresh High Quality Free Web Button Files」を今回は紹介します。
25 Free PSD Modern Buttons vol. 1 | Graphics Drawer
12種の厳選されたフリーボタン素材がまとめられており、シーンに合わせて使い分けることができそうです。
詳しくは以下
デザイナーであれば、日々最新の素材はチェックしておきたいもの。しかし、どんどんと新しいものが追加され続けており、どれからチェックすれば良いか迷ってしまうことも。今回はそんなシーンにおすすめの「60+ fresh resources for designers, December 2015」を紹介したいと思います。
最新のフリーリソースが多数ピックアップされた、注目のまとめとなっています。
詳しくは以下
更新システムなどを取り入れたwebサイト制作によく利用されるWordPress。フリーのテーマも多数配布されており、便利に利用できるようになっています。そんな中今回紹介するのは、デザイン・機能共に魅力的なフリーWordPressテーマ「25+ free WordPress themes for April 2014」です。
（Capture Free | Slocum Themes）
デザイン的に使いやすいWordPressテーマがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
WEBデザインでもグラフィックデザインでも欠かせないソフトウェアの一つphotoshop。使いこなすことができれば様々な表現を可能にしてくれます。今日紹介するのはグラフィックデザインのためのphotoshopのチュートリアルをまとめたエントリー「Top 50 Graphic Design Photoshop Tutorials」です。
全部で50ものチュートリアルが紹介されていますが、今日はその中から気になったものをピックアップして紹介いたします。
詳しくは以下
Underwater, Vector-Style Illustration
ベクターアニメのような表現をphotoshopです。
Flaming Car
炎に包まれた車を表現。応用が効きそうなチュートリアル。
Creative Block Text Effect
壊れるテキストをクリエイティブに
上記の他にも様々なクリエイティブなチュートリアルが紹介されています。photoshopの腕をもう一ランク上げたい方は是非ご覧ください。
デザインに添えるイラストは、雰囲気を柔らかく華やかにしてくれたりと、何かと役に立つ存在。いざという時に活用できるストックとして持っておくと非常に便利です。そんな中今回ご紹介するのは、120点以上ものイラストがセットになった「Romantic Dreams Free Vectors」です。
ペンようなタッチで描かれた、柔らかい雰囲気のイラストが魅力的な素材セットです。
詳しくは以下
(続きを読む…)
写真加工以外にも、非常にさまざまな表現が可能なPhotoshop。特にPhotoshopで制作されたグラフィック素材は非常にクオリティが高く、使用するだけでデザインの質を一気に高めることができます。今回はそんなPhotoshop形式のpsd素材をまとめた「26 New Photoshop Free PSD Files for UI Design」を紹介したいと思います。
Free Vintage Rolleiflex Badge on Behance
モックアップからテンプレートまで、さまざまな使用シーンに対応できる素材が紹介されています。
詳しくは以下
ピンクとパープルの組み合わせは女性向けのデザインでも、人気の高い組み合わせです。女性にアピールするのであれば、是非デザインに取り入れたいですよね。今回ご紹介するのは、そんな女性向けのデザインに最適なツールキット「Peach & Purple Artistic Toolkit」です。
Peach & Purple Artistic Toolkit — download free textures by Pixelbuddha
水彩風の淡いタッチのテクスチャーなどがセットになった、華やかなツールキットです。
詳しくは以下
(続きを読む…)
さまざまな種類がフリーでダウンロードできるようになっているアイコン。種類も豊富で、いろんなデザインに使用できるとあって、重宝する素材の一つではないでしょうか？そんな中今回紹介するのは、シンプルテイストのデザインにぴったりなアウトラインアイコンセット「260+ Free Outline Icons For Designers」です。
アウトラインタイプのアイコンが260種揃った、便利に利用できるアイコンセットとなっています。
詳しくは以下
使いやすく見やすい、ユーザーに満足してもらえるUXデザインをより短時間で作ることは、デザイナーであればぜひマスターしておきたいもの。そんな中今回は、特にSketchを利用している方におすすめ、様々な場面で役に立つSketchテンプレートを集約した「Must-Have Sketch Templates for New UX Designers」を紹介したいと思います。
FREEBIE – Flowchart kit for Sketch by Greg Dlubacz – Dribbble
Sketchで活用できる秀逸なテンプレートがまとめられており、どれも非常に魅力的なものばかりが揃っています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
フロントエンドエンジニアの多くの方は、自分が利用するエディタというのを決めているとは思いますが、緊急の時だったり、どうしても自分のPCが手元に無い環境でコードを書かなくてはいけないなんて事も極稀ではありますがあると思います。今回紹介するのはそんな、もしもの時のためのHTML、CSS、JSが同時に編集できるシンプルなオンラインエディタ「playcode.io」です。
この「playcode.io」非常にシンプルなツールで順番に左からコントロールパネル、HTML・CSS・Javascript、HTMLプレビューと並んでおり、結果を見ながらコーディングすることが可能です。
詳しくは以下
