プログラミングマガジン

プログラミングを中心にIT技術をできるだけわかりやすくまとめます。

  • ホーム
  • 未分類
  • 余白
 
 
     
  • サーバー言語  
    • Python
    • Ruby
    • PHP
    • SQL
  •  
  • インフラ  
       
    • AWS
    •  
    • 基本
    • Git
  • Web
       
    • Web開発
    • JavaScript
    • Vue.js
    • React
  •  
  • 設計  
       
    • 実装設計
    • DB設計
  • 問い合わせ
  

余白

08.04

  • miyabisan2
  • コメントを書く

この記事は1分で読めます

行間は、1.5から2.0の間にしておくと良い。

広すぎても狭すぎても非常に見づらい。

1.0:行間を全くとらない状態。

1.5:テキストサイズの1.5倍の高さになっているという意味。

余白の大きさを揃える。

余白が、上下左右でバラバラだとダメ。

上下と、左右自体の余白は変えて良いが、上と下、左と右が揃ってないとダメ。

8の倍数にする。

世の中のデバイスは、640pxなど8の倍数ならいい感じになるように設定されてることが多い。

スポンサーリンク
  • 2026 08.04
  • miyabisan2
  • コメントを書く
  • 未分類
  • Tweets Twitter
  • このエントリーをはてなブックマークに追加
  • LINEで送る

関連記事

  1. 2026 08.01

    Cascade Layers

  2. 2023 06.12

    【Python】pyinstallerでPythonのコードをexe化する。

  3. 2026 08.01

    Anchor Positioning、Popover API(ポップオーバーAPI)

  4. 2026 08.16

    Tooltip、Popover(ポップオーバー)、Bottom Sheet

  5. 2026 06.21

    claude fable5(フェイブル)

  6. 2026 08.16

    Dropdown Menu、Select

  • コメント ( 0 )
  • トラックバック ( 0 )
  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

返信をキャンセルする。

視線誘導

フォント

RETURN TOP

著者プロフィール

エンジニア歴10年で過去に業務系、Webデザイン、インフラ系なども経験あります。現在はWeb系でフロントエンド開発中心です。

詳細なプロフィールはこちら

スポンサーリンク

カテゴリー

  • Android
  • AngularJS
  • API
  • AWS
  • C++
  • CSS
  • cursor
  • C言語
  • DDD
  • DevOps
  • Django
  • Docker
  • Figma
  • Git
  • GitLab
  • GraphQL
  • gRPC
  • Hasura
  • Java
  • JavaScript
  • Kubernetes
  • Laravel
  • linux
  • MySQL
  • Next.js
  • nginx
  • Node.js
  • NoSQL
  • Nuxt.js
  • Oracle
  • PHP
  • Python
  • React
  • Redux
  • Rspec
  • Ruby
  • Ruby on Rails
  • Sass
  • Spring Framework
  • SQL
  • TypeScript
  • Unity
  • Vue.js
  • Webサービス開発
  • Webデザイン
  • Web技術
  • インフラ
  • オブジェクト指向
  • システム開発
  • セキュリティ
  • その他
  • データベース
  • デザインパターン
  • テスト
  • ネットワーク
  • プログラミング全般
  • マイクロサービス
  • マイクロソフト系技術
  • マルチメディア
  • リファクタリング
  • 副業
  • 未分類
  • 業務知識
  • 生成AI
  • 設計
  • 関数型言語
RETURN TOP

Copyright ©  プログラミングマガジン | プライバシーポリシー