デザインを開発するという視点でお伝えするクリエイティブBLOG
Webサイトの利用者が増えるほどその使い方は様々で、幅広い使用用途を考慮した上でサイトの構築を行わなければなりません。中でもUIはとても重要で、いかに分かりやすくスムーズにユーザーを導くことができるかがポイントです。そんな時に役に立つのが今回紹介する、様々なシーンで使えるアイコンセット「Basicons Multipurpose Icon Set」です。
およそ500種類の異なるアイコンがカテゴリごとに集約された、汎用性の高いアイコン素材です。
詳しくは以下
外へ出かける事なく服や家電、食品に至るまで、何でもネット上で買い物ができる時代。そんな中今回は、ショッピングサイトを運営する中で活躍してくれそうな素材「10 Free Open Source Responsive Pricing Table Designs」の紹介をしたいと思います。
オープンソースのプライステーブルデザインで、10種類ほどまとめられています。気になった素材をピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
秋から冬に向けてイベントも多くなる季節ですが、今回紹介するのは、ここ数年で人気が上昇しているハロウィンで活躍してくれそうな、フォントからイラストまで揃ったハロウィンベクターキット「HaWe: Halloween Vector Toolkit」です。
ハロウィンデザインのポストカードやオリジナルのツールを作るという方にはぴったりの、可愛らしいイラスト素材が揃っています。
詳しくは以下
いつもと違うデザインに挑戦したい時や工数のかけられない案件などに、便利なのがWebデザインテンプレート。他人の作ったデータをベースにすることで時短や、デザインの勉強にも繋がります。そんな中、今回ご紹介するのは、フリーのWebデザインテンプレートをまとめた「40 Free Web Page Templates in Photoshop PSD」です。
Pasco: A free PSD multipurpose template – Freebiesbug
全てPSDデータで制作されたデータが全部で40種類まとめられています。その中から気になったものをいくつかピックアップしてまとめましたので、以下よりご覧ください。
詳しくは以下
(さらに…)
Webデザインに欠かせない存在であるアイコン。そんなアイコン素材を専門に取り扱うサイトiconshockをご存知でしょうか？200万以上ものアイコンを取り扱う、Webデザインの強い味方となってくれるWebサイトです。今回ご紹介するのはそのiconshockから、おすすめのフリーアイコンシリーズをまとめた「Because Size Matters: 2 Million Free Icons From Iconshock」を紹介します。
Because Size Matters: 2 Million Free Icons from Iconshock | Webdesigner Depot
200万以上も種類が揃っているとなると、目当てのアイコンを探すのも少し手間になりがちなので、こう言ったまとめは嬉しいですね。その中からさらに気になったアイコンをピックアップしましたので、以下よりご覧ください。
詳しくは以下
デザイン業務を効率化してくれるフリー素材。使えるハイクオリティな素材を日頃ストックしておけば、デザインの幅が広がるだけでなく時短にも繋がります。今回ご紹介するのはそんなデザイン業務を支えてくれる、Webデザイナーの為の使えるフリー素材をまとめた「50 Dribbble Freebies For Web Designers」です。
Eshop Mobile Product Pages – Free .PSD by Marth – Dribbble
モックアップやUIデザインなど幅広い素材が50種類もまとめられています。その中からおすすめの素材を幾つかピックアップしてご紹介しますのでご覧下さい。
詳しくは以下
(さらに…)
見やすく、分かりやすいインターフェイスを構築するためには、デザイン性にもこだわりが必要なもの。今回はそんな時に便利に活用できるフリーUIキット「11 Useful And Free CSS UI Kits」を紹介したいと思います。
（Dribbble – All CSS UI-kits by Samuel Horn af Rantzien）
シンプルベースのボタンやバーなどを収録したUIキットが11種まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。
詳しくは以下
サイトの個性を出すためにもfaviconは重要な要素の一つです。通常WordPressでfaviconは表示させるには使っているテーマのheader.phpの部分にコードを記述すれば良いのですが、これではテーマを変えた時にまたfaviconの設定をしてあげなくてはいけません。
そこで今日はこの面倒な作業をなくすためのfavicon関連のプラグイン「Favicon Head」を紹介したいと思います。
1.Timblogからプラグインをダウンロード
2.ダウンロードしてきた「favicon-head.php」を「 wp-content/plugins/」へアップロード
3.「favicon-head」プラグインの有効化
4.管理画面 > [各種設定] > [favicon-head]でfaviconの位置を指定
以上です。
管理人はなぜか通常のヘッダにコードを挿入する方法が上手く行かなくてfaviconの表示をプラグインに頼ってしまいました。テーマをあまり変えない人には使い道が無いかもしれませんが、テーマを頻繁に変える方にはとってもお勧めなプラグインになっています。
WEB制作を行う上で便利なスタンダードなボタンやオブジェクトをパックにした素材集が今回紹介する「Deluxive Creative Pack」です。基本的にグラデーションを使った表現で様々な素材が収録されています。
素材の他にも壁紙やphotoshopのパターンなんかも同封されていました。WEBサイトのちょっとしたアクセントに便利そうです。いくつか気になった素材をサンプルとしてピックアップして下記に載せておきます。
詳しくは以下
継ぎ目なく連続したパターンで使用できるテクスチャは、1枚の大きさを気にすることなく使用できるため、webの繰り返し処理を行う場面などで非常に重宝すると思います。そんな中今回は、シンプルかつシームレスなテクスチャ素材集「30 Free Seampless Background Textures」を紹介したいと思います。
いろいろなテイストにも柔軟に対応でき、おおいに活躍してくれそうな素材がまとめられており、日々のデザイン制作の定番アイテムとして是非覚えておきたい内容となっています。いくつか気になったものをピックアップしましたので、以下よりご覧ください。
詳しくは以下
いままでいくつかオンラインでPDFを生成するWEBサービスを紹介してきましたが、ついにAdobeがオンラインPDF生成サービス「Acrobat.com」を開始しました。Adobe IDを登録すればフリーで利用することが可能です。
Adobe IDは簡単な項目を入力すれば簡単に取得できます。もちろん「Acrobat.com」から取得することが可能です。このサービスはFlash再生が可能となった「Acrobat 9」との連携が計られています。
詳しくは以下
個人でも大手のニュースサイトでも一般的になってきたRSS。RSSでサイトやブログの更新情報を流したり、逆に購読したりと言う方は非常に多いかと思います。今日紹介するのはそんなRSSを示すアイコンをあつめたエントリー「800+ Most Wanted Free RSS Icons for Bloggers」を紹介したいと思います。
800+ Most Wanted Free RSS Icons for Bloggers
基本的にRSSを表すアイコンは規定のものがありますが、その規定のマークを上手く使ったユニークなものからスタンダードなものまで幅広いRSSアイコンが800以上紹介されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。
詳しくは以下
psd形式の素材はいろいろなデザインに対応できるため、非常に重宝する存在。インターネット上でもフリーで使用できるものが多数配布されています。そんな中今回紹介するのは、さまざまなデザインに対応できるPSD素材まとめ「28 Fresh Photoshop Free PSD Files for Designers」です。
Freebie: Design Flat Header with Flat Hero Header Kit | Freebies
多彩な種類のpsd素材がまとめられており、いろんなシーンで活用することができそうです。気になったものをピックアップしましたので、下記よりご覧ください。
詳しくは以下
web上で配布・販売されているフォントにはさまざまな種類が存在しており、制作するデザインテイストや、目的に合わせて選ばれていると思います。そんな中今回紹介するのは、ヴィンテージテイストのハイクオリティフォント「Top-Selling Vintage Veneer Font Family」です。
$9と有料版のフォントとなっていますが、デザイン性の高さは、使用するだけでクオリティを最大限にアップさせることができそうです。
詳しくは以下
季節はもうすぐクリスマス。ちょうどクリスマスイベント向けのデザインを制作しているという方もいらっしゃるのではないでしょうか。今回は流行のフラットデザインで作られたクリスマスの可愛いアイコンセットのまとめてみました。
Flat Christmas Icon Set – DryIcons
白抜きの主張しすぎないものからカラフルなわくわくするものまで、さまざまなシーンで使えるアイコンが揃っています。
Flat Christmas Icon Set (PSD) | Psdblast
フラットデザインを取り入れながらも、ポップな仕上がりのアイコン。クリスマスの楽しさを効果的に伝えられそうです。
16 Colorful Flat Christmas Icons ~ Icons on Creative Market
斜めの影をプラスしたロングシャドーのアイコン。単調になりすぎないので、デザインにアクセントを与えてくれます。
Flat Christmas Iconset (14 icons) | Christmas Webmaster
とてもシンプルなのでデザインバランスを崩すことなく、クリスマスを演出することができるのではないでしょうか。
フラットデザインはシンプルさ故に淡白になりがちですが、今回のアイコンを活用すれば、ひと味違った華やかなデザインに仕上げることができそうですね。
写真は施す加工によってガラリと印象が変わりますが、その都度処理を加えていくのは時間も手間もかかってしまう。できるだけ時間を短縮して、クオリティの高いものを作り上げたいものです。そんな中今回紹介するのは、カラフルでスタイリッシュな処理が可能なphotoshopアクション「Color Fusion Photoshop Actions」の紹介です。
3段階の簡単なステップで時間をかけずに複雑な加工ができる便利なアイテムです。
詳しくは以下
