「CTA」とは？ | マーケティング用語集 | シナジーマーケティング株式会社
CTAとは、Call To Action(コール トゥ アクション)の略で、「行動喚起」と訳される。 Webサイトの訪問者を具体的な行動に誘導すること。もしくは、具体的な行動を喚起する、Webサイト上に設置されたイメージやテキストのことをいう。 個人情報を獲得するフォームへとユーザーを誘導するボタンやテキストリンクがこれにあたる。 たとえば、資料請求をしてもらうことが目的のサイトであれば、「いますぐ資料請求をする」「いまなら無料の資料を取り寄せる」といったボタンで、ユーザーを資料請求ページへ誘導するのがCTAとなる。 Webサイトでは、意外なページが検索エンジンなどから人を集めている場合があるため、ランディングページなど一般的にCTAが使われやすいページ以外にも、訪問者の目に付きやすい位置にCTAを用意して、次の行動を促す必要がある。 マーケティングに＼もっと／詳しくなる マーケティングに
ユーザーに直感的で分かりやすいボタンとは、UXの観点からくわしく解説
ボタンのクリックレートが低い、ボタンを配置したページにユーザーが長い時間を費やしている、これはボタンが直感的でなく、分かりにくいボタンが原因かもしれません。 コンテンツにおけるボタンの配置、ボタンの形状、導線に基づいた配色など、ユーザーに直感的で分かりやすいボタンをUXの観点から詳しく解説します。 5 Techniques to Make Mobile Call to Action Buttons Intuitive by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ユーザーが分かりやすいボタンとは 1. スキャンパターンに従ってボタンを配置する 2. 形を使って、ボタンをテキストから区別する 3. プログレッシブアクションにカラーを追加する 4. ラベルにあるテキストの太さを変える 5. 優先度の高
一手間加えてクオリティを上げる！Illustratorを使ったロゴデザインのテクニック【実践編：GOOD TABLE】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
2021年1月20日追記：当記事でご紹介しておりますGOOD TABLEは、2019年に営業を終了いたしました。今までご愛顧いただきましたお客様に、深く御礼申し上げます。 こんにちは、デザイナーのゆうこです。 春になりましたね。ぽかぽか暖かいので、散歩をしたり、引越したり、なにか新しいことを始めたくなります。 新しいことといえば、3月11日（月）にLIGが運営する飲食店「GOOD TABLE」が新しくオープンしました。 オープンするにあたり、GOOD TABLEのロゴ、看板、名刺、メニューなど、デザインを一通り担当しました。ロゴは3つの案が採用され、用途によってそれぞれ使い分けることになりました。 今回は採用されたGOOD TABLEのロゴ制作の流れを、実践編としてご紹介したいと思います。 案1. ENGLISH TYPE 英語の活字から作られているロゴタイプです。 まず今回制作を進めるに
Illustratorを使ったロゴ作成テクニック！クオリティアップの一手間を解説
こんにちは、Webデザイナーのゆうこです。ふだんの業務でロゴ制作を担当させていただくことがよくあります。 ロゴ制作って楽しいですよね。自分が作ったロゴが会社やお店で使われているのを見ると、嬉しくてわくわくします。 今回はロゴ制作の過程と、デザイナー初心者の方でもすぐに使える、Illustratorでのロゴデザインの小ワザをいくつかご紹介したいと思います。 デザインの世界に飛び込んでみませんか？ 「プロから学びたい」、「クリエイティブな仕事がしたい」……という方は「スクールでの勉強」もおすすめです。デジLIGでは、未経験から6ヶ月でWebデザイナーを目指せます。現役Webデザイナーによる授業と、手厚すぎる就職支援が特徴！ぜひ一度詳細をチェックしてみてください 👉「デジタルハリウッドSTUDIO by LIG」詳細へ 👉スクールの概要が詳しく分かる資料のご請求はこちら！ 💡ロゴ制作会社お
今さら聞けない！Photoshopで文字を加工する方法【初心者向け】現役Webデザイナーが解説
今さら聞けない！Photoshopで文字を加工する方法【初心者向け】現役Webデザイナーが解説 Adobe Photoshop（フォトショップ）を使って「文字を加工する方法」を紹介する記事です。初心者向けなので、画像を24枚使って解説。基礎から、レイヤースタイル、 作業用パスなどを利用する方法まで紹介しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 初心者の方でもAdobe Photoshopの使い方がわかる記事です。 今回のテ
ワードアートは白抜きと二重の袋文字を最初に教えるべきである（Office2010以降） - わえなび ワード＆エクセル問題集 waenavi
Word・Excel・PowerPointには、ワードアートという便利な機能があります。しかし、残念ながら、パソコン教室や市販のテキストでは、ダサい作成例だけを紹介して、インパクトがあって目立つ！などという珍妙な説明をしています。 これは完全に間違いです。このような手抜きをすると、安上がりで低レベルな内容であるという、悪い印象を与えます。 初心者が最初に身につけるべき基本的な技法は「白抜き」と「袋文字」です。今回は、この２つの技法について、まとめて出題します。繰り返し練習して「正しいワードアート」の使い方を覚えましょう。 なお、この記事ではOffice2010以降で説明します。Word・Excel・PowerPoint共通です。Office2010以降では、ワードアートは テキストボックス と統合されています。詳しくはこちらの記事をご覧ください。 わえなび ワード＆エクセル問題集 id:w
これぞプロのデザインテクニック！UIデザインの印象がよくなるデザインの知識とテクニックのまとめ
Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1
デザイン上達の秘訣は「文字の扱い方」！テキストを読みやすくする5つのポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのまきこです。 わたしは以前、著名なアートディレクターの方に「デザインがうまくなるにはどうしたらいいでしょう？」と、大変にストレートな質問をしたことがあります。そのときいただいたのは、「文字の扱いがうまくなると、デザインがうまくなるよ」という言葉でした。 あれから何年か経ちますが、ふとその言葉を思い出すことがあります。そして、「あのときはあんなふうに言われたけど、たいしてうまくなってないなあ」と、ぼんやり考えてから、また作業に戻っていく。と、ここまでが、去年までのわたしのいつものパターンでした。 でも、2016年のわたしはちょっと違います。ちょうど昨日、「文字の扱いがうまくなると、デザインがうまくなるよ」という言葉をまた思い出しました。そこで、「あ、これ、ブログにしよう」と思い立ったわけです。 今回はデザインにおける文字の扱い方の中でも、わたしが普段意識している、「
テキストデザインを魅力的に見せてくれるテキストエフェクト25まとめ「25 Insanely Creative Text Effects You Can Use For Free!」
テキストデザインを魅力的に見せてくれるテキストエフェクト25まとめ「25 Insanely Creative Text Effects You Can Use For Free!」 メインビジュアルや見出しを作るときなど、打ち文字だけでは物足りない…そんな物足りなさを補ってくれる、テキストエフェクトをまとめた「25 Insanely Creative Text Effects You Can Use For Free!」を今回は紹介いたします。 シンプルで使いやすいエフェクトから、特殊な表現に使える質感が作り込まれたものまで多数のエフェクトが紹介されています。幾つか気に入ったエフェクトをご紹介しますので、ご覧ください。 詳しくは以下 Vintage offset print lettering PSD file | Free Download レトロな雰囲気溢れるヴィンテージな加工が可能な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
パターン アーカイブ - PhotoshopVIP
http://handywebdesign.net/2013/03/how-to-make-a-text-in-watercolors/
http://webnonotes.com/design/word/