タグ

2024年5月30日のブックマーク (1件)

  • UIデザインで中央配置がずれてしまう理由と解決方法

    UIデザインには、至る所に中央揃えが使用されます。 しかし、アイコンとテキストが美しく揃わない、テキストがボタンの中央からずれている、そんなことはありませんか? UIデザインで中央配置がずれてしまうときの理由、実装時にデベロッパーができること、デザイナーができること、数字的そして視覚的な調整方法などを紹介します。すぐに実装で試したくなることばかりです。 Hardest Problem in Computer Science: Centering Things by Niki Tonsky 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに フォントにおける中央揃え line-heightにおける中央揃え アイコンにおける中央揃え アイコンフォントにおける中央揃え 中央配置がずれているのは、スキルの問題 水平方向の中央揃え

    UIデザインで中央配置がずれてしまう理由と解決方法
    coliss
    coliss 2024/05/30
    UIデザインで中央配置がずれてしまうときの理由。id:bugttehanny ダークモードもライトモードと同じ表示にしていますので、それは機能拡張?CSS?の問題だと思います。Windows 11, macOS, iOSのダークモードで確認済みです