Дипломная работа: Графическая концепция web-сайта
Внимание! Если размещение файла нарушает Ваши авторские права, то обязательно сообщите нам
22
проработать все эти факторы, выдерживая дресс-код тематики сайта.
Сделать это правильно помогают следующие правила:
Использование 2-3 шрифтов для оформления сайта. Большее
количество будет отвлекать внимание посетителей. К тому же, большое
количество использованных шрифтов увеличит время загрузки страницы, что
отрицательно скажется на посещаемости и поисковом продвижении.
Читабельность. Все остальное не будет иметь значения, если текст
не удобно читать. Чтобы пользователь не покинул страницу в первые же
секунды после перехода, важно убедиться, что текстовый контент легко
читается и выбраны правильные параметры: цветовое сочетание, размер,
начертание и пр.
Выделение логических блоков. Для этого применяются разные
гарнитуры или один и тот же шрифт, но с разными параметрами насыщенности,
размера, начертания. Это помогает посетителю сориентироваться на странице.
1.4 Исследование и определение стиля для сайта
Стиль дизайна сайта – это моментальное обращение к целевой
аудитории. То, что увидит посетитель на сайте в первое мгновение – повлияет
на дальнейшее отношение к компании, и на решение покинуть площадку или
остаться.
При разработке дизайна, в первую очередь, необходимо решить в каком
стиле должен быть выдержан сайт. Ниже рассмотрятся примеры и краткое
описание стилевых решений дизайна сайта, однако необходимо учитывать, что
многие примеры сайта основаны на определенном стиле, но также, включают
элементы других стилей. Сайт, органично сочетающий несколько стилевых
решений будет по-настоящему уникальным и неповторимым.
Выбор стиля дизайна сайта должен быть основан на психографических
характеристиках, присущих целевой аудитории сайта. Стили дизайна сайта
можно разделить по техническому и художественному исполнению.
Классика. В этом направлении оформлено множество популярных web-
23
ресурсов, Поскольку классика универсальна: в этом ключе сайт может
оформить и салон красоты, и юридическая компания, и производственная
фирма. Оформление дает понять посетителю, что компания серьезная,
надежная и готова к сотрудничеству.
Этот стиль веб-дизайна подчиняется достаточно строгим нормам:
Структура построена колонками;
Наименование и логотип находятся в верхней части страницы;
Меню расположено слева или сверху, выпадающее либо статичное;
Цветовая гамма – сдержанная, гармоничная, без ярких и пестрых
акцентов, обычно в светлых оттенках. Если у компании разработана айдентика,
включаются фирменные цвета и элементы; Выбираемые цвета дизайна сайта
должны сочетаться с уже используемыми цветами в логотипе, а полиграфия
дает ответ на вопрос – какие типы шрифтов могут быть использованы для
оформления текстового контента;
Графика, анимация и прочие мультимедийные штучки либо совсем
отсутствуют, либо расставлены в виде незначительных вкраплений;
Шрифты подбираются скромные, без излишеств, вычурности,
цветовых эффектов;
Оформление не отвлекает внимание гостей на себя, и они могут
целиком сосредоточиться на информации о бизнесе.
Как правило, классический дизайн сайта используют, создавая веб-
ресурс для бизнеса (компаний и корпораций). При этом, акцентируют внимание
на логотипе (наиболее ярком и привлекающем внимание, цветовом
изображении) - наиболее узнаваемом элементе бизнеса.
24
Рис. 1.14. Стартовая страница сайта Сбербанка
Стиль гранж, в отличие от остальных пришел не из веб-дизпйна, а из
музыкальной сферы из которой взял такие отличительные черты как грубые
рваные контура, небрежность и некую тяжесть. В данном стиле часто
используются темные, приглушенные оттенки, рваные текстуры, объекты hand
made. Этот стиль можно выделить с помощью таких признаков:
Цветовая гамма являет собой такие цвета: кирпичные, сероватые,
черные, коричневые, песочные, грязно-зеленые тона. Очень часто черный,
яркие цвета заменяются более натуральными – бордовый, оливковый и т.д.;
В качестве текстуры часто используются состаренные, выцветшие,
потертые, полутона, которые словно выгорели на солнце или поблекли под
воздействием времени, песчаные фоны, неровные и рваные края, затертые и
размытые графические элементы вдохновленные городской и индустриальной
архитектурой и пейзажами, кладка, исписанные граффити стены, деним,
рогожка, выцветшая бумага;
Шрифты используют замысловатые, размытые, гротескные, потертые, от
настоящих готических до искусно стилизованных под прошедшие эпохи.
Целевая аудитория – та, у которой в почете все крафтовое. Реже такой
стиль используется для деловой среды или крупного бизнеса, такая эстетика
адресована молодежи. Особо рекомендовано барбершопам и сайтам,
представляющим алкогольную продукцию.
25
Рис. 1.15. Сайт Mookhomor
Основной акцент в минимализме на простом и неброском оформлении.
Здесь не должно быть ничего лишнего. Обилие контента здесь не
приветствуется, иногда весь текст состоит из нескольких фраз или призывов к
действию, либо же он заменен на фото и видно контент. Для такого стиля сайта
характерно минимум графических элементов, ацент делается на
информативности и четкого оказания на тематику сайта. Сайт четко
структурирован. Лаконичность является одним из главных принципов, а
количество визуальных элементов сводится к минимуму. Этим правилам
подчиняется все, от структуры интернет-ресурса до выбора цветовой гаммы. В
основе минимализма лежит чистая логика и полный отказ от излишеств.
У такого стиля широкая сфера применения. Так оформляют интернет-
магазины, лендинги, корпоративные сайты малого или среднего бизнеса. Чаще
всего используется для создания сайтов , на которых обильно представлен
какой-либо контент, например фото. Часто используется для выставок
современного искусства. Крупному бизнесу не рекомендуется сооздавать сайт в
минимализме.
Стиль минимализм обладает рядом преимуществ, например простотой
восприятия подающейся информации и акцентированием внимания на главных
деталях сайта.
26
Рис. 1.16. Сайт Prana
Ретро. В середине 2000-х годов стал набирать популярность винтажный
стиль. Стиль ретро может включать ретроспективные, классические или
античные элементы. Часто сайты в таком стиле оформляют наиболее
популярные исторические периоды, как например дизайн под античность и
период до 20 века или же дизайн в стиле культуры начала 20 века.
Такой стиль используется в ситуациях, когда нужно сформировать
определенное мнение о продукте или товаре, сделать акцент на его богатом
историческом бекграунде. Чаще всего ретро стиль выбирают те владельцы, чей
бизнес является семейным делом и обладает богатой, многолетней историей.
Рис. 1.17. Сайт Forefathers
Карточный стиль «Metro». Необычный вариант, идеально подходящий
Источник: https://baza.diplomsite.ru/previewfile/756