Максимально читабельный дизайн

[Alarr]

Вопрос такой, из области дизайна и юзабилити.

Вот если есть болшьой объём текста, то каким должны быть:
- шрифт для максимальной читабельности;
- размер шрифта;
- расстояние между строками;
- расстояние между абзацами;
- цвет текста;
- цвет фона;
- ширина текста, ну, сколько символов в строчку.

И если знаете ответ, то не говорите плиз в пунктах/кеглях/em/и.т.д, пиксели плиз:)

[DivMan]

Вот так нормально

 

[by chris]

  On 6/29/2016 at 8:24 AM, Alarr said:

- шрифт для максимальной читабельности;

Expand  

Roboto
 

 

  On 6/29/2016 at 8:24 AM, Alarr said:

- размер шрифта;

Expand  

16px

  On 6/29/2016 at 8:24 AM, Alarr said:

- расстояние между строками;

Expand  

1.4

  On 6/29/2016 at 8:24 AM, Alarr said:

- расстояние между абзацами;

Expand  

20px

  On 6/29/2016 at 8:24 AM, Alarr said:

- цвет текста;

Expand  

black on white

  On 6/29/2016 at 8:24 AM, Alarr said:

- цвет фона;

Expand  

white under black

  On 6/29/2016 at 8:24 AM, Alarr said:

ширина текста, ну, сколько символов в строчку.

Expand  

840px

 

[Alarr]

  On 6/29/2016 at 10:20 AM, by chris said:

Roboto
 

 

16px

1.4

20px

black on white

white under black

840px

 

Expand  

Спасибо, попробую. Просто всегда казалось что белый фон должен быть слегка сероватым, а чёрные буквы чучуть светлее, что бы не резало глаза.

[Launder]

  On 6/29/2016 at 10:22 AM, Alarr said:

белый фон должен быть слегка сероватым, а чёрные буквы чучуть светлее, что бы не резало глаза.

Expand  

По-моему вполне здраво, хотя, наверное, не единственный вариант.

[by chris]

@Allar, конечно же единицы измерения должны быть в относительными

[skameykin22]

И как всё теперь?

[ЮрийВеб]

  On 6/29/2016 at 2:47 PM, by chris said:

@Allar, конечно же единицы измерения должны быть в относительными

Expand  

Т.е. в em? А почему, не поделитесь?

[by chris]

  On 11/27/2016 at 3:24 PM, ЮрийВеб said:

Т.е. в em? А почему, не поделитесь?

Expand  

В em или rem. По-первых для адаптивности. Через rem можно изменять размер типографики от рута (html) для всей страницы. А через em от родителя блока  по-модульно, изолированно.

[ЮрийВеб]

  On 11/27/2016 at 5:34 PM, by chris said:

В em или rem. По-первых для адаптивности. Через rem можно изменять размер типографики от рута (html) для всей страницы. А через em от родителя блока  по-модульно, изолированно.

Expand  

А где про это поподробнее почитать, подскажете?

[radioactive]

google вроде пока еще работает

https://habrahabr.ru/post/42151/

[Знаток]

    Хоть тема старая, в наше время всё относительно, например, сейчас читаю этот сайт на ноутбуке, и шрифт для меня  маленький, нормальный становится, когда два раза колесика прокрутил (с зажатой клавишей CTRL), шрифт стал приятнее , но правый столбец скрылся (он всё равно мне не нужен).