デザインを開発するという視点でお伝えするクリエイティブBLOG
Photoshopのレイヤースタイルは、簡単に特殊効果を適用できる便利な機能。しかし凝った効果を一から制作するのは中々手間が掛かってしまいます。今回ご紹介するのはそんなレイヤースタイルを手軽に使えるPhotoshopテキストエフェクト「20 Free Photoshop Layer Styles for Creating Beautiful Text Effects」です。
Sandwich 3D Text Effect – 3 Angles | GraphicBurger
アナログ風やCGのような立体的なエフェクトまで様々なテイストの素材が揃えられています。さらにその中からおすすめのものを、幾つかピックアップしましたのでご覧ください。
詳しくは以下
(さらに…)
情報解禁やコンテンツ公開前のWebサイトでよく利用されるのが、リリース日までの日付をカウントダウンする表現。カウントダウンと共に時間が刻々と過ぎていく様子は、ユーザーの期待感を煽るのにぴったりです。今回ご紹介するのは、そんなカウントダウンページを作るためのフリーのデザインテンプレート集「Top 15+ Free Website Under Construction, Coming Soon Templates」です。
Black HTML5 Coming-soon Web Template – WebThemez
どれも秒単位で公開日をカウントできる、様々なテイストのテンプレートが15点以上紹介されています。その中から特に気に入ったテンプレートを幾つか紹介します。
詳しくは以下
WEBデザインを円滑にしてくれるアイコンセット。様々なテーマでアイコンセットが日々公開され、クリエイターの制作活動の一助となっていますが、今日紹介するのはWEBデザイン自体をテーマにしたフリーのアイコンセット「100 Web Design Icons 」です。
このアイコンセットはWEBデザインでよく見かける、ワイヤーフレームやビデオプレイヤー、解析画面、スマートフォンなどのUIなどなど、WEBデザインをテーマにしたアイコンが全部で100個収録されています。アイコンの一覧が公開されていましたので以下からご覧ください。
詳しくは以下
現在の主流に合わせ、フラットタイプのアイコンが多数配布されていますが、フラットと一口にいってもテイストはさまざま。今回はそんなフリーフラットアイコンの中でも、比較的ベーシックに利用できる「12 Best Free Flat Icons PSD」を紹介したいと思います。
（Dribbble – Free Flat Icons by buatoom）
定番の種類をまとめたものを中心に、活用頻度の高そうなフラットアイコンがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
私たちがWebサイトから何か情報を得る時に欠かせないのは、商品や記事の詳細を知ることができる写真ではないでしょうか。そんな写真を見せる演出に利用したい、360度回転するローテーションプラグイン「8 Best jQuery 360 Degree Image Rotation Plugins」を今回は紹介したいと思います。
360 Javascript viewer, 360 degrees JQuery image viewer
見せたいものの全景がぐるっと確認できる、リアルで見ることができない商品の全体像をブラウザ上で効果的に見せられるプラグインが紹介されています。
詳しくは以下
webデザインをする際、メイン部分のデザインはもちろん重要ですが、フッターデザインもwebサイトのデザインクオリティを高めるのに重要な部分です。そこで今回は、「綺麗でリッチなフッターデザイン集のまとめ 60」を紹介したいと思います。
（ECTOMACHINE | Tulsa Web Design | Oklahoma Web Design）
綺麗にまとめられたフッターデザインの数々が紹介されており、サイトデザインの際に非常に役に立ちそうです。気になったデザインをいくつかピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
旅をする時に必ず持って行く必需品はありますか？キャリーバッグにカメラ、旅の思い出を書き綴るノートなど、アイテムは様々。今回はそんな旅の楽しいイメージを表現できる、トラベルイメージのステッカーセット「 Freebie: “Let’s Travel” Sticker Set (28 Stickers, AI & EPS)」を紹介したいと思います。
POPなカラーとフラットなデザインが可愛らしいトラベルステッカーの素材セットです。
詳しくは以下
WEBデザインにもさまざまなテイストがありますが、今回はシンプルなwebデザインを集めた実例集「40 Fresh Examples of Minimal Web Design」を紹介したいと思います。
要素が少ない分、意外に頭悩ませることも多いであろうシンプルさをテーマにしたWEBデザインが多数収録されています。今回はその中からいくつか気になったものを紹介したいと思います。
詳しくは以下
WEB制作を行う上で、非常に有益な素材の一つアイコンセット。質の高いインターフェイスを気軽に実現できる便利で実用的な素材の一つです。今日紹介するのは、柔らかいラインで描かれたベクターアイコンセット「Linecons Free – Vector Icons Pack」
シンプルなデザインなのでどんなデザインにも応用が効きそうです。スマートフォンのインターフェイスに活用されている例が公開されていましたので下記からごらんください。
詳しくは以下
WEB制作において、非常に便利な素材の一つアイコン。直感的に意味を示してくれる指標になったり、作りこまれたアイコンはそれだけでデザインのクオリティをアップさせてくれたりします。今日紹介するのは最近リリースされたフリーアイコンセット50セットまとめたエントリー「50 (Really FRESH) High Quality and Free Icon Sets」です。
3D Glossy Icon Set: 20 Free Icons
シンプルなものから、立体的なもの、一点物などなど様々なアイコンセットがまとめられています。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。
詳しくは以下
WEB上で何かを選択するときに用いるラジオボタン。様々な場所で実装されており、もはや当たり前のユーザーインターフェースの一つですが、今回紹介するのはそんなラジオボタンにアクセントを付けることができる、CSS3で実現するラジオボタンアニメーション「radiobox css」です。
ラジオボタンの選択時に特定のアニメーションをラジオボタン自体にかける事が可能です。
詳しくは以下
