Facebook デザインノート|「『ちゃんとしなきゃ』をやめたら楽になったこと5選」
Logo

「『ちゃんとしなきゃ』をやめたら楽になったこと5選」noteアイキャッチ

クレジット
Avatar
WEBデザイナー
「『ちゃんとしなきゃ』をやめたら楽になったこと5選」noteアイキャッチ-1
シェア
制作ノート
デザインノート|「『ちゃんとしなきゃ』をやめたら楽になったこと5選」

【デザインについて】

ビジュアルイメージ

「頑張り続ける毎日から少し離れて、自分のためにひと休みする時間」をイメージしました。

白を基調とした余白のある画面に、カフェで飲み物を楽しむ女性の手描き風イラストを配置し、緊張感を抑えた親しみやすい雰囲気に仕上げています。

背景には薄いグリッドを取り入れ、シンプルになりすぎない程度のリズムを加えながら、記事タイトルを主役として見せています。

カラー

落ち着いたグリーンを基本に、オレンジをアクセントとして使用しました。

グリーンには安心感や穏やかさ、オレンジには温かさや前向きさを持たせ、「休むこと=ネガティブ」という印象にならない配色を意識しています。

「ちゃんとしなきゃ」の部分にアクセントカラーを使うことで、ターゲットが抱えやすい気持ちを視覚的に拾いやすくしました。

タイポグラフィ

フォントには「ZEN角ゴシックNEW」を使用しました。

親しみやすさを持ちながらも文章の可読性を保てる書体を選び、文字サイズやウェイトに変化をつけることで情報に優先順位をつけています。

特に「ちゃんとしなきゃ」と「楽」を大きく配置し、

「抱えている悩み」→「そこから楽になる」

という記事のストーリーがタイトルだけでも伝わる構成にしました。

情報設計

最上部に「がんばりすぎる毎日に、ひと休み。」という導入メッセージを配置し、その下に記事タイトルを大きく展開しています。

視線が

「がんばりすぎる毎日に、ひと休み。」→「ちゃんとしなきゃ」→「やめたら楽になったこと」→「5選」

と自然に流れるよう、文字のサイズ・色・配置にメリハリをつけました。

右側にはイラストを配置し、文字情報が集中する左側とのバランスを整えています。

【工夫した点】

  • 記事タイトルの中でも重要な言葉をサイズと色で強調し、短時間でも内容が伝わるようにしました。
  • 「楽」の文字を大きくすることで、記事を読んだ先にある前向きな変化を印象づけました。
  • 手描き風イラストを取り入れ、30〜40代女性に向けた親しみやすく柔らかな世界観を表現しました。
  • 左側に文字、右側にイラストを配置し、情報量が多く見えないよう視覚的なバランスを調整しました。
  • 余白を意識的に残し、「ひと休み」というテーマそのものをレイアウトでも表現しました。
シェア
デザインノート|「『ちゃんとしなきゃ』をやめたら楽になったこと5選」

【デザインについて】

ビジュアルイメージ

「頑張り続ける毎日から少し離れて、自分のためにひと休みする時間」をイメージしました。

白を基調とした余白のある画面に、カフェで飲み物を楽しむ女性の手描き風イラストを配置し、緊張感を抑えた親しみやすい雰囲気に仕上げています。

背景には薄いグリッドを取り入れ、シンプルになりすぎない程度のリズムを加えながら、記事タイトルを主役として見せています。

カラー

落ち着いたグリーンを基本に、オレンジをアクセントとして使用しました。

グリーンには安心感や穏やかさ、オレンジには温かさや前向きさを持たせ、「休むこと=ネガティブ」という印象にならない配色を意識しています。

「ちゃんとしなきゃ」の部分にアクセントカラーを使うことで、ターゲットが抱えやすい気持ちを視覚的に拾いやすくしました。

タイポグラフィ

フォントには「ZEN角ゴシックNEW」を使用しました。

親しみやすさを持ちながらも文章の可読性を保てる書体を選び、文字サイズやウェイトに変化をつけることで情報に優先順位をつけています。

特に「ちゃんとしなきゃ」と「楽」を大きく配置し、

「抱えている悩み」→「そこから楽になる」

という記事のストーリーがタイトルだけでも伝わる構成にしました。

情報設計

最上部に「がんばりすぎる毎日に、ひと休み。」という導入メッセージを配置し、その下に記事タイトルを大きく展開しています。

視線が

「がんばりすぎる毎日に、ひと休み。」→「ちゃんとしなきゃ」→「やめたら楽になったこと」→「5選」

と自然に流れるよう、文字のサイズ・色・配置にメリハリをつけました。

右側にはイラストを配置し、文字情報が集中する左側とのバランスを整えています。

【工夫した点】

  • 記事タイトルの中でも重要な言葉をサイズと色で強調し、短時間でも内容が伝わるようにしました。
  • 「楽」の文字を大きくすることで、記事を読んだ先にある前向きな変化を印象づけました。
  • 手描き風イラストを取り入れ、30〜40代女性に向けた親しみやすく柔らかな世界観を表現しました。
  • 左側に文字、右側にイラストを配置し、情報量が多く見えないよう視覚的なバランスを調整しました。
  • 余白を意識的に残し、「ひと休み」というテーマそのものをレイアウトでも表現しました。
シェア
瀬野杏里の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
「『ちゃんとしなきゃ』をやめたら楽になったこと5選」noteアイキャッチ-1
デザインノート|「『ちゃんとしなきゃ』をやめたら楽になったこと5選」

【デザインについて】

ビジュアルイメージ

「頑張り続ける毎日から少し離れて、自分のためにひと休みする時間」をイメージしました。

白を基調とした余白のある画面に、カフェで飲み物を楽しむ女性の手描き風イラストを配置し、緊張感を抑えた親しみやすい雰囲気に仕上げています。

背景には薄いグリッドを取り入れ、シンプルになりすぎない程度のリズムを加えながら、記事タイトルを主役として見せています。

カラー

落ち着いたグリーンを基本に、オレンジをアクセントとして使用しました。

グリーンには安心感や穏やかさ、オレンジには温かさや前向きさを持たせ、「休むこと=ネガティブ」という印象にならない配色を意識しています。

「ちゃんとしなきゃ」の部分にアクセントカラーを使うことで、ターゲットが抱えやすい気持ちを視覚的に拾いやすくしました。

タイポグラフィ

フォントには「ZEN角ゴシックNEW」を使用しました。

親しみやすさを持ちながらも文章の可読性を保てる書体を選び、文字サイズやウェイトに変化をつけることで情報に優先順位をつけています。

特に「ちゃんとしなきゃ」と「楽」を大きく配置し、

「抱えている悩み」→「そこから楽になる」

という記事のストーリーがタイトルだけでも伝わる構成にしました。

情報設計

最上部に「がんばりすぎる毎日に、ひと休み。」という導入メッセージを配置し、その下に記事タイトルを大きく展開しています。

視線が

「がんばりすぎる毎日に、ひと休み。」→「ちゃんとしなきゃ」→「やめたら楽になったこと」→「5選」

と自然に流れるよう、文字のサイズ・色・配置にメリハリをつけました。

右側にはイラストを配置し、文字情報が集中する左側とのバランスを整えています。

【工夫した点】

  • 記事タイトルの中でも重要な言葉をサイズと色で強調し、短時間でも内容が伝わるようにしました。
  • 「楽」の文字を大きくすることで、記事を読んだ先にある前向きな変化を印象づけました。
  • 手描き風イラストを取り入れ、30〜40代女性に向けた親しみやすく柔らかな世界観を表現しました。
  • 左側に文字、右側にイラストを配置し、情報量が多く見えないよう視覚的なバランスを調整しました。
  • 余白を意識的に残し、「ひと休み」というテーマそのものをレイアウトでも表現しました。
シェア
瀬野杏里の他の作品
foriio

あなたのforiioを無料で作成

fori.io/