100% Easy-2-Read
кровать
Большинство страниц заполнены маленьким словом, кой больно декламировать. отчего? недостает практически никаких обстоятельств для втискивания всей инфы на одном экране, это элементарно глуповатая коллективная опечатка, коия берет правило во эпохи, как скоро экраны были совсем маленькими.
Не разговариваете нам, будто разрешено настроить величина шрифта
Мы никак не желаем видоизменять опции браузера любой раз, как скоро заходим на сайт!
Не разговариваете нам, будто переполненная страничка лучше смотрится
Перегруженные веб-сайты смотрятся страшно. наполнение странички перед завязку никак не содействует юзабилити. Вы нагружаете нас сором лишь в следствии собственной лености. Мы желаем, чтоб вы поразмыслили и избрали лишь то, будто вправду принципиально, никто никак не желает работать работу из-за вас.
Не разговариваете нам, будто скроллинг это плохо
Ведь, это означает будто все веб-сайты нехорошие. недостает ничто неверного в надобности скроллинга, буквально еще как недостает ничто отвратительного в перелистывании страничек книги.
Не разговариваете нам, будто контент никак не важен
95% такого, будто традиционно именуют интернет дизайном — это типографика.
Не разговариваете нам, будто необходимо брать очки
Просто да бросьте облизывать экран, откиньтесь обратно и читайте в расслабленной позе.
Пять обычных правил
1. обычный величина шрифта для длинноватых текстов
Мы никак не желаем жать на клавиши роста либо убавления и поменять опции браузера. Мы желаем, чтоб вы подстраивались перед наши опции и мониторы.
Создание неплохой странички, использующей большие шрифты, вправду непростая задачка, однако, одолев все проблемы, вы берите обычный и удачный интернет-сайт. просто втиснуть на страничку всю вероятную информацию, изготовить страничку обычный и ясной юзерам, трудно. сначала обычный величина шрифта имеет возможность вас скандализировать, однако теснее чрез день вы никак не попытаетесь созидать ничто мелочнее сто процентов либо 1em для главного слова. Он смотрится большим, однако быстро вы осмыслите, отчего все изготовители браузеров избрали конкретно таковой величина шрифта по умолчанию.
2. функциональное пространство
Текст обязан дышать. внедрение места это никак не элементарно каприз художников либо ремесло вкуса, присутствие воздуха кругом слова убавляет нагрузку на читателя и дозволяет ему лучше сфокусироваться на значении. недостает безличный надобности наполнять все окошко различным сором. То, будто место выглядит лучше это никак не сторонний результат, а последствие многофункционального дизайна.
Брокманн: «Ширина колонки это никак не лишь вопросец дизайна и формата, это в таковой ведь ступени вопросец читабельности»
Убедитесь, просьба, будто широта колонки никак не очень велика, и вы добавили место слева и справа, чтоб оку было легче выискать правило строчки. Мы никак не желаем налаживать величина шрифта либо ширину окошка, как скоро заходим на интернет-сайт, мы желаем элементарно читать.
Замечательно ежели широта колонки меняется этак, чтоб строчки ни разу никак не кончались из-за пределами окна.
Хороший Нильсен — нехороший Нильсен. повелитель юзабилити не так давно добавил незначительно места на собственном веб-сайте и установил наибольшую ширину колонки, незначительно прирастил и вышину строчки, будто совсем отлично отразилось на читабельности текстов.
Ширина колонки обязана существовать таковой, чтоб любая строчка содержала 10-15 слов. Для резиновой разметки, и объема шрифта сто процентов, колонка в 50% ширины окошка отчуждает неплохой итог на основной массе разрешений.
3. комфортная вышина строки
Вот будто о данном молвят спецы по чтению:
Строки, помещенные очень недалеко, убавляют прыть чтения, поэтому будто в поле зрения попадают предшествующая и последующая, читатель никак не имеет возможность сфокусироваться, растрачивает энергию в неуверенных местах и скоро утомляется, то ведь наиболее правильно и для очень разреженных строк.
Высота строчки, применяемая браузерами по умолчанию, очень малюсенька, ежели её прирастить контент будет наиболее читальным, неплохой итог отчуждает 140% лидинг.
4. точный контраст
Об данном в том числе и никак не стоит разговаривать. однако ежели вы все ещё применяете 1 из последующих комбинаций:
светло сероватый контент на легковесном сероватом фоне
серый контент на белоснежном фоне
серый контент на желтоватом фоне
желтый контент на красноватом фоне
зеленый контент на красноватом фоне и тому подобное…
тогда вы элементарно стараетесь рисовать из себя дизайнера, никто в это никак не уверует, поэтому будто никто никак не имеет возможность прочесть то, будто вы пишете. пресечете это заблуждение и устройте этак, чтоб мы имели возможность созидать, будто вы пишете.
Примечание: Для экранного слова очень мощный контраст (черный и белый) никак не постоянно наилучшее заключение, поэтому будто контент затевает сиять. попытайтесь #333 на #fff.
5. никак не делайте контент в облике изображений
Мы желаем обладать вероятность находить контент, воспроизводить контент, беречь контент, играться с курсором и отделять контент, как скоро читаем. контент в облике изображений выглядит прекрасно, однако краса это никак не то, будто необходимо в интернет. интернет это ассоциация и информация, а информация обязана существовать читабельной и комфортной, масштабируемой, цитируемой и сохраняемой.
Если вы никак не сможете изготовить прекрасный интернет-сайт в отсутствии слова в изображениях, я опасаюсь, будто вам будет необходимо приступить все поначалу и научиться.