絞り込み条件を変更する
検索条件を絞り込む

すべてのカテゴリ

14 件中 1 - 14 件表示
カバー画像

「ポートフォリオサムネイルの改善」についてです✨

今回は、実際に使用しているサムネイルを見直し、より伝わりやすく・印象に残る形にブラッシュアップしました。■Before → Afterで変えたポイント今回一番大きく変えたのは👉 「情報の伝え方」と「視線の誘導」です。以前のサムネイルは、・PCとスマホの画面がメイン・実際のサイトイメージは伝わるという状態でしたが、正直ちょっと👇👉「なんの制作なのか」が一瞬で伝わりにくいという課題がありました💦■今回の改善ポイント① タイトルをしっかり配置→「ホームページ制作」を大きく配置→誰向けか(施設事業者様)も明確に👉 一瞬で内容が伝わるように改善✨② WordPress / Lightning を明記→ 使用ツールを入れることで👉「どんな制作ができる人か」が分かるこれは地味だけどかなり大事ポイント◎③ 余白をしっかり取る→ ゴチャつきが減って👉 高級感・安心感アップ特に福祉系は「やさしさ・信頼感」がめちゃ重要なのでここ意識しました🌿④ ビジュアルの役割を整理→ 左:情報(テキスト)→ 右:実際のサイトイメージ👉 見る順番が自然になる構成に■今回の学びサムネイルって「デザインがオシャレかどうか」よりも👉 “一瞬で伝わるか”が最優先だと改めて実感しました💡今回の改善で👇✔ 何のサービスか分かる✔ 誰向けか分かる✔ 安心感があるこの3つがしっかり伝わるようになりました✨少しずつですが、ポートフォリオもアップデートしていきます😊最後にbeforeafter
0
カバー画像

YouTubeサムネ初心者必見!CTRを下げるNG5選

この記事を読んでいただきありがとうございます。 ニコイチデザイン事務所の米山です。この記事は約5分で読めます。サムネイルが再生数に与える影響YouTubeにおいて、視聴者がその動画をクリックするかどうかを判断する時間はわずか0.4秒しかありません。動画の入り口であるサムネイルの良し悪しが、クリック率(CTR)を左右し、最終的な再生数を決定づけます。データによると、最適化されたサムネイルは再生数を3倍にする力を持っており、CTRが3%から8%に改善するだけで収益やチャンネルの成長速度は劇的に変わります素人サムネがCTRを下げる5つの理由初心者が陥りがちな、クリック率を下げてしまう主な原因は以下の5点です。1. 文字数が多すぎて読めない:12文字以上の詰め込みは視覚的なノイズになります。モバイル視聴が7割の現代では、最大5文字、理想は3文字に絞るべきです。2. 配色のコントラストが弱い:YouTubeのフィードに埋もれるベージュやグレーは避けましょう。「黒×ライムグリーン」や「黒×赤」といった強烈なコントラストが目を引きます。3. 感情(フック)が欠如している:単なる情報の要約では指は止まりません。0.3秒で「驚き」「恐怖」「好奇心」などの感情を刺激する仕掛けが必要です。4. デザインがマンネリ化している:常に同じレイアウトだと視聴者の脳は「新しい情報」として認識しなくなります。一貫性は保ちつつ、構成に新鮮さを出す工夫が求められます。5. 不自然なAI生成画像の使用:2026年は「AIっぽさ」を嫌う傾向があり、無機質なAI画像は低品質な印象を与えます。実写素材や血の通ったデザインが
0
カバー画像

フリーランスになるために!part2

こんにちは、is DESIGNです!前回のpart1、♡7つ貰えてうれしかったです!少しでも見てくれた方がいるんだと思うと、感謝です…!今回も引き続きpart2として会社に所属していた時に作った創作チラシ載せたいと思います!前回のpart1、まだ見られてない方はぜひご覧ください!今回掲載する創作チラシはコチラ!地元にあるような施設、コミュニティーセンターなどで開催される〇〇教室の宣伝の張り紙です!よく、施設の方が手書きなどで書かれることがあるのですが白紙に黒マーカーや絵をかいてみたり…それも可愛くて好きなのですが私の地元にある施設では壁がコンクリートのような素材で出来ていたのでまったく気づかないんですね(‘_‘;)しかも目が悪いと尚更気づかないという…笑なのでやっぱり、目に入るようにするためには「ん?何か貼ってあるな」とさせるために色の面積を増やす!そして、ここでポイントなのが遠くで見たときに何系かの色に見えるようにまとまった色使いにする!ということです。私はこの張り紙を、ピンク系になるようにしました!それと、手書きだとなかなか出来ない・しないことそれは、写真を載せること!手書きでは作れないけど、デザイナーに任せると簡単ですね!写真があることによって、「この教室では何が出来るんだろう?」「何が作れるんだろう?」といった疑問が生まれずに済みますね!(言い方…笑)寧ろ、興味の方が湧いてきますよね!「こんなの作れるの?作ってみたい!」…と!そういうのも狙って写真は入れた方がいいですね!■■作るにあたってのポイント■■ ①色合いを遠くから見ていても 一色に見えるようにする (バラバラだ
0
カバー画像

デザイン添削より「箇条書きの目的とは?」

皆さん、こんにちは。久しぶりのブログ更新です。本日の記事は、私がサービスの一環として行っているデザインの添削について、いつもお伝えしていることに焦点を当ててみたいと思います。今回のトピックは、"箇条書きのテーマ"に関するデザインについてです。箇条書きの目的とは?箇条書きの目的とは、文章をわかりやすく、効果的に伝えるための手法の一つです。長い説明や文章を短くまとめ、要点を的確に伝えることができます。文章だけでなく、デザイン的にも視覚的に情報を整理しやすく、読み手にとっても使いやすい形式です。しかし、実際に箇条書きを使う際には、注意すべきポイントがいくつか存在します。例えば、箇条書きの行頭に施される装飾が内容よりも主張されている場合があります。本来、箇条書きはその内容を強調するために使われるべきですが、行頭の過剰な装飾や濃い色のマーキングなどが行われると、実際の情報よりも装飾が目立ってしまい、本来の伝えたいポイントが失われてしまいます。デザインに何となくはない。常に論理的。デザインの要素は常に論理的に考える必要があります。なぜ特定のデザインが選ばれるのか、それが情報を伝えるのに適しているのか、論理的に考慮することが重要です。箇条書きもその一環であり、情報を整理し伝えやすくするために使われるべきです。デザインにおいても論理的なアプローチを取り入れ、適切なデザインの処理を行うことが大切です。箇条書きを上手に活用することで、情報伝達力を高め、読者にとってわかりやすく魅力的なコンテンツを提供することができます。以上、箇条書きの目的に焦点を当てたデザイン添削の記事でした。今後も皆さんのデザイ
0
カバー画像

フリーランスになるために!part3

こんにちは、is DESIGNです!フリーランスになるために!part3をかいていきたいと思います!といっても、前回・前々回と同じようにネットに載っていたチラシで勝手に作ったものを紹介していきます!前回のpart1・2、まだ見られてない方は ぜひご覧ください!ちなみに、前回の記事を携帯で見たとき改行することによって読みにくい箇所が多々あったので今回は、一行それぞれ短くしてみています。どうしたら読みやすくなるのかな~今回掲載する創作チラシはコチラ!犬猫ちゃんの譲渡会のチラシです!駅や張り紙、ビラでみるものは可哀そう・・・といった感情を揺さぶるような「暗い・悲しい・寂しい」ようなデザインが多めです。悲しそうな顔をしているような画像を使っていたりするので本当に寂しいものになっています。このままだと、・〇処分をされるかもしれない この小さな命を救いたい・新しい、家族に愛されてほしいそういった願いがあるものほど「可愛く作るべきでは?!」と私は思うのです!!!■■作るにあたってのポイント■■ ①新しい家族に 引き取ってもらいたいという 思いに反して暗く作らない!②写真は可愛いく日頃の表情が よく分かるように。 譲渡するまでのお家にいるの 人と触れ合っているときの 表情を載せるとGOOD!いかがでしたでしょうか? こんな感じで次回もpart4として 紹介できればなと思っています! チラシ制作・ロゴ制作、承っておりますので どんな内容かな~でもいいのでチラ見してみてください!
0
カバー画像

サムネイル制作で学んだ「伝わるデザイン」のポイント

今日はサムネイル制作を行いました!今回は公開できるデータではないのですが、実際の制作を通して「伝わるデザイン」についてたくさん学びがあったので、まとめてみます☺️今回のサムネイルは、ビジネス系の講座をイメージしたデザインでした。こういったジャンルで大切だと感じたのは👇✅ ① 一瞬で内容が伝わることサムネイルは「一瞬勝負」なので、・誰向けなのか・何が得られるのかこれがパッと見て分かることがすごく重要でした。✅ ② 強弱(ジャンプ率)をしっかりつける全部同じ大きさ・同じ色だと、どこを見ればいいか分からなくなってしまいます💦今回は👉 メインタイトルを大きく👉 補足は小さくとメリハリを意識しました。✅ ③ 配色は「信頼感」を意識ビジネス系なので青・黒・白などをベースにして、落ち着きと信頼感が出るようにしました。✅ ④ 写真と文字のバランス人物写真がある場合は、「どこに文字を置くか」で見やすさが大きく変わります。・顔に被らない・視線の流れを邪魔しないこのあたりを意識して配置しました✨🌱 まとめサムネイルは小さいデザインですが、「伝える力」がすごく大事だと改めて感じました!これからも見た人にしっかり伝わるデザインを意識して制作していきたいと思います☺️
0
カバー画像

「バナー制作に挑戦しました」

「期間限定バナーを制作しました🍫」今回は、5月限定のスイーツをイメージしたバナーを制作しました。期間限定ということもあり、「今だけ感」がしっかり伝わるように意識しています。特にこだわったポイントは👇・チョコレートを連想させる配色(ブラウン×やわらかい色味)・“期間限定”が一目で伝わる文字の配置・見た人の視線が自然に流れるレイアウト設計また、やさしい雰囲気を大切にしながら、しっかりと情報が伝わるバランスも意識しました。バナー1つでも「伝え方」で印象が大きく変わるので、とても学びの多い制作となりました✨
0
カバー画像

Canva Proで作る!ナチュラル系ロゴデザインの作り方

はじめにこんにちは!警備員として働きながら、画家としても活動している隆尋です。前回のブログ「ロゴデザインで失敗しないための5つのポイント」に続き、今回はより実践的な内容をお届けします。テーマは「Canva Proで作る!ナチュラル系ロゴデザインの作り方」です。特にハンドメイド作家さんや自然派ビジネスを営む方々にぴったりの、温かみのある素敵なロゴを、誰でも簡単に作れる手順を画像付きで詳しく解説していきますので、ぜひ最後までお付き合いください!Step 1: コンセプトとキーワードを決めるまず、あなたのブランドが持つイメージを言葉にしてみましょう。「ナチュラル」「ハンドメイド」「温かみ」「優しい」「シンプル」など、キーワードをいくつか書き出します。これにより、デザインの方向性が明確になります。誰に届けたいのか(ターゲット層)を考えることも重要です。Step 2: ロゴの核となるモチーフを選ぶCanvaの「素材」タブから、ステップ1で考えたキーワードで検索します。例えば、「葉」「花」「手」「太陽」などがおすすめです。ポイントは、シンプルでシルエットが美しい素材を選ぶこと。色は後から自由に変更できるので、形に注目しましょう。Step 3: ブランドイメージに合うカラーを選ぶ色はロゴの印象を大きく左右します。ナチュラルな雰囲気には、アースカラー(茶系、ベージュ系)やグリーン系、彩度を抑えた優しい色がぴったりです。Canvaの「スタイル」機能にあるカラーパレットを参考にしたり、好きな写真から色を抽出するのも良い方法です。色は2〜3色に絞ると、洗練された印象になります。Step 4: フォン
0
カバー画像

ロゴデザインで失敗しないための5つのポイント

こんにちは。警備員として働きながら、画家としても活動している隆尋です。前回のブログでは、ロゴデザインの基本についてお話ししました。今回は、実際にロゴを制作する際に「失敗しないための5つのポイント」をご紹介します。特に、ハンドメイド作家さん、個人事業主の方、自然派ビジネスを営む方に向けて、実践的なアドバイスをお届けします。ポイント1: シンプルさを追求するなぜシンプルが大切なのか?ロゴデザインで最も多い失敗は、「詰め込みすぎ」です。「あれもこれも伝えたい」という気持ちはよくわかります。しかし、ロゴに情報を詰め込みすぎると、以下のような問題が生じます。•小さく印刷したときに見づらい•一目で何のブランドか分からない•覚えてもらいにくい成功例と失敗例成功例:•Apple(リンゴのシルエットのみ)•Nike(シンプルなスウッシュマーク)失敗例:•複数のモチーフを組み合わせたロゴ•細かすぎる装飾が入ったロゴハンドメイド・自然派ビジネスでの実践おすすめの方向性:•1つのモチーフに絞る(例: 葉、花、手)•線の太さは一定に保つ•色は2〜3色まで具体例:•ハンドメイド工房: 手のシルエット+ブランド名•オーガニックカフェ: 葉のモチーフ+店名•ヨガスタジオ: 蓮の花のシンプルなラインポイント2: ターゲット層を明確にするなぜターゲット層が重要なのか?ロゴは「誰に向けて発信するか」によって、デザインが大きく変わります。失敗例:•20代女性向けのサロンなのに、重厚で古風なデザイン•高級感を出したいのに、ポップすぎるデザインターゲット層別のデザイン方向性20〜30代女性向け(ナチュラル・自然派)特徴:
0
カバー画像

売れるデザインを作る!視線誘導・レイアウト・強調のコツ

デザインは、単に見た目を美しくするだけでなく、情報を的確に伝える役割 を持っています。そのためには「視線誘導」「レイアウト」「強調ポイント」の3つを意識することが重要です。この記事では、売れるデザインを作るための観察・分析のコツ を解説します。1. 視線誘導とは?視線誘導とは、デザインを見る人が自然に目を向ける順番 をコントロールすることです。適切に視線誘導を設定すると、伝えたい情報を効果的に届ける ことができます。【視線誘導のパターン】デザインにおいて、視線の流れにはいくつかの基本パターンがあります。F型:左上から順に横読みし、縦に流れる(テキストが多い場合に有効)Z型:左上から右上、斜めに左下へ進み、最後に右下へ(バナー広告やランディングページでよく使われる)N型:左上から右上に移動し、そのまま下へ(大きなビジュアルを使う場合に有効)スポット型:目立つ要素に視線が引き寄せられる(写真やアイコン、強調テキストを活用)✅ ポイント:依頼者の目的に合わせて適切な視線誘導を選ぶことが大切!2. レイアウトの基本ルールレイアウトとは、テキストや画像などの要素を整理し、見やすく配置すること です。【効果的なレイアウトのコツ】✅ 余白を意識する→ 余白を適切に取ることで、デザインが洗練され、情報の整理がしやすくなります。✅ 整列を意識する→ 文字や画像の位置がバラバラだと、見づらくなります。グリッドやガイドラインを使って整列させましょう。✅ 視線誘導に合った配置→ 例えば「F型」の視線誘導なら、重要な情報を左上に、補足情報を右下に置くと効果的です。✅ フォントやカラーの統一感→ フォント
0
カバー画像

デザイナー深層心理を学ぶ

人間の意識というのは、表面に出ている意識と潜在意識という意識に分かれているという話は、あらかたの「自己啓発の本」などに書かれていてそれらの活用法なるものについてレクチャーされています。 それらによると表面の意識すなわち「顕在意識」という分野に様々な情報が無差別に入り込んでいるという、又その情報は無意識のうちに潜在している意識いわゆる「潜在意識」にこれまた無差別に取り入れられるという話です。 本来ならばこれらの情報を取捨選択したうえで認識するといった順序ならばまだしも無差別無判断の領域へ情報が投げ入れられていることに気づいている人は少ないのではないでしょうか。例を挙げればテレビを中心として玉石混合の情報を垂れ流している「マスコミ」最近はそのあり方に恣意がありフェイクニュースありとの評判から「ますごみ」といった呼び名も定着しています。 さて、問題は通常生活をしている人々に知性が働いているとか理性が物事にブレーキをかけるといった冷静な思考にて情報を取捨選択していければいいのですが、実のところ遮断されることのない情報の渦に知らず知らずに巻き込まれている現代社会では思ってもいないような行動を促されているという事に気づかなければならないでしょう。よくよく調べてみたらわかるはずなのに偽情報を信じ込まされている自分たちに気づくまで大きな過ちを犯していることを知らなければなりません。意識しているうちはまだまだで実のところ何気なくつけているテレビから流れている様々な情報を潜在意識の中に取り入れているのだという事、そしてその情報は意図的にある方向性を持たせるようになっている事、映像と言葉、間を置いた
0
カバー画像

デザイン制作現場

こんな現場でデザインの制作活動を行っています!
0
カバー画像

【素人っぽいホームページと“プロっぽいホームページ”の違いとは?】

こんにちは。 ホームページ制作歴20年の たくま です。 たくさんのホームページを見ていると、 「なんとなく素人っぽいな…」と思うページと、 「おっ、このサイトはプロが作ったな」と感じるページがあります。 実はこの違いは、特別な技術ではなく、 たった数個のポイントを押さえているかどうか なんです。 今日は、ホームページを見た瞬間に伝わる 【素人っぽさ】と【プロっぽさ】の違いを分かりやすくまとめました。 ■ 1. 余白(スペース)の使い方 素人っぽいページに多いのが、 ・文字がぎゅうぎゅう ・写真を詰め込みすぎ ・ボタン同士が近い という“詰め込みデザイン”。 反対に、プロっぽいページは 余白をしっかり使ってすっきり見せる のが特徴です。 ✔ プロっぽく見えるポイント ・文章の上下にゆとりを作る ・画像と文章の距離を空ける ・セクションごとにメリハリをつける 余白=ムダと思われがちですが、 実は 読みやすさを生む最強のデザイン です。 ■ 2. 写真のクオリティと統一感 ホームページの印象は、 ほぼ「写真の質」で決まります。 素人っぽいサイトは、 ・暗い写真 ・色のトーンがバラバラ ・意味のない画像 が入りがち。 ✔ プロっぽいサイトは ・明るい写真を使う ・色味をそろえる ・写真が“サービス内容”とつながっている これだけで見た目が大きく変わります。 ■ 3. 色の使い方 「カラフル=良い」ではありません。 素人っぽいサイトほど、色が多すぎます。 赤、青、黄、緑… たくさん使うほど安っぽく見えてしまいます。 ✔ プロっぽく見せるには 色は3色以内におさえる。 ・メインカラー ・
0
カバー画像

成功するビジネスの鍵:ランディングページLPとは?

ランディングページ(LP)とはランディングページ(以下LP)とは、特定の目的やキャンペーンに特化した単一のウェブページのことです。訪問者が広告や検索結果からクリックして最初にアクセスするページであり、特定の行動(例:商品の購入、ニュースレターの登録、新サービスや新コンテンツの利用など)を促すために作るページです。 ランディング=Landig(着地する)という意味であり、別のページからやってきて着地するイメージからランディングページと呼ばれています。 サイトに掲載されるページであることから、LPは画面下の方にスクロールする縦長の構造になっています。 最近では、SNSのように横にスライドするようなデザインのスワイプ型LPというものもあります。ランディングページの基本的な特徴ここでLPの基本的な特徴についていくつか紹介します。 1. 目的に応じた設計LPは特定の目的に合わせて設計されており、その目的に沿った情報やコンテンツが含まれます。たとえば、商品のプロモーションページや、イベントの登録ページなどがあります。2. シンプルなレイアウトユーザーが迷わずに行動を起こせるよう、シンプルで直感的なデザインが求められます。過度な情報やリンクは避け、重要なポイントに集中します。3. 明確な行動喚起(CTA)ユーザーに期待する行動を明確に伝えるための「行動喚起(Call To Action, CTA)」が必要です。例えば、「今すぐ購入」や「無料体験を申し込む」などのボタンが例として挙げられます。4. 一貫性のあるメッセージング広告やリンク元と一致するメッセージングが求められます。ユーザーが期待す
0
14 件中 1 - 14