近年、ネットショップに関する新しいサービスが続々登場し、利便性が飛躍的に向上しています。 ネットショップ開設は非常に容易になり、今やスマホやパソコンがあれば誰でもオンライン上での商品販売を行える環境が形成されつつあります。 しかし、誰でもネットショップを持てるようになってきた分、その中で売上を立てていくにはいくつかのテクニックが必要です。 今回は、ネットショップ構築プラットフォーム「EC CUBE」を提供する株式会社ロックオン監修のもと、ネットショップで成功するために最低限行った方が良い10の施策をまとめました。 ネットショップ業界の現状 ネットショップ業界は、ここ数年で変革期を迎えています。 ネットショップは一般的に、楽天やYahoo!ショッピングに代表されるようなモール型と、自社で全て構築する独自型の2種類に分けられ、特にモール型に著しい変化が起きています。 「BASE」「STORES

デザインの際によく使われるパターン素材は、簡単にデザインの中に組み込むことができて非常に便利です。 しかし、Web上にはたくさんの素材がある反面、欲しい素材を探すために意外と面倒だったり、気に入ったデザインのものが見つからないこともあります。 今回は、Illustratorで使用できる素材を、よく使われるカテゴリ別に分類してご紹介します。 使用したい素材のテーマが決まっている時にはぜひ、検討してみてください。 リボン系 1.無料で使える、リボン・帯・ラベルのフリー素材まとめ 20選 http://designup.jp/free-ribbon-343/ ポップなデザインのリボンやラベルなどの素材集です。 2.少し高級感のあるリボンフレーム【無料イラスト素材】 http://vectorclub.net/0049.html 賞状などで使われるような、高級感のあるリボン素材集です。 3.デザイ

あらゆる情報を集約できるとして人気のEvernote（エバーノート）ですが、登録はしているが活用していないという方も多くいらっしゃいます。 上手く使いこなせば非常に便利なツールなのですが、具体的に使い方が分からなければ活用しようがないものです。 今回は、Evernoteを活用出来ていないという方にオススメしたい、便利な小技18個をご紹介します。 Evernoteをダウンロード、登録はしたけれどすぐに使うのをやめてしまった、という方は活用術を知り、ぜひもう一度使ってみましょう。 Evernoteを活用するための小技23選 1.メール内容からノートを作成する http://www.gizmodo.jp/2015/01/evernote10tips.html メールをEvernote宛に送信することで、本文の内容からノートを作成、保存することができます。 送信には各ユーザー専用の転送用メールアド

この記事は2015年9月7日の記事を更新しています。 ホームページ制作、資料作りで見た目にもこだわりたいと思った時に、イラストを全て作成するのはとても大変です。そんな時、ベクター素材を使えば、時間をかけずともデザインを作りこむことができます。本格的なデザインのものも多数存在しますので、使わない手はありません。 今回は、高品質ながら無料で使えるフリーのベクター素材をまとめてご紹介します。ホームページのデザインから印刷物まで、あらゆるデザインに幅広く活用出来ますので、ぜひダウンロードして使ってみてください。 デザインいらずの高品質ベクター素材まとめ 1.Vector Smart Phone Mockups http://www.vecteezy.com/vector-art/84082-vector-smart-phone-mockups 異なるカラーのスマートフォンイラストをまとめたベクター

完成作品、製品を紹介する際に、より魅力的に見せることができる手段の一つとして、PSDのモックアップを使用する方法があります。 あらかじめデザインしてあるPSDファイルを編集し、作品画像をはめ込むことで、手軽に見た目のクオリティを高めることが可能です。 今回は、プレゼンテーションに使えるモックアップ、デザインに便利なテンプレートを中心に、PSDファイルをご紹介します。 いずれも無料で使えるフリー素材ですので、ぜひ活用してみてください。 無料で使える便利なPSDファイルまとめ 1.Newspaper Advert Mockup http://www.techandall.com/newspaper-advert-mockup/ 新聞の一部に広告をデザインしたPSDモックアップ素材です。 2.Simple Branding Mockup http://www.techandall.com/sim

多種多様な写真素材が揃うストックフォトサービスは、無料のものも含めて数多く存在します。 クオリティの高い素材を使うことでビジュアルを良くしてくれるだけでなく、自身で撮影したりデザインする時間を短縮してくれます。 しかし、ニッチな写真素材を探している場合には、思っているものが見つからないことも少なくありません。 そんな時に便利なのが、最近増えている特徴的・特化型のサービスです。 今回は数ある中から23個のサービスをご紹介します。 ご自身がよく使う写真素材のジャンルがある場合には、ぜひ参考にしてみてください。 特徴的・特化型がユニークな写真サービス23選 1.kaboompics http://kaboompics.com/ 解像度が大きく、高画質な画像を多数配布している写真サービスです。 写真素材といえば2400px程度までが一般的ですが、kaboompicsではそれを上回る大きな画像が手に

Webフォントを使用して、Webサイトを制作すると、表現できるデザインの幅が格段に広がります。 何となく使用方法が難しいと思われがちなWebフォントですが、一度理解できれば意外に簡単です。 以下の記事でWebフォントの使用方法を解説したので、一読することをオススメします。 意外と簡単！Webフォントを理解しよう 今回は、日本語に対応しているWebフォントがダウンロードできるWebサイト25選をご紹介します。 1.Noto Sans Japanese https://www.google.com/get/noto/ Googleが提供しているフォントサイトです。 和文だけではなく、様々な言語の一般的なフォントが揃えられていますので、まず導入として使用してみることをおすすめします。 2.TypeSquare http://typesquare.com/ 日本で最も有名な和文フォントサイトです。

企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを

自社ホームページの新規ページやランディングページを制作する時、少しでもサービスの雰囲気が出るような画像を選択すると思いますが、画像と同じくらい雰囲気を左右するのがフォントです。 例えば、一番最初に視線に入るキャッチコピーであれば、フォントの印象がそのままコピーの内容にも影響を与えます。 こちらのLINEの公式ディレクターブログでは、フォントを買えることで広告効果に差が出た事例が紹介されています。 100種以上の自社広告運用でわかった！バナー広告クリエイティブ4つの基本 : LINE Corporation ディレクターブログ どのような内容でもすぐに対応できるよう、フォント素材のストックは多いに越したことはありません。 今回は、ジャンル別に高品質なフリーフォント素材をご紹介します。 デザイナーの方もディレクターの方もぜひチェックしてみてください。 1.和風な日本語のフリーフォント40選 h

アプリ開発を行う際には、キャラクター素材はもちろん、背景、BGMといった様々な素材が必要となります。 特にゲームアプリにおいてはちょっとした効果音も含め多くの素材を使用します。 全てを一からデザインするという手もありますが、最近では数多くのフリー素材を無償公開しているホームページも多数存在しますので、利用しない手はありません。 今回は、アプリ開発で使えそうなフリー素材を配布中のホームページをまとめてご紹介します。 キャラクター素材から、音楽素材までジャンルごとにピックアップしておりますので、アプリ開発用の素材を探しているという方はぜひ参考にしてみてください。 アイコン素材を配布しているホームページ 1.Google Material Icon http://google.github.io/material-design-icons/ Googleのマテリアルデザイン向けのアイコン素材をダ

2015年7月14日の記事を再編集しています。 CSSの新しいバージョンであるCSS3は、アニメーションなどの新機能が追加となったことで従来のCSSよりもグッと便利になりました。CSS3を使えば今までよりも様々な表現ができ、ホームページを魅力的に演出してくれます。 しかし「使ってみたいけれども難しそう……」という方も多いのではないでしょうか。そんなCSS3初心者の方には、サンプルコードを活用することをオススメします。コピペするだけでCSS3を使ったテクニックを取り入れることができますので、試してみましょう。 今回は、CSS3でオシャレなデザインのサンプルコードをまとめてご紹介します。 CSS3で実装できるオシャレなサンプルコードまとめ 1. HTML5＋CSS3でデザインしたtableのCSS＆HTMLサンプルソース5点｜株式会社LIG https://liginc.co.jp/web/h

あらゆるシーンで使用頻度が高いものといえば手書き風フォントです手書き風フォントを使用すると、どこか親しみやすい印象を与えることができます。 特に子供向け、女性向けのデザインにおいては大変重宝しますのでデザインの機会がある方は沢山持っておいて損はありません。 今回は数ある手書き風フォントの中から、おすすめな英語の手書き風フリーフォントを紹介いたします。 いずれも優れたデザインですが全て無料で使えるフォントです。気になるものがあればぜひダウンロードして使ってみてください。 ▼ Webディレクター・デザイナーにお役立ち 手書き風フリーフォント48選 1.Julies https://www.dafont.com/julies.font 小さな子供が書いたような雰囲気の手書き風フォントです。 ハート、星、虫といった可愛らしいモチーフも収録しています。 文字によってはハートをデザインに取り入れていて

フォントがデザインに与える影響は大きく、非常に重要な要素の一つです。 同じデザインであってもフォントが違うというだけで全く印象が変わってしまいます。 Photoshopやillustratorにはデフォルトでフォントが初めから収録してありますが、どうしてもしっくりこない場合があり、目的に応じて使い分ける必要があります。 今回は、ビンテージ風デザインのフォントを50個ピックアップしてご紹介します。 レトロな雰囲気にぴったり合うオシャレなものが揃っていますので、気になるものがあればぜひデザインに取り入れてみてください。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまと

Photoshop（フォトショップ）で画像加工をする際に、よく使う素材といえばブラシです。デザインも様々で、スタンプのようにワンポイントで使えるものから、テクスチャ寄りのものまで種類が多く、ブラシはあらゆる表現に使えます。 しかも、無料でも高品質なブラシが多数ダウンロード出来ますので、利用しない手はありません。今回は、種類豊富なブラシ素材の中でも日常的にデザインに使いやすいものを70個を紹介します。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 Photoshopでブラシ素材を追加する方法 Photoshopにおける新たなブラシの追加は、以下の手順

会社、お店、新規事業、イベントを始めるにあたって、顔となるロゴ（LOGO）や告知ツールであるフライヤーは非常に重要な要素です。しかし、プロのデザイナーに頼むと費用もそれなりにかかりますし、かといって自分ではデザイン出来ない、とお悩みの方も多いのではないでしょうか。 今回は、ブラウザ上で使えるロゴ作成やフライヤー作成にオススメのフリーツールをまとめてご紹介いたします。ダウンロードが不要で、Windows/Mac問わず使えるものばかりです。無料でもクオリティの高いロゴ、フライヤーを作成することができますので、気になるものがあれば使ってみてください。 1.ロゴ作成ジェネレーター Cool Text https://ja.cooltext.com/ 用意してあるロゴスタイルから好みのものを選んで、サクッとオリジナルのロゴを作成することができるジェネレーターです。 現在115個のスタイルから選ぶこと

企業のホームページ担当の皆様は日々情報収集をおこなっていることと思いますが、その情報入手先としてオススメしたいのが企業が配布しているダウンロード資料です。インターネットで単に検索するだけでもあらゆる情報をキャッチすることが出来ますが、企業のダウンロード資料をあわせてチェックすることで、通常ホームページで公開していないような有益な情報を掴むこともできます。 また、ノウハウをコンパクトにまとめた内容のものが多いため独学で知識を身につけるためにも活用できます。今回は、企業が配布している無料のダウンロード資料をご紹介します。気になるものがあればぜひダウンロードしてみてください。 ダウンロード資料一覧 1.バズ部式コンテンツマーケティング SEOの上位表示を独占しPPC広告費を1/10にして売上を倍増させるための全手法｜バズ部 http://bazubu.com/bazubu-marketing-m

近年、Wordpressはブログだけでなく企業のホームページにも使われることが増えており、ますます注目度が上がっています。 今必須のスキルとも言えるWordpressですので、独学で覚えようという方も多くいらっしゃいます。 書籍、解説ブログが数多くありますので、これらを利用すれば独学で習得することは不可能ではありません。特に解説ブログは実践的な内容が多く、初心者はもちろん中上級者にも参考になります。 今回は、Wordpressに関する情報を発信するブログをご紹介いたします。これからWordpressを学ぼうと思っている方、色々カスタマイズしてみたいという方はぜひ参考にしてみてください。 Wordpressに関する情報を発信しているブログ 1.Webデザインレシピ http://webdesignrecipes.com/ Webデザイナーの高橋のりさんが運営するブログです。 ウェブデザイン、

この記事は2016年9月1日に更新しました。 突然ですが、皆さんはインフォグラフィックという言葉を聞いたことはありますか？ インフォグラフィックとは情報を視覚的に表現した資料を指し、ここ数年、多用する企業が増えています。 インフォグラフィックが多用される背景には、世の中に流通している情報量が多くなり、ひと目で言いたいことが分かるように工夫された「インフォグラフィック」に対する需要が高まったことがあるでしょう。インフォグラフィックは基本的にイラストや図形と数字から成り立っているものがほとんどです。 言語がわからなくてもある程度意味を理解できるのでクオリティの高いものは世界的に広がりやすい傾向にあります。 今回は、インフォグラフィックの基礎知識から、実際に自分で作るときに使える無料の作成ツールの紹介、そして実際に大手企業などの事例を紹介します。 プレゼン資料作成やホームページ掲載用の画像作成な

イラストレーターパターンのフリー素材は、こどもの日や母の日など、イベントが近付くにつれて、それにちなんだデザインが多く登場し始めています。きっと多くの方が「やはりこういう時期はデザインも通常とは異なる仕様にしてアクセントを付けたい！」と思うのではないでしょうか。 素材を配布しているサービスでも、春から夏にかけて使える爽やかな雰囲気の素材も数多く登場します。イベント、季節に合わせたデザインをサクッと作りたいなら、パターン素材を活用しましょう。 今回は、クオリティが高く、かつ無料のパターン素材を116個まとめてご紹介します。 春から夏まで使えるフリーパターン素材5月編 1. Nature pattern design http://www.freepik.com/free-vector/nature-pattern-design_1081435.htm 鮮やかな水色のヤシの葉にビビッドなハイビ

ピクトグラム素材は、WebデザインはもちろんDTP、パワポ資料、広告とあらゆるシーンに活用できます。 最近ではシンプルなフラットデザインがトレンドということもあってか特に使用する機会が増えてきています。 そんなピクトグラム素材は無料でもあらゆるデザインのものが手に入り大変便利です。 今回は、無料で高品質のピクトグラムをピックアップしてご紹介します。素材をお探しの際には是非参考にしてみてください。 無料ピクトグラム28選 1.iconSweets2 http://iconsweets2.com/ シンプルデザインの定番アイコンが、編集可能なPSD形式でダウンロードできるアイコンセットです。 小さいアイコンから大きめアイコンまで3サイズが揃います。 2.iconmonstr http://iconmonstr.com/ PNG、SVGの2種類の形式でダウンロードできるのが嬉しいアイコン集です。