Як слід поводитися зі спусками та спусками, що розділяють один і той же простір?


16

Це перша сторінка реєстрації для програми зв’язку мого клієнта. (Я накрив логотип - зверніть увагу на біле поле - для його конфіденційності)

Мені не подобається, що "y" спускається, а "h" піднімається в один і той же простір. робить дві лінії занадто тісними. Будь-які пропозиції?

(шрифт програми робото. Тут - я використовую Roboto Bold.)

http://d.pr/i/g08p http://d.pr/i/ouTE

Будь-які інші коментарі до дизайну ми будемо вдячні - якщо ви поводите себе :)


1
Я не проти цього. Ви можете, можливо, затягнути простір між першими двома рядками, щоб зробити його оптично більш послідовним. Все, що сказано, цей тип видається справді великим для форми форми.
DA01,

спробувати маленькі ковпачки?
Лорен-Реїнстат-Моніка-Іпсум

@ DA01 - "тип видається справді великим для форми форми" - ви маєте на увазі "введіть номер телефону" або введіть номер телефону у полі? Для "введіть своє ..." я хотів чогось великого сміливого та різкого з використанням стрілок та інших візуальних кліше .... але, можливо, я зробив це.
користувач12985


Я мав на увазі текст "будь ласка, введіть свій телефон". Я гадаю, що це пікантно, але це також просто мітка для поля, тому здається трохи дивним, таким величезним. Це кричить на мене.
DA01,

Відповіді:


15

Отже, у вас зазвичай є кілька варіантів.

Наразі ваша проблема полягає в тому, що рядки 1 і 2 виглядають далі, ніж лінії 2 і 3, навіть якщо вони не є. Це оптична ілюзія, створена відсутністю спусків і сходження між першими двома, але не з другими двома.

Рішення поділяються на дві основні категорії: уникати цієї ситуації разом, або вирішувати її лобовим шляхом. Почнемо з деяких способів уникнути цього.

Варіант 1: конвертувати в столиці

Цей уникає ситуації. Однак ви, мабуть, прикріплені до нижнього регістру.

(У цих прикладах, до речі, використовується Franklin Gothic, тому що у мене не встановлено Roboto).

Варіант 2: переупорядкувати перерви рядків

У цьому випадку я перетворив на 2 рядки, але іноді ви можете упорядкувати перерви рядків іншими способами.

Маючи лише два рядки - ще один спосіб уникнути проблеми - немає з чим порівняти.

Варіант 3: відрегулюйте інтервал вручну, доки він не буде "візуально правильним"

Тут я значно скоротив розрив між рядком 1 та 2, тому він виглядає "рівномірніше". Ви не можете використовувати формулу для цього, лише очі.

Насправді проміжок між першою та другою лінією у цьому прикладі набагато менший, ніж проміжок між другою та третьою, але він не виглядає занадто неправильним через оптичну ілюзію, створену східниками та низхідниками у другому .

Цілком імовірно, що ви могли б вдосконалити цей швидкий приклад далі - виконайте це, спробуйте переглядати з подальшої спини, примруживши очі тощо, так що ви не дивитесь на слова, а на букву форму, ніби вони краплі.

Варіант бонусу: змініть слова, щоб сходи і спуски не перетиналися

У вас, схоже, немає такої опції з обраними вами словами, але іноді ви можете зміщувати слова вліво або вправо, щоб низхідники та підйомні не перетиналися, як у цьому прикладі з різними словами.

До речі, я думаю , що ваше використання хеш - символу # не виглядає правильно , і ви б краще вибір в користь п або N про - але це моя особиста думка.


Я б просто сказав, що мені подобається Enter (коло / логотип), а потім Ваш номер телефону. Іншим варіантом було б взагалі не так багато заявляти, я маю на увазі його досить очевидно з форми форми, що він очікує номер телефону.
Райан

6

У друкарні зміна ведучих може вплинути на те, як ваші глядачі читають та інтерпретують ваш твір.

Наприклад, зменшивши кількість провідних між двома рядками, спричиняючи зіткнення спусків та сходження, ви будете негативно впливати на загальну читаність тексту.

Як візуальний стиль, чіткий провід може збільшити темп того, що читач читає ваш текст (у збільшенні літер, які кидають у них погляд) та / або викликає відчуття тісноти або клаустрофобії до вашого загального твору (1) , що може не бути вашим бажаним ефектом тут.

З іншого боку, збільшення провідних може зменшити темп читання (2) . Вводячи більше простору між кожним рядком, ви сповільнюєте темп читання, зменшуючи кількість букв, що потрапляють у них. Це може викликати розслаблене почуття у тексті читача. Однак будьте уважні до кількості білого простору, який ви залишите, оскільки занадто велика кількість провідних може спричинити проблеми з безперервністю (3) , оскільки очі читача повинні рухатися далі між кожним рядком.

Лисиця лисиця

Найкращим варіантом для поліпшення читабельності тексту є те, щоб зробити щось із послідовним провідним виглядом:

Мій макет з накладкою

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.