100 главных принципов дизайна. Как удержать внимание. Сьюзан Уэйншенк

Чтение книги онлайн.

Читать онлайн книгу 100 главных принципов дизайна. Как удержать внимание - Сьюзан Уэйншенк страница 7

100 главных принципов дизайна. Как удержать внимание - Сьюзан Уэйншенк

Скачать книгу

вы хотите быть уверенными, что люди заметят изменения в видимых полях, добавьте визуальные (например, мигание) или звуковые (например, гудок) сигналы.

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

      9. Существует мнение, что объекты, расположенные рядом, связаны между собой

      Если два элемента расположены рядом (например, текст и фото), предполагается наличие связи между ними. Эта предполагаемая связь сильнее, если элементы расположены слева или справа. На рис. 9.1 фотография соответствует тексту под ним. Но поскольку мы читаем слева направо, а между фотографией и текстом справа очень небольшой промежуток, мы ожидаем, что изображение и текст справа связаны между собой.

      Рис. 9.1. Вы можете предположить, что эта фотография относится к тексту справа, поскольку они расположены рядом, а мы читаем слева направо. Но в данном примере изображение на самом деле относится к тексту под ним – и это может сбить с толку

Выводы

      • Если вы хотите, чтобы элементы воспринимались как связанные друг с другом, располагайте их слева или справа.

      • Прежде чем использовать линии или прямоугольники, чтобы отделить элементы или сгруппировать их, поэкспериментируйте с количеством свободного пространства между ними. Иногда достаточно просто изменить объем свободного пространства, чтобы тем самым снизить визуальный шум на странице.

      • Оставляйте больше свободного пространства между теми элементами, которые не связаны между собой, и меньше – между связанными элементами. Многие веб-странички построены без учета этого принципа, хотя, на мой взгляд, это противоречит здравому смыслу.

      10. Красный и синий цвета рядом – удар по глазам

      При размещении фигур или текста различного цвета на каком-либо фоне глубина линий может выглядеть по-разному. Один цвет может «выпирать», тогда как другой казаться «заглубленным». Такой эффект называется стереохроматизм. Ярким примером этого эффекта является размещение рядом красного и синего цвета, но им также грешат и другие сочетания цветов, например красного и зеленого. Подобные комбинации с трудом воспринимаются при чтении и даже просто при взгляде на них.

Выводы

      • Старайтесь не располагать рядом картинки или надписи синего и красного или зеленого и красного цвета.

      • Не размещайте синий или зеленый текст на красном фоне, а также красный или зеленый текст на синем фоне.

      11. Девять процентов мужчин и полпроцента женщин – дальтоники

      Термин «дальтонизм» (цветовая слепота) часто понимают неправильно. Считается, что большинство дальтоников видит мир в черно-белой гамме, но на самом деле речь идет всего лишь о частичной цветовой слепоте, в результате которой людям сложно видеть различия между некоторыми цветами. В большинстве

Скачать книгу