web-dev-qa-db-ja.com

テキストが通常より少ないカードUIでは、カードサイズをそのままにするか、カードを小さくする必要がありますか?

複数のカードUI要素でタイムラインを作成していますが、サブヘッダーのテキストが通常の2行ではなく1行しかない場合(特に高さ)にカードサイズ(特に高さ)をどうすればよいか知りたいです。画像を参照);カードの相対的なサイズを考えると、扱いにくい量のスペースが残ります。

enter image description here

カードを同じサイズのままにしておくべきですか、それともカードを小さくする必要がありますか?小さいカードは少し「見栄えがいい」ように見えますが、私の懸念は、カードのサイズが異なると、視覚的に一貫性のないUIになることです。

あなたの考えとフィードバックは事前に感謝します!

1
Conor

サイズは無意識に/自動的に相対的な重要性に関連付けられます。

大きいカードと小さいカードがある場合、大きいカードはより重要であるように見え、それらが伝える情報が同じ重要性を持っていても、小さいカードは見落とされる可能性があります。

2
celinelenoble

別の方法でこの質問をさせてください。私たちが進むにつれて、あなたの答えが得られることを願っています。だからここに行く...

1行に4行、他のカードに12行、次のカードに1行しかない場合、カードの形状を変更する必要がありますか?

私たちは同じ方向に考えているといいのですが、私が考えていることは明らかにノーです!

おそらく、ほとんどのカードで機能する一定のサイズを維持し、コンテンツの少ないカードには空白を残し、追加のコンテンツのあるカードには続きを読む必要があります。

それが役に立てば幸い

ありがとう

1
Anupam Pareek

一貫性は、通常は絶対的なものではなく、設計哲学/システムに関連するものです。

カードUI要素のサイズは一定にすることができますが、表示されるコンテンツの量が変化する場合は、カードUI要素のコンテンツ密度の一貫性が失われます。

したがって、UI要素の一貫性について考えるのではなく、アプリを使用するときの全体的なユーザーエクスペリエンスの一貫性を設計または検討できます。旅全体を通して一貫した読みやすさと読みやすさをユーザーに持たせたいですか?

その場合、どのようにして設計ガイドラインを作成し、設計システムを実装して、これを実現できますか。設計と開発の観点からは、さらに多くの作業が必要になりますが、ユーザーにとっての結果ははるかに良くなります。

0
Michael Lai