すべてのカテゴリ

今日は、企業サイトのリニューアル案件に応募するためにファーストビューのモックを作成しました✨今回の案件は、「分かりやすく・シンプルで・進化が伝わるサイト」がテーマ。特に印象的だったのが「180°変わったと感じてもらいたい」というポイントでした👀最初はAIっぽい雰囲気や先進的なデザインを意識して作っていたのですが、それだけでは少し“何のサービスか分かりにくい”状態に…。そこで今回は、✔ 何のサービスか一瞬で分かること✔ 難しい内容を噛み砕いて伝えること✔ 進化（性能アップ）が直感的に伝わることを意識して、構成とコピーを見直しました。「現場の人の判断をAIで再現する」という言葉も、そのままだと少し難しく感じたので、・シフト作成・作業割り当てといった具体的な内容を補足することで、よりイメージしやすくなるように工夫しました✨デザインだけでなく、“どう伝えるか”を考えることの大切さを改めて実感した1日でした☺️少しずつですが、「やさしく分かりやすく伝えるデザイン」を形にできてきている気がします🌿引き続き、実績づくりもがんばります✨

こんにちは、WebデザイナーのHANAです😊本日は❶ココナラ出品ページ（HP制作サービス）の文章見直し❷色彩検定の学習（色の心理効果）について取り組みました✨✏️❶ 出品文の見直しホームページ制作の出品ページを改めて見直してみると、「やさしく伝える」ことを意識していたつもりでも、・少し説明が固い・初心者の方には分かりづらい表現がある・魅力がしっかり伝わりきっていないと感じる部分がありました。ただサービス内容を並べるだけでなく、「どんな方におすすめか」「どんな気持ちになれるか」をしっかり伝えることが大切だと改めて実感しました🌿🎨❷ 色の心理効果について本日は色彩検定の学習として、「色が人に与える印象」について学びました✨暖色と寒色・暖色（赤・オレンジなど）：あたたかさ、元気、活発な印象・寒色（青など）：落ち着き、清潔感、信頼感医療・福祉系や企業サイトでは寒色がよく使われる理由も納得です◎進出色と後退色・進出色：前に出て見える（赤・オレンジなど）・後退色：奥に引いて見える（青など）👉 ボタンや強調したい部分に活用できそうです 膨張色と収縮色・膨張色：大きく見える（明るい色）・収縮色：引き締まって見える（暗い色）👉 レイアウトのバランス調整にも使える考え方ですね柔らかい色と硬い色・柔らかい色：淡い色、優しい印象・硬い色：濃い色、しっかりした印象👉 女性向けや癒し系のデザインには柔らかい色が合いそうです✨軽い色と重い色・軽い色：明るい色（軽やか）・重い色：暗い色（重厚感）興奮色と沈静色・興奮色：赤など（行動を促す）・鎮静色：青など（落ち着かせる） 派手な色と地味な色・派手：目を引く、印

本日は、ココナラのサムネイルを一新しました✨これまで使用していたサムネを見直し、「より伝わるデザイン」にすることを意識して作り直しました。🔄ビフォー → アフター以前のサムネは、やさしい雰囲気は出ていたものの、少し情報量が多く、伝えたい内容がぼやけてしまっていました。✨改善したポイント今回意識したのは、主にこの3つです👇・伝えたいメッセージをシンプルに整理・視線の流れを意識した配置・やさしさを残しつつ、目に止まるデザインにすること💡今回の取り組み細かい部分まで一つひとつ見直しながら、バランスや余白、文字の強弱などを調整していきました。ほんの少しの違いでも印象が変わるため、何度も調整を重ねながら仕上げています。🌷気づいたことこれまでは「福祉×ホームページ制作」として表現していましたが、今回改めて見直す中で、私の強みは「やさしく、わかりやすく伝えること」だと感じました。そのため、ジャンルにとらわれすぎず、「想いが伝わるデザイン」という軸で表現しています。🎨色彩検定の学び（可視光について）色を見るためには光が必要ですが、すべての光が見えているわけではありません。電磁波の中で、人間の目が色として感じることのできる波長を「可視光（可視範囲）」と呼び、その範囲はおよそ380〜780nmとされています。波長が約380nmの青紫より短いものは「紫外線」、780nmの赤より長いものは「赤外線」と呼ばれ、どちらも人の目では見ることができません。つまり、私たちが普段見ている「色」は、この限られた範囲の光の中で成り立っているということになります。💡デザインとのつながり今回のサムネ制作でも、「どの色を使

今日は、ココナラの出品サムネイルを少し編集しました✨スマートフォンで見たときに、文字が少し小さく感じたため、全体的に文字サイズを調整して、より見やすくなるようにしています。実際に使う方の目線で確認することで、「伝わりやすさ」ってまだまだ改善できるなと改めて感じました🌿小さな修正ですが、こうした積み重ねを大切にしていきたいと思います😊そして今日は、色彩検定の学習として「錯視」について学びました錯視とは、実際とは違って見えてしまう視覚の現象のことで、デザインにも深く関わっている分野です。今回学んだ内容はこちら👇錯視の種類（一部ですが）・ハーマングリッド👉 白と黒の格子で、交点に灰色の点が見える現象※このブログのサムネはハンマーグリッドです！（点が見えるかと思います）・マッハバンド（側抑制）👉 明るさの境界部分が、実際よりも強調されて見える現象↓↓↓・リープマン効果👉 異なる有彩色が隣接し明度差がほとんどない時に色同士の境界線が曖昧になり、チラついて見えたり地と図の関係が不安定になること錯視の理解を深めることで、視線誘導や見やすさの設計にも活かせると感じました。今後の制作にも取り入れながら、より伝わるデザインを目指していきます！

今日は色彩検定の中でも、「目で見たときの不思議な色の見え方」について学びました😊🎨 心理補色とは？ある色を見たあとに、頭の中（感覚的）で自然と反対の色を感じる現象です。例えば👇赤を見る → 緑っぽい印象が残る👉 実際に色があるわけじゃなくて脳がバランスを取ろうとして感じる色です✨👀 補色残像とは？こちらは実際に目で体験できる現象です！例えば👇赤い色をじーっと見たあとに白い壁を見ると…👉 うっすら緑が見えるこれが「補色残像」です✨🎯 色の対比とは？色は単体で見るのではなく、周りの色によって見え方が変わるという性質があります。例えば👇明るい色の中にあると暗く見える暗い色の中にあると明るく見える👉 同じ色でも印象が変わるのがポイント💡 デザインにどう活かす？今回の内容って実はかなり重要で👇目立たせたい → 補色を使う優しく見せたい → 同系色でまとめる読みやすくする → コントラストを調整👉 “伝わるデザイン”の土台になる考え方✨ まとめ色はただの見た目ではなくて、人の感覚や印象に大きく影響するものだと改めて感じました😊これからのデザインにも、少しずつ取り入れていきたいと思います🌿

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

本日は、現在制作中の「サービス紹介サイト」のデモデザインを進めていました✨今回は、・シンプルだけど印象に残るデザイン・余白を活かした見せ方・やさしく落ち着いた雰囲気・写真を活かした構成を意識しながら制作しています☺️特にファーストビューは、「使う人を考えた やさしいWeb制作」という言葉が自然に伝わるように、写真の空気感や文字配置、余白のバランスをかなり調整しました☕️🌿NEWSセクションでは、カード型で情報を整理しつつ、シンプルでも見やすいレイアウトを意識✨SERVICEセクションは、画像を大きく使うことでサービスのイメージが直感的に伝わるようにしています。まだデモ段階ではありますが、少しずつ形になってきて嬉しいです☺️デモサイトなので、掲載する写真や文章を変更しながら、お客様だけのオリジナルHPへカスタマイズできます💻✨デザインを作っていると、「読みやすさ」「余白感」「写真の見せ方」で印象がかなり変わるので、細かい部分も試行錯誤しながら調整しています💡完成まで引き続き頑張ります✨

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