デザインを開発するという視点でお伝えするクリエイティブBLOG
もうすぐ、2月の一大イベント・バレンタインがやってきます。デザインの仕事でもバレンタイン関連の制作を手がけている方も多いのではないでしょうか？そんな中今回紹介するのは、バレンタインデザインに最適なフリーフォント集「20 Free Valentine’s Day Fonts to Get You in the Mood」です。
ハートモチーフがあしらわれていたり、女性らしい可愛らしいテイストであったりと、バレンタインテイストのデザインにぴったりなフォントが紹介されています。
詳しくは以下
1からデザインを手がけることが多いweb制作の世界。しかし時にはコスト面や制作時間の関係でなかなかすべてに手をかけられないこともあるのではないでしょうか？そんな時に参考にしたい、フリーUIキット集「20+ Flat & Free UI Kits」を今回は紹介したいと思います。
Dribbble – Free Sketch UI Kit by Pausrr
デザインにハイクオリティなテイストをプラスしながら、高品質なサイトを作り上げることができるUIキットが紹介されています。
詳しくは以下
非常に多彩な素材がインターネット上には揃っており、デザイン制作のたびにいろいろと探している方も多いのではないでしょうか？そんな中今回は、最新のフリー素材を多数集めたまとめ「50 Free Resources for Web Designers from January 2015」を紹介したいと思います。
UIからモックアップ、アイコン、フォントまで、いろんな種類の素材がピックアップされ紹介されています。
詳しくは以下
フリーで使用できるアイコンには非常にさまざまな種類が存在しており、いろいろなタイプを選択できるようになっています。そんな中今回紹介するのは、SEO・オンラインマーケティング表現に活用できるアイコンセット「Free SEO Vector Icons」です。
130種のSEOイメージアイコンがセットでダウンロードできるようになっています。
詳しくは以下
難しく固い内容を、ビジュアル化し分かりやすく表現することができるインフォグラフィック。さまざまなwebサイトでよく利用されていますが、実際に制作しようと思うとなかなか大変なもの。そんな時に利用したい、インフォグラフィックデザインを手軽にするベクターセット「Freebie Release: Infographic Elements」を今回は紹介したいと思います。
ベクター素材を多数紹介しているサイト「Vector Open Stock」にて公開されている、さまざまなテーマのインフォグラフィック素材がまとめられたベクターセットとなっています。
詳しくは以下
デザインの良し悪しを決めるといっても過言ではない程重要な位置づけとなっているフォント。いろいろな種類がフリーでダウンロードできるようになっていますが、今回紹介するのは、繊細ながらも個性を演出できる細身フリーフォント集「40 Beautiful And Useful Free Thin Fonts」です。
Roboto Font Family · 1001 Fonts
非常に細身なラインが特徴で、それぞれに個性をしっかりと持ったフォントがまとめられています。
詳しくは以下
デザイン制作に欠かせないアイコンですが、細かい部分までしっかりと表現しようと思うと制作に時間がかかるもの。そこで今回紹介するのが、PSDフォーマットで制作された、表現力の高いアイコンセットをまとめた「40 Fresh And High Quality Free Icon Sets In PSD Format」です。
イラスト感の可愛いアイコンや、立体感・リアリティのあるクオリティの高いアイコンが多数紹介されています。中でも気になったものといくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
さまざまな描写表現が可能なイラストレーターは非常に重宝するソフトの一つ。しかし、思い描いたグラフィックを作り出すのになかなか機能を使いこなせず苦戦することもあると思います。今回はそんなシーンで是非参考にしたい、リアルな質感を表現するためのイラストレーターチュートリアル「25 New Illustrator Tutorials to Learn Design & Illustration Techniques」を紹介します。
Create Yummy Donut Text Effect in Adobe Illustrator
いろんなデザインのグラフィックを作り出すための手順が分かりやすく紹介された記事がピックアップされています。中でも気になったものをいくつか紹介したいと思います。
詳しくは以下
テクスチャの中でも定番として、非常に便利に利用できるペーパーテクスチャ。そのまま使用するのはもちろん、他の素材と組み合わせたり、ニュアンス的にパーツに素材感を出すために加工したりと、いろいろな使い方ができます。そんなペーパーテクスチャが12種セットになった「12 Paper Textures」を今回は紹介したいと思います。
非常にシンプルで、ベーシックなタイプのペーパーテクスチャがまとめられています。
詳しくは以下
photoshopには様々なブラシがリリースされており、ブラシ次第でその表現の幅はかなり広がります。今日紹介するphotoshopブラシ集300+ Excellent Photoshop Brushes for Creating Painted Effects」は絵の具やペンキで描いたような表現を可能にしてくれるブラシセットを集めたエントリーです。
WaterColor Reloaded – 83 brushes
様々な種類のブラシセットがあつめられていますが、今日はその中からいくつか気になったものいくつか紹介したいと思います。
詳しくは以下
webサイトに文字や情報などを入力する際に使用する入力フォーム。一般的には文字を打ち込むとカーソルが右側に動いていくシンプルなものが主流ですが、今回紹介するのは、クリエイティブな入力フォームサンプルまとめ「Creative Form & Input Field Design Examples」です。
入力フォームに独自な動きや、フォーム自体にデザインが施された、他のサイトとちょっと差を付けたい時に活用できる例がまとめられています。
詳しくは以下
グラフィカルでリアルなデザインの制作に欠かせないソフトといえばphotoshopですが、クオリティの高いものを仕上げるには時間を要することが多いかと思います。そこで今回は、制作時間の短縮にもつながる、PSD形式で制作されたさまざまなデザインを集めた「25 High Quality Free PSD Files」を紹介したいと思います。
（MeegoFurn. Landing Page PSD | elemis | raw materials for design）
webサイトデザインに利用するさまざまなパーツデザインから、飛行機やマウスなどのCGパーツまで、さまざまなPSD素材が紹介されています。中でも気になったものをピックアップしましたので、下記からご覧ください。
詳しくは以下
木の持つ暖かみや味という物は確かにあって、デザインする時も木目を引いたりすると、色下手とは違った雰囲気が作り出せます。今日紹介するのはそんな木の魅力をデザインに取り入れることができる高解像度な木材のフリーテクスチャ集「17 Wood Textures & Photos」です。
全部で17種類のフリーテクスチャが公開されていて、サイズは2256×1496とかなり高解像度でそれにともなってファイルサイズもzipでまとめられた物で26.2MBあります。収録されている素材の中からいくつかサンプルを下記に掲載しておきます。
詳しくは以下
サイト内で画像や動画を公開する方も多く、より高度な動きのあるサイト制作を求められるようになっています。そんな中今回紹介するのが、WEBサイト制作に使いやすいフォトギャラリーのjQueryプラグインをまとめた「15 jQuery Plugins To Create Awesome Photo Galleries」です。
表示のアニメーションをはじめ、さまざまな機能が魅力的なjQueryプラグインが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。
詳しくは以下
シームレスな背景素材は解像度が多様化しているWEBサイト制作においては非常に役立つ素材の一つです。今日紹介するのは暖かくて柔らかな印象を与えてくれる水彩で描かれたオシャレなシームレスなパターンセット「Watercolor Seamless Patterns」です。
パターンは非常に実用的で、ドットから幾何学的な模様、破線のボーダーまで全部で8つのパターンが収録されています。全パターンは以下からご覧ください。
詳しくは以下
世界中で利用されているCMSの一つ、Wordpress。デザイン性の高い、無料で利用できるテーマ。その魅力の一つですが、今日はそのテーマの中から2012年にリリースされたミニマムなWordpressテーマを集めたエントリー「30 Free Minimal Responsive WordPress Themes from 2012」を紹介したいと思います。
厳選されたミニマムなテーマが全部で30個まとめられていましたが、今日はその中からいくつか気になったテーマをピックアップして紹介したいと思います。
詳しくは以下
