suna

webデザイナーのはしくれ

suna

webデザイナーのはしくれ

  • モジュールの余白

    新規サイト構築時の基本的なモジュールの余白の考え方についてまとめました！

Backlog World 2021 旅 ~Journey~ に参加して

こんにちは！sunaです！ 先日、Backlog World 2021 運営委員様主催の「Backlog World 2021 旅 ~Journey~」に参加させて頂きました。 こちらのセミナーは、プロジェクト管理に関する知見を相互に高め合う目的で不定期に開催されており、第3回目の今回は「旅 ~Journey~」をテーマに、プロジェクト進行や働き方など様々なお話を伺うことができました。 その中でも、特に印象に残っているお話をいくつかピックアップして、感想をまとめていきたい

suna

    • 【モジュールの余白】見出し

      こんにちは！sunaです！ 前回は「ボタン」モジュールの余白についてご紹介しました。 今回はサイト内で使用する頻度やデザインの自由度も高い、サイト全体の印象を左右する「見出し」モジュールの余白についてご紹介します！ 見出しモジュールとは 「見出し」モジュールとは、ページ内のセクションの区切りで使用されるモジュールです。見出しレベルごとに異なるフォントサイズ・余白感を指定します。 「見出し」モジュールの余白について考えていく際のポイントは以下の通りです。 見出しモジュー

      suna

      • 【モジュールの余白】ボタン

        こんにちは！sunaです！ 前回は「汎用」モジュール同士の余白の指定についてご紹介しました。 今回はサイト内で繰り返し使用されますが、前回お話した「汎用」モジュールとは異なる、特殊な役割の「ボタン」モジュールについてご紹介します！　 ボタンモジュールとは 「ボタン」モジュールとは、サイト内でユーザーのアクションを促すリンクなどの「行動喚起要素」のためのモジュールです。 一般的にはサイト内の役割によって、以下のような種類に分けて作成します。 ・ メインアクションボタン（

        suna

        • 【モジュールの余白】汎用

          こんにちは！sunaです！ 前回の記事では、「モジュール同士の関係」と「リスト」モジュールについてご紹介しました。 今回は「汎用」モジュールの余白の考え方についてご紹介します！ 汎用モジュールとは 「汎用」モジュールとは、ここではサイト内で繰り返し使用されるモジュールのことを指します。 具体的には以下のモジュールが該当します。 ・テキスト ・リスト（通常・順序・注釈） ・テキストリンク ・テーブル ・ボックス ・メディア（テキスト+画像） 見出しモジュールやボタンモジ

          suna

        Backlog World 2021 旅 ~Journey~ に参加して

        suna

        マガジン

        • モジュールの余白
          5本

        記事

          【モジュールの余白】リスト

          こんにちは！sunaです！ 前回の記事では「余白についての考え方」と「コンテンツ幅」についてご紹介しました。 前回は余白を指定する際のポイントについて、 1. モジュールの余白は各モジュール同士の関係によって決まる 2. 各モジュールの余白の関係を理解して指定する必要がある とお伝えしました。 今回は最初に、モジュール同士の関係について、 具体的に考える際のポイントをご紹介します！ モジュール同士の関係について考慮するべきポイント 1. 情報のまとまりと関連性を考

          suna

          【モジュールの余白】リスト

          suna

          【モジュールの余白】コンテンツ幅

          Webデザイナーとして入社して2年、少しずつサイト構築の案件を担当する機会が増えてきました。 新規構築案件では、サイト内で使用するモジュールすべての余白を指定する必要があります。 毎回手探りで考えていると膨大な時間が掛かってしまうため、モジュール作成の際の業務効率化における考え方の指針をまとめておきます。 まずは余白についての考え方をご紹介します！ 余白についての考え方余白を指定する際のポイント 1. モジュールの余白は各モジュール同士の関係によって決まる 2. 各モジ

          suna

          【モジュールの余白】コンテンツ幅

          suna