レスポンシブデザインとは｜今更きけない基礎知識とメリット・デメリット
この記事は2016年3月27日の記事を再編集しています 多くのホームページに導入されているレスポンシブデザインですが、レスポンシブ化することによってどのようなメリット、またはデメリットが発生するか把握できていますか？ 「Googleが推奨しているから」、「流行しているから」、という単純な理由でレスポンシブデザインを導入するのではなく、長所短所を見極めたうえで、自社のホームページに最適だと判断したうえで利用するのが良いでしょう。 今回は、レスポンシブデザインのメリットとデメリットを解説します。 レスポンシブデザインとは そもそもレスポンシブデザインとは何を指すのでしょう。 Googleは、 ユーザーの デバイス（パソコン、 タブレット、モバイル、非視覚的 ブラウザ）に関係なく、同じ URL で同じ HTML コードを配信しますが、画面サイズに応じて（つまり「レスポンシブ」に）表示を変えること
有名企業・ブランドのロゴで採用されているフォント15選
企業のロゴをデザインする際に重要となる要素の一つが「フォント」です。 どのフォントを使うかによってイメージが大きく異なりますので、目的としている企業のコンセプト、イメージしているものに近いものを選ぶ必要があります。 そんなロゴデザインでぜひとも参考にしたいのが有名企業、ブランドが採用しているフォントです。 誰もが知る大手企業でも意外に定番のフォントを使っていたり、既存のフォントをベースにユニークなアレンジを加えている企業があったりと、デザインのヒントが隠れています。 今回は、有名企業・ブランドが採用しているロゴフォントをまとめてご紹介します。 ▼ディレクターとデザイナーで読みたい資料 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを
簡単便利！サクッとモックアップが作れる便利ツール10選
この記事は2016年11月14日に更新しました。 客先でプレゼンする際に、イメージ画像を入れるだけでは魅力が伝わりにくいと感じるときはないでしょうか？ 例えば、アプリやWeb制作の場合なら、完成形に近いビジュアルを見てもらう方が見栄えがいいですし、イメージしやすくなります。 そんな時に活用したいのが、完成形に近いイメージ像を簡単に作成してくれるモックアップ作成ツールです。 今回は、オススメしたいモックアップ作成ツール10種をご紹介します。とにかく簡単に使うことができますので、お客様や社内のメンバーに完成イメージを伝える必要がある際は、活用してみましょう。 モックアップとは モックアップとは、本物に似せた模型のことです。 例えば、携帯ショップに行くとよく製品の大きさやデザインの確認をするためのプラスチック製の実際には使えない模型を見かけます。それがモックアップです。 一般的に、工業製品のプロ
SEO対策とは - 初心者でも分かるSEOの基礎 -｜ferret [フェレット]
SEOとはSearch Engine Optimization（サーチ エンジン オプティマイゼーション）の略で、検索エンジン最適化と呼ばれています。Googleなどの検索エンジンの検索結果で、自社サイトを多く露出するために行う取り組み（SEO対策）のことを指します。 この記事ではSEOの基礎知識から対策方法、キーワードの選び方などをわかりやすく解説します。 目次 SEO対策とは SEO対策におけるGoogleの考え方 スマートフォンを意識したSEO対策の時代に SEO対策の検索キーワードの選定方法 SEOにおける内部対策と外部対策 検索上位を狙うコンテンツの作り方 SEO対策をする前に知っておきたいポイント SEOツールを使って効率的に対策しよう 被リンクを効率的に集めるには SEO対策でよくある質問 SEO対策の基本を押さえて検索結果上位を狙おう ▼ ferretがSEOツールの導入支
![SEO対策とは - 初心者でも分かるSEOの基礎 -｜ferret [フェレット]](https://cdn-ak-scissors.b.st-hatena.com/image/square/adc750c988d147084afc04a7941129c94c4623da/height=288;version=1;width=512/https%3A%2F%2Fferret.akamaized.net%2Fuploads%2Farticle%2F1733%2Fog_image%2Fdefault-1f12a59417c5b8be8bd01965c56117c6.jpg)
リスティング広告の基礎知識が理解できる記事まとめ
ホームページのことはほとんどわからないのに、急に自社のWeb集客を任されてしまったという方は、どのように情報収集してどのように学べば良いかもわからない状態だと思います。 SEOもリスティングもただやるだけでは効果が出ることはありません。 今回は、Web集客の要であるSEOとリスティング広告のうち、リスティング広告の基礎知識が理解できる記事をまとめてご紹介します。 1.リスティング広告用語32選 https://ferret-plus.com/662 リスティング広告を運用するうえで、覚えるべき専門用語は多数存在します。 CPC、PPC、CPAなど、意味も語感も紛らわしい用語が多いため、全てを一度に覚えるのは難しいですが、1つ1つクリアしていきましょう。 こちらの記事では、リスティング広告初心者向けの、最低限覚えておくべきリスティング広告用語を解説付きでまとめています。 2.リスティング広告
SEOに有効な施策かどうか迷った時の判断基準になる記事まとめ
変化の激しいSEO業界では、つい最近まで効果的と言われていた手法が、突然逆に評価を下げる対象になってしまうというのはよくあることです。 そのような環境のなかで、何がSEOに効果的なのか、判断に迷ってしまう時も多々あるのではないでしょうか。 今回は、SEO施策を行う際に判断に迷った時に拠り所になる情報をまとめました。 SEOに取り組まれているWeb担当者様はぜひご確認ください。 1.SEO対策とは?初心者でも分かるSEO対策の基礎?「ferretの事例を公開」 https://ferret-plus.com/1733 「SEO対策をして検索エンジンからの集客を増やしてくれ」 そう上司に言われて途方にくれている方も少なくないのではないでしょうか。 SEO対策とは、YahooやGoogleで検索をしているユーザーに向け、ページを最適化し検索結果で多く露出をすることでアクセスを集める一連の流れのこ
全て無料！PhotoshopやIllustratorで使いたいパターン素材119選
関東地方も梅雨入りして早いもので約1ヵ月が経過。今年の関東近郊の梅雨明けは7月中旬と予想されています。つまりは、まもなく灼熱の季節「夏」が到来しようとしているわけですが、一足先にサマーシーズンに向けたデザインをご用意してみてはいかがでしょうか。 7月はレジャーシーズンということで、海水浴、夏休み、ビール、アイスクリーム……など、まさに夏らしいシーンやモチーフをふんだんに取り入れたパターン素材を中心にピックアップ！119個まとめて一挙にご紹介します。 デザインを切り替えるだけで、一気に気分を盛り上げてくれるはずです！ぜひ最後までチェックしてみてください。 夏シーズンに最適！無料パターン素材まとめ 1. Several fruit patterns in watercolor style http://www.freepik.com/free-vector/several-fruit-patt
ネットショップ運営者必見！知っておかないといけない法律７選
出店手数料無料のBASEやSTORES.jpの登場やメルカリやFrill等のオンラインフリマショップの登場をきっかけに、ネットショップ運営のハードルは年々下がり続け、今は商品が１点でもあれば誰でも気軽にネットショップを開設できるようになりました。 しかし、気軽になってきた分、気をつけたいのが法律です。 ネットショップ運営には様々な法規が関係しており、表現方法にも細かく規定されています。それらを理解していなければ知らない間に法律に抵触していた、ということになりかねません。 今回は、ネットショップを運営する上で最低限おさえておくべき法律をご紹介します。 ネットショップ全般に関わる法律 1.特定商取引法 インターネット上で商品を販売する場合は必ず表記しなければいけない項目を規定している法律です。事業者として素性を明かし、取引のルールを明記しなくてはいけません。 皆様が普段使われているネットショッ
コピペで実装！CSS3でオシャレなデザインのサンプルコード47選
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
黄金比とは？基本的な考え方や美しさのルールと作成ツール｜モナリザ、A4など
デザインをおこなう上でセンスは必要な要素ではありますが、デザインのルール、理論に沿ったものにするということが重要です。プロはこれらルールを理解した上でデザインを作成しています。 ルールを守ってデザインをおこなえば誰でもセンスのいいデザインに近づけることができます。逆に、最低限のルールを無視してデザインしたものはいくら工夫を凝らしても素人っぽさが抜けない、ということになります。 ビジュアルデザインを行う上で、最低限知っておきたいものとして「貴金属比」というものがあります。「黄金比」という言葉を誰しも一度は耳にしたことがあるかと思いますが、これも貴金属比の一種です。貴金属比は古くから人間が美しいと感じる比率として用いられており、デザインに取り入れればバランス良く、整った見た目に仕上がります。 今回は、黄金比を初めとした貴金属比5つと、貴金属比をデザインに取り入れる際に便利なツールをご紹介します
グラフィカルなデザインにはもってこい！手書き風フリーフォント48選
あらゆるシーンで使用頻度が高いものといえば手書き風フォントです手書き風フォントを使用すると、どこか親しみやすい印象を与えることができます。 特に子供向け、女性向けのデザインにおいては大変重宝しますのでデザインの機会がある方は沢山持っておいて損はありません。 今回は数ある手書き風フォントの中から、おすすめな英語の手書き風フリーフォントを紹介いたします。 いずれも優れたデザインですが全て無料で使えるフォントです。気になるものがあればぜひダウンロードして使ってみてください。 ▼ Webディレクター・デザイナーにお役立ち 手書き風フリーフォント48選 1.Julies https://www.dafont.com/julies.font 小さな子供が書いたような雰囲気の手書き風フォントです。 ハート、星、虫といった可愛らしいモチーフも収録しています。 文字によってはハートをデザインに取り入れていて
Web担当者必見！今知っておくべきSEO用語34選
企業のWeb担当者になったばかりの方がまずぶつかる壁が、Web用語の多さと紛らわしさです。 特にSEOは、クローキングやクローラーといった一見同じようで意味合いの違う横文字用語が多いうえに変動も激しいため、せっかく覚えた単語がすぐに使われなくなったりします。 今回は、Web界隈でよく使われるSEO用語を解説付きでまとめました。Web担当初心者だけでなく、Webに携わる方々も、復習がてら確認してみましょう。 SEOの基礎 1.SEO（Search Engine Optimization） 日本語だと「検索エンジン最適化」と訳されます。 Google検索エンジンで検索が行われた際に、オーガニック検索枠でホームページを上位表示させる為の施策全般を指します。 【2023年最新】SEOとは？SEO対策の基本からやり方、検索結果上位を狙うコンテンツの作り方を解説 SEO（Search Engine O
知ってるだけで地味に使える！Photoshopの小技5選
ferret編集部：2015年7月9日に公開された記事を再編集しています。 写真加工でよく使うソフトの定番といえばPhotoshopですが、機能が備わりすぎていてプロの方でもなかなか使いこなせていないという声をよく耳にします。 あらゆる処理がおこなえるPhotoshopでは1つの作業でも何パターンものやり方があり、一度決まったやり方になってしまうとあまり見直すことがなくなってしまいます。 作業中にもう少し簡単にできたら、もっと時間をかけずにできたら、とおもうことがどなたでもあるのではないでしょうか。 そんな時は、一度普段のやり方を見直してみることをオススメします。 今回は、普段のデザイン作業で積極的に使えるPhotoshopのちょっとした小技的使い方を5つご紹介します。 どれもとても簡単ですので、普段これらの作業で手間取っているという方はぜひ一度試してみてください。 1.PSDファイルのフ
Photoshopの高品質無料ブラシ70選！スタンプ感覚で使える
Photoshop（フォトショップ）で画像加工をする際に、よく使う素材といえばブラシです。デザインも様々で、スタンプのようにワンポイントで使えるものから、テクスチャ寄りのものまで種類が多く、ブラシはあらゆる表現に使えます。 しかも、無料でも高品質なブラシが多数ダウンロード出来ますので、利用しない手はありません。今回は、種類豊富なブラシ素材の中でも日常的にデザインに使いやすいものを70個を紹介します。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまとめています。 Photoshopでブラシ素材を追加する方法 Photoshopにおける新たなブラシの追加は、以下の手順
渋さが最高！ビンテージな雰囲気のあるフォント50選
フォントがデザインに与える影響は大きく、非常に重要な要素の一つです。 同じデザインであってもフォントが違うというだけで全く印象が変わってしまいます。 Photoshopやillustratorにはデフォルトでフォントが初めから収録してありますが、どうしてもしっくりこない場合があり、目的に応じて使い分ける必要があります。 今回は、ビンテージ風デザインのフォントを50個ピックアップしてご紹介します。 レトロな雰囲気にぴったり合うオシャレなものが揃っていますので、気になるものがあればぜひデザインに取り入れてみてください。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト」などに携わるデザイナーの皆様に向けての資料です。成果を出すデザインにするために心がけたいポイントを制作前、制作中、提出と修正、公開後の効果検証まで一連の流れに沿ってまと
grappy株式会社、住所を知らなくてもギフトが贈れるソーシャルギフトサービス「grappy」β版の提供を開始
grappy株式会社は、住所を知らなくてもギフトが贈れるソーシャルギフトサービス「grappy」β版の提供を開始しました。 同社の提供するgrappyは、ギフトを届けたい相手の住所を知らなくてもLINEやFacebookなどのソーシャル上で繋がってさえいれば、ギフトを贈ることができるサービスです。 ギフトを贈る際は、繋がっているソーシャルサービスを選択するだけで贈ることができ、受け取る側はギフトURLから届け先などを入力して受け取ることが可能です。 今後は、提携するブランド・ショップを拡大しつつ、ユーザーヒアリング調査を実施によるサービス向上を努めていくとしています。 grappy：https://www.grappy.jp プレスリリース：http://prtimes.jp/main/html/rd/p/000000001.000014461.html UH9V
インスピレーションを得よう！ロゴデザインの参考に出来るギャラリーサイトまとめ
最近ではスマホアプリ、Webサービスの増加でロゴ作成の機会も増えてきています。 ニーズも高く重要な要素であるロゴですが、アイデアが浮かばない、どんな手順で作ったらいいかわからないという方も多くいらっしゃいます。 また、実際に作ってみるとどうしてもありがちなロゴになってしまうことも少なくありません。 今回は、ロゴデザインの際に参考にしたいホームページをギャラリー系、参考記事の2つのジャンルから19個ご紹介します。ロゴ作成で悩んでいる、という方は是非デザインのヒントにしてみてください。 ロゴデザインのアイデアにつながるギャラリーサイト 1.logofaves http://logofaves.com/ 大きめのサムネイルがとても見やすいギャラリーサイトです。 1つ1つのロゴが5段階で評価されており、最新、人気順、ランダム、最近お気に入り登録された順で並び替えることができます。 また、ロゴの下に
大きな画像にも使いやすい！背景デザインに使える無料パターン素材98選
季節が変わるごとに、多くの企業ではホームページやブログ、チラシ、ネットショップのビジュアルを大きく変えているのではないでしょうか。四季のある日本だからこそ、デザインにおいても季節感の演出は欠かせません。 しかし、何度もデザイン変更を行うのは予算・作業時間の面を考えると大変なことです。そこで、簡単にイメージチェンジをすることができるパターン素材を利用しましょう。パターン素材とは、好きな柄を自由な範囲にテクスチャできる素材のことです。つなぎ目のないシームレスな素材もあるため、背景や壁紙といった広範囲にも使いやすくなっています。 今回は、背景デザインに使えるフリーパターン素材をまとめて紹介します。どれも無料でダウンロードできますので、気になるデザインがあればダウンロードしてみてください。 マーケ思考のデザイナーは強い！ 提案型デザイナーのススメ リード獲得が重視される「広告・LP・サービスサイト
無料で使える！和風な日本語のフリーフォント37選
目次 やわらか・繊細系の日本語フォント 12種類 力強い太文字系の日本語フォント 8種類 手書き・毛筆系の日本語フォント 6種類 レトロ系の日本語フォント 3種類 コミック系の日本語フォント 2種類 民芸風の日本語フォント 2種類 変わり種の日本語フォント 4種類 フォントを利用する際は必ず規約の確認を 商用利用の可否や条件については調査し記載していますが、商用利用のみ有料版の購入が必要だったり、配布元への連絡だったりする必要なケースもあります。ご利用の際は、必ずフォント配布元サイトで利用規約をご確認ください。 1. やわらか・繊細系の日本語フォント 12種類 落ち着いた優しいデザインにマッチする、繊細なフォントを集めました。癖が強くなく使いやすいものが多いので、重宝できます。 イマジン・ヨコハマフォント イマジン・ヨコハマフォント ひらがな・カタカナに加え、横浜市に関連する漢字が使えます
作業効率グンとアップ！Photoshopの操作が捗る小技3選
デザインツールとしておなじみのPhotoshopですが、最近では自社でデザインしたり、個人的に写真加工に使ったりとデザイナーではない方でも使っている方が増えてきています。 Photoshopはとにかく機能が豊富であらゆる処理がおこなえることが大きなメリットですが、一方であまりにも機能が多すぎてなんとなく使っている、あまり使いこなせている感じがないという方も多いのではないでしょうか。 また、ちょっとした設定、単純作業がもう少し楽になればと思うこともあります。 今回は、Photoshopの小ワザともいえる使い方を3つご紹介します。 いずれもPhotoshopでは使用頻度の多い定番の作業ばかりですが、今回紹介する方法を使えばより簡単に、楽になるはずです。知らなかった、という方はぜひ一度試してみてください。 1.レイヤーを個別に書き出す方法 レイヤーを別々のファイルにしたいという時、１つ１つ保存す
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
