現代のWebデザインに置いて欠かせない基礎設計となっている、レスポンシブレイアウト。PCとスマートフォンでの見え方の違いを手軽にチェックしたい、そんな時の手助けとなる便利なテストツールをまとめた「7 Free Tools For Testing Responsive Layouts」を今回は紹介したいと思います。
7 Free Tools For Testing Responsive Layouts | Webdesigner Depot
使いやすい全てフリーで利用できるツールが7種ご紹介されています。その中から幾つかおすすめのツールをピックアップしてまとめましたので、是非ご覧ください。
詳しくは以下
(さらに…)
世界中で愛されているデニム生地は、デザインの中でも使いやすいアイテムではないでしょうか?そこで今回は、さまざまな種類のデニム生地テクスチャを集めた「Collection of Useful And High Quality Denim Textures」を紹介したいと思います。
denim by ~virus-xiii on deviantART
縫い目の異なるさまざまなデニム生地がラインナップされています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
インターネット上に広告を掲載する場合、広告から商品に直接結びつくページへの誘導が、ユーザーがサイトに留まってくれる重要な要素だと思います。そこで今回紹介するのが、ユーザーに分かりやすいランディングページを手軽に制作できるテンプレートを集めた「50 Effective Landing Page Templates for your Products」です。
Marketing – Promo – Landing Page for Digital Product Sales – ThemeForest
商品の詳細をチェックしたらすぐに購入できるように設計された、さまざまなテンプレートが紹介されています。中でも特に気になったテンプレートをピックアップしましたので、下記よりご覧ください。
詳しくは以下
世界中に多種多様な種類があるノリモノ。車、バイク、船、飛行機など、パッと思い浮かべるだけでも数種類でてきます。それだけに、制作の中で、ノリモノを表現する機会もあると思います。今日紹介するのは、様々なノリモノの形をベクターで描いたグラフィック素材「Free Vector Vehicles」です。
上記のようにベクターデータで表現されており、シンプルなデザイン感なので、比較的利用しやすく、加工なども行いやすくなっております。
詳しくは以下
シームレスなパターンは様々なシーンで活用できるアイテム。デザーナーとしてはいくつか違ったテイストのアイテムを手元に揃えておきたいものです。そんな中今回紹介するのは、POPなカラーが目を惹く8bitの幾何学的パターンセット「8-bit Memphis Patterns Pack」です。
様々な幾何学模様を組み合わせて作られた15種類のパターンセットです。
詳しくは以下
デザインを彩るフォント。特に見出しやメインビジュアルなど、人目をひく部分に使うフォントにはこだわりたいもの。今回ご紹介するのはそんな見出しやメインビジュアルなどに最適なフォントをまとめた「33 Bold Fonts for Your Flyers, Posters, and Brochures」です。
33 Bold Fonts for Your Flyers, Posters, and Brochures | NOUPE
デザイン性の高い、ハイクオリティなフリーフォントが33種類まとめられています。その中から特に気に入ったフォントを幾つかピックアップしましたのでご覧ください。
詳しくは以下
(さらに…)
名刺、ロゴ、ブランドイメージ、広告など企業が必要とするデザインは多くあります。その全てを一からクリエイトしていくことはなかなか大変なこと。そんなときにあると便利なまとめ「12 Free Business Cards, Resumes, Corporate Identity Packages」をご紹介していきたいと思います。
Free Envelope PSD Mockup + Letterhead Mockup | ZippyPixels
名刺やパッケージのテンプレートから新聞広告のモックアップまで、幅広く収録されている中からいくつかピックアップしているのでぜひご覧ください。
詳しくは以下
デベロッパーにとって便利なリソースは、制作時の効率化や運用時の手助けをしてくれる重要な存在。そんな中今回は、webサイトを制作するにあたって便利なリソースをまとめた、デベロッパー向け最新リソースまとめ「Fresh Resources for Web Developers – October 2017」を紹介したいと思います。
最新のリソースがいくつか紹介されており、参考にしたいアイテムが集約されていますのでデベロッパー必見のページです。
詳しくは以下
写真の加工などグラフィックデザインに欠かせないPhotoshop。様々な機能を卒なく使いこなせたら、更にデザインの幅も広がるのではないでしょうか。そんな中今回は、Photoshopの技術を高めてくれるハイクオリティなチュートリアル「30 Fresh New Photoshop Tutorials – Enhance Your Manipulation Skills」の紹介です。
Create a Pop Art Inspired by Roy Lichtenstein – PSD Stack
Photoshopの様々な機能を使って写真に処理を加える方法をチュートリアルしてくれる便利なサイトです。その中からいくつか気になったものを紹介したいと思います。
詳しくは以下
最近のWEB制作ではよく使われるJavaScriptライブラリの1つ「jQuery」。様々な動きをつけることが可能ですが、今日紹介するのはjQueryを使ったアニメーションのTipsをまとめたエントリー「13 Excellent jQuery Animation Techniques」です。
Create a Cool Animated Navigation with CSS and jQuery
全部で13のjQueryを使ったアニメーションのTipsが紹介されていますが、今日はその中から気になったものをピックアップして紹介したいと思います。
詳しくは以下
WEBに置いてユーザーと運営側を繋ぐフォーム。ログインフォーム、コンタクトフォームと色々と種類はあれど、現在、様々なサイトで導入されています。以前「クリエイティブなフォームをCSSで実現する為のTips「20+ Resources and Tutorials for Creative Forms using CSS」」と言う記事でも少しお伝えしましたが、今日紹介するのはクリエイティブなフォームの為のインスピレーション集「20 Creative Web Forms For Design Inspiration」です。
一風変わった様々なフォームデザインが収録されて、クリエイティブなフォームを作るためのインスピレーションとして活用できるかと思います。全部で20ものフォームデザインが収録されていますが、今日はその中から以前紹介したフォームデザインとは違うもので、いくつか気になったものを紹介したいと思います。
詳しくは以下