Это начальная страница регистрации для приложения связи моего клиента. (Я накрыл логотип - обратите внимание на белую коробку - для его конфиденциальности)
Мне не нравится, что «у» опускается, а «х» поднимается в то же пространство. делает две строки слишком тесными. Какие-либо предложения?
(шрифт приложения - roboto. Здесь - я использую Roboto Bold.)
Будем благодарны за любые другие комментарии к дизайну - если вы будете себя вести :)
typography
interface-design
user12985
источник
источник
Ответы:
Таким образом, у вас есть несколько вариантов, как правило.
На данный момент ваша проблема в том, что строки 1 и 2 выглядят дальше, чем строки 2 и 3, даже если они не таковы. Это оптическая иллюзия, созданная отсутствием спусков и подъемов между первыми двумя, но не на вторых двух.
Решения делятся на две основные категории: избегать этой ситуации все вместе или решать ее в лоб. Мы начнем с некоторых способов избежать этого.
Вариант 1: конвертировать в столицы
Этот избегает ситуации. Тем не менее, вы, вероятно, привязаны к нижнему регистру.
(Кстати, в этих примерах используется Franklin Gothic, потому что у меня не установлен Roboto).
Вариант 2: переставить разрывы строк
В этом случае я преобразовал в 2 строки, но иногда вы можете переставить разрывы строк другими способами.
Наличие только двух строк - еще один способ избежать проблемы - не с чем сравнивать.
Вариант 3: отрегулируйте расстояние вручную, пока оно не станет «визуально правильным»
Здесь я значительно сократил разрыв между строками 1 и 2, чтобы он выглядел «более равномерным». Вы не можете использовать формулу для этого, только ваши глаза.
В действительности разрыв линии между первой и второй линией в этом примере намного меньше, чем разрыв линии между второй и третьей, но это не выглядит слишком неправильно из-за оптического обмана, создаваемого восходящими и спускающимися во втором. ,
Вполне вероятно, что вы могли бы улучшить этот быстрый пример дальше - при этом попробуйте смотреть из глубины спины, прищурившись, и т. Д., Чтобы вы смотрели не на слова, а на буквы, которые выглядят как капли.
Бонусный вариант: сдвигать слова, чтобы восходящие и нисходящие не пересекались
У вас, кажется, нет этой опции с выбранными вами словами, но иногда вы можете перемещать слова влево или вправо, чтобы потомки и потомки не пересекались, как в этом примере с другими словами.
Кстати, я думаю , что ваше использование хэш - символа # не выглядит правильно , и вы бы лучше выбор в пользу п или N о - но это мое личное мнение.
источник
В типографии смена ведущего может повлиять на то, как ваши зрители читают и интерпретируют ваш материал.
Например, если уменьшить расстояние между двумя строками, вызывая столкновение спусков и спусков, это отрицательно скажется на общей читабельности вашего текста.
Как визуальный стиль, жесткое ведение может увеличить скорость, с которой читатель читает ваш текст (в увеличении количества букв, которые бросаются в глаза) и / или вызывать ощущение стеснения или клаустрофобии в вашей общей части (1) , которая может не быть вашим желаемым эффектом здесь.
С другой стороны, увеличение ведущего может снизить скорость чтения (2) . Вводя больше места между каждой строкой, вы замедляете темп чтения, уменьшая количество букв, попадающихся на глаза. Это может вызвать у читателя ощущение непринужденности в тексте. Тем не менее, будьте осторожны с количеством свободного места, которое вы оставляете, так как слишком большое начальное расстояние может привести к проблемам с непрерывностью причины (3) , поскольку глаза читателя должны перемещаться дальше между каждой строкой.
Лучший способ улучшить читабельность текста - сделать что-то с последовательным ведением, например так:
источник