デザインを開発するという視点でお伝えするクリエイティブBLOG
シンプルながらも星空をイメージさせるために最適な素材の一つ、スターダストパターン。今回ご紹介する「Night Sky Star Patterns」では、雰囲気の違う背景素材が20種類も収録されています。
実際の星空が一つとして同じ瞬間がないように、収録されている内容も様々。組み合わせ次第でいろいろな夜空に輝く星の様子を表現することができそうです。
詳しくは以下
近年Webデザインに導入する機会が増えてきた「SVG」。拡大や縮小が容易にできる為、レスポンシブ性が求められるWebデザインに適応するフォーマットとして注目を集めています。今回ご紹介するのはそんなSVGを利用した背景を容易に生成できる「SVG Backgrounds」です。
シームレスで拡大と縮小に適応したSVGバックグランドをCSSコードで入手することができます。
詳しくは以下
(さらに…)
季節行事の中でもクリスマス、ハロウィンと同じくらい特別なイベントであるバレンタイン。行事によってデザインを変えることはユーザーの目を引くにも非常に重要なファクターです。今回ご紹介する「A Huge Set Of Valentine’s Day Backgrounds (exclusive)」ではバレンタインを中心とした背景素材がまとめられています。
バレンタインらしくハートをモチーフとしたファンシーな背景素材がまとめられています。
詳しくは以下
WEBデザインは背景によって大きく印象が変わり、それだけにテクスチャや背景パターンの素材は数多くリリースされていますが、今回紹介するのは先進的な印象を与えてくれるカラフルな幾何学パターンセット「Colorful Geometric Pattern」です。
全部で8枚の繰り返しで利用できるシームレスな背景パターンがまとめて配布されています。収録されているパターンについては下記からご覧ください。
詳しくは以下
1カラムのダイナミックなデザインが主流となって暫く経ちますが、WEBサイトの印象を決定づける要素の一つに背景があります。特にPCサイトでは大きな面積を占めることから非常に重要な要素ですが、今日はそんな背景デザインのアイデア集、2017年の主流となるWEBデザインの背景のアイデア集「5 Modern Website Background Ideas for 2017」を紹介したいと思います。
1. Geometry on Photos
幾何学的なデザインを写真に重ねる背景デザイン
2017年のトレンドとなりうる背景デザインが全部で5つ掲載されていましたので以下からご覧ください。
詳しくは以下
WEBデザインの世界感を表現する上で便利な素材がパターン。どのようなパターンを背景に用いるのかで全く印象が異なったりします。それだけに様々な背景素材が配布されていますが、今日紹介するのは登録されたパターンをベースにカスタマイズができるパターン配布サイト「HeroPatterns」です。
決められたパターン素材をただ、取得するというものでは無く、登録されたパターンをベースに自分自身でカスタマイズして利用することが可能です。
詳しくは以下
素材ひとつで制作の時間は大きく短縮でき、いつも時間に追われているデザイナーさんにとっては、使いやすい素材というのはいくつでもストックしておきたいもの。今日紹介するのは、WEB制作で使えるpsdファイルを集めたエントリー「15 Beautiful and Useful Free PSD Files」です。
こちらのエントリーでは、タグなどの細かいパーツデザインから、ユーザーインターフェースセット、ソーシャルボタンまで様々な素材がまとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
フラットなタイプのアイコン素材は、さまざまなデザインパーツに展開できることもあり、デザイン制作の際には非常に重宝します。今回はそんなアイコンで、スポーツにテーマを絞った「Freebie: Sports Icon Set」を紹介したいと思います。
いろんな種類のスポーツをイメージさせるデザインアイコンが100種類収録されています。
詳しくは以下
多くのサイトで採用されている、多くの情報を整理して順番に見せるスライダー。多くのクリエイターが日々、試行錯誤しており、様々なクリエイティブなスライダーが生み出されていますが、今回紹介するのは斜めに動く、ダイナミックなスライダー「Diagonal Slideshow」です。
「Diagonal Slideshow」はフルスクリーンで動作し、次の写真をクリック、タップでスライド、中央の写真を選択すると、同じくフルスクリーンアニメーションしながら情報が表示されます。
詳しくは以下
撮った写真を自由に好きな雰囲気に変化させることができるphotoshopのアクション集「80+ Color Altering Photoshop Actions」を今回は紹介したいと思います。
（fairytale actions by ~Blowthat on deviantART）
オリジナルをベースに、photoshopを使っていろいろな雰囲気の写真に加工をすることができます。写真が好きな方におすすめのまとめではないでしょうか。いくつか詳細されていたアクションをピックアップしましたので、下記よりご覧ください。
詳しくは以下
■photoshop actions – 4 by *Honestheart26 on deviantART
ブルー、パープル、イエローなど、フィルムがかけられたような写真に仕上げることが可能なアクション。
■Toasted Photoshop Actions by ~elestrial on deviantART
「CINNAMON」「CREAM」「VANILLA」など、出来上がりの雰囲気に合わせたネーミングが印象的です。
■Photoshop Actions Pack by ~huejuice on deviantART
メリハリのない写真をくっきり、明るく加工できるアクション。いまいちパッとしない写真に是非試してみたいですね。
デザインの現場ではもちろん、プライベートで写真をよく撮影される方は、アクションを使うことで新しい写真の表情に出会うことができるのではないでしょうか？他にもたくさん紹介されていますので、自分にぴったりなタイプを是非見付けてみてください。
架空の動物ドラゴン、また蛇やトカゲなどの爬虫類には、まるでうろこのような皮膚で体が覆われているといった特徴があります。今回はそんな皮膚を表現できるPhotoshopブラシを集めた「A Collection Of Free Scale Brushes For Photoshop」を紹介したいと思います。
Dragon Scale custom brush by KeithSeymour on DeviantArt
ボコボコと美しく並ぶ皮膚の表情を簡単に描き出すことができるブラシが紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
多くのWebサイトを構築するデベロッパーにとって、作業時間の短縮や効率アップにつながるアイテムは日々の仕事においてとても重要です。更には新しい技術を求められるため、最新の素材をいくつか手元に置いておきたいもの。そんな時に役立つ最新のリソース10種類「10+ Wonderful Resources (Fully Packed With Hidden Gems ) For Developers」を今回は紹介します。
便利に活用できるリソース素材が豊富に紹介されています。いくつか、気になったものをいくつかピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
ブログを立ち上げるとき何となく始める人もいますが、一つのテーマに絞って何かに特化したブログを立ち上げようと思う人も多いかと思います。
スポーツブログのためのテーマ
何かに特化しているブログではコンテンツもさることながら、専門性やスペシャリスト感を出すためにデザインも重要になってくると思います。そこで今日紹介するのは何かに特化したブログを作るときに役立つWordPressテーマ集「20 Specialty WordPress Themes」です。
詳しくは以下
デザイン制作をする際には、さまざまな素材が必要になってきますが、1からすべてを制作していると時間と手間がかかってしまうもの。今回はそんな時に利用したい、インフォグラフィック等のグラフィックデザインに活用できるフリーデータまとめ「Free Infographic Vector Graphics Design Elements」を紹介したいと思います。
Dribbble – Freebie – Vector UI Components by Balraj Chana
さまざまな種類のVector形式の素材がまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
デザイナーにとって必要なスキルは幾つかありますが、中でもPhotoshopの操作は必須。今回はそんなPhotoshopでのWEB制作のチュートリアルがまとめられた「35 High Quality Photoshop Web Design Tutorials」を紹介したいと思います。
How to Make a Light and Sleek Web Layout in Photoshop
基本的な枠組みから手の込んだサイトまで、35種類のチュートリアルが集約されています。
詳しくは以下
グランジ表現のテクスチャは海外のサイトでも様々なセットが公開されていますが、今日紹介するのは上に書かれた文字や絵を上から消し込んだ壁のテクスチャを集めたセット「25 Dry Erase Board Textures」です。
真っ白な壁、綺麗には無い個性、かといってグランジ表現前回と言うわけでもないので、主張し過ぎる事が無いので、ちょっとしたグラフィックの背景なんかににかなり使い勝手が良さそうなテクスチャセットです。収録されている画像を何枚か紹介したいと思います。
詳しくは以下
