В этой статье мы узнаем о том, как работать с изменением размера, и как создавать контраст и баланс.
Очевидно, что когда вы делаете элемент больше, то он кажется более важным, чем те элементы, что меньше по размеру.
Но это необходимо учитывать наряду с другими факторами, которые влияют на визуальную иерархию. Например, эти два элемента примерно одинаково важны, потому что они одного размера:
Но в любом случае сначала вы увидите верхний элемент, и уж затем нижний.
Но если сделать нижний элемент больше, чем верхний, тогда уже нижний будет казаться важнее.
Однако, эффект большего размера могут менять такие вещи, как визуальный вес (жирный ли шрифт вы используете, или нет) и цветовой контраст.
В этой иллюстрации, те элементы, которые светлее, кажутся менее важными, несмотря на то, что они больше по размеру.
Но если у этой иллюстрации сделать темный фон, то теперь светлый элемент будет доминировать, потому что контрастирует с фоном.
Особенно при разработке дизайна для маленьких экранов, нужно разумно подходить к выбору размера шрифтов. Не стоит делать его слишком большим, чтобы он занимал драгоценное пространство экрана, если в этом нет необходимости.
Конечно, рано или поздно вам придется сделать один элемент больше другого. Только не делайте это бессистемно.
Посмотрите на этот пример, каждый элемент меньше, чем тот, что выше.
Теперь, какой вариант читается проще: этот, или предыдущий?