После завершения планирования маркетингового веб-сайта следующим шагом является его дизайн. Обычный дизайн веб-сайта заключается в использовании PS или другого программного обеспечения для веб-дизайна для создания домашней страницы веб-сайта.
Здесь я хотел бы напомнить всем, что перед проектированием главной страницы необходимо провести детальный анализ всего сайта, в основном с точки зрения контента, и реализовать контент, который должна отображать каждая страница, в соответствии с запланированной топологической картой. сайт. Порядок прочесывания: начать с последней информационной страницы, затем сконцентрироваться на странице списка, затем на странице столбца, предпочтительно на главной странице, в соответствии с принципом от рассеянной до концентрированной. Таким образом, сначала информация будет сосредоточена. веб-сайт будет отображаться полностью и не будет. В случае отсутствующего контента второй вариант — извлечь основные страницы столбцов и домашнюю страницу посредством поэтапного накопления исчерпывающей информации, что очень помогает зрителям понять поток и фокус. информации на всем сайте.
После того, как содержание всех столбцов определено, возникает вопрос представления содержания. Единый принцип презентации маркетингового сайта – краткость и плавность. Этот принцип должен быть отражен в каждом элементе дизайна страницы:
цветовой стиль
Этот момент был представлен в главе о планировании. Главное — найти цветовой стиль веб-сайта в соответствии с характеристиками компании и продуктов и спроектировать его с помощью визуальных атрибутов, представленных цветами. Конечно, необходимо также позаботиться о том, чтобы стиль сайта был уникальным и эксклюзивным. Это способ произвести на зрителя особое впечатление.
Макет
Существуют различные макеты веб-сайтов, такие как заводской макет, однородный макет и т. д. Дизайнер должен уловить общий смысл веб-сайта. Веб-сайт не может дать людям ощущение фрагментации. В то же время дизайнер должен уловить связь между разделами, например, используя градиенты и различные цветовые блоки для соединения и разделения разделов. давая людям ощущение иерархии.
поток информации
Когда посетитель открывает веб-сайт, страница сообщит ему, какая информация на веб-сайте важна, как она расставлена по приоритетам и как посетитель должен следовать процессу, чтобы найти интересующую его информацию. Для этого дизайнерам необходимо найти характеристики потока информации на веб-сайте, такие как размещение важной информации в левой части страницы, руководство по процессу и расширения на уровне списка. Веб-страница подобна объяснителю, шаг за шагом направляя зрителя к плавному чтению.
Графика и изображения
Графика и изображения имеют двойные атрибуты: это элементы передачи информации и элементы модификации страницы. Поэтому мы должны ими эффективно воспользоваться.
Обратите внимание на единообразие в использовании графики, например, на использование шаблонов логотипов одной и той же системы. Выбор изображений должен в первую очередь соответствовать содержанию, которое они хотят выразить. Например, изображение, представляющее службу базы данных. Нам нужно найти в галерее изображения цифровых технологий и т. д. Во-вторых, следует обратить внимание на цвет изображения. стиль той же страницы и других страниц. Сочетание элементов.
текст и заголовок
Возможно, вы посещали некоторые веб-сайты, и либо переполненный текст кажется, что вы можете прочитать его, только если вникнете в него головой, либо темный фон заставляет людей чувствовать, что они находятся в очень узком пространстве, и заставляет людей чувствовать себя очень подавленными. . Некоторые цвета фона трудно прочитать; пурпурный, оранжевый и красный цвета ослепляют.
Обратитесь к макету газет и разделите контент на колонки для удобства и быстрого чтения. Даже две колонки будут иметь лучший визуальный эффект, чем целая страница.
Еще одним фактором, который может улучшить читаемость текста, является выбранный вами шрифт. Шрифты общего назначения (Arial, Times New Roman, Garamond и Courier) легче читаются. Специальные шрифты лучше подходят для заголовков, но не подходят для основного текста ( Только представьте, что вы просматриваете полную страницу Готики, Вестминстера или Монастыря). Поскольку чтение требует больших усилий, ваши глаза быстро устают и вам приходится переходить на другие страницы.
Вы должны постараться сделать ваши веб-страницы максимально удобными для чтения. Помимо разделения страницы на столбцы (разделение страницы по вертикали), вам также необходимо использовать заголовки и подзаголовки для сегментирования документа.
Установите один и тот же шрифт для всех заголовков и подзаголовков, увеличьте шрифт заголовка на один размер и используйте жирный шрифт для всех заголовков и подзаголовков, чтобы было легче идентифицировать заголовок (шрифт крупнее и жирнее) и подзаголовок (жирный шрифт). , тот же размер шрифта, что и основной текст), что позволяет зрителям сразу увидеть ключевые моменты, чтобы они могли найти и продолжить чтение интересного контента. Важность заголовков очевидна. Вы должны писать каждое название внимательно!
Вы также можете выделить все предложение жирным шрифтом или использовать другой цвет, чтобы выделить определенный контент, но не используйте цвета, которые трудно читать.
анимация
Чтобы улучшить скорость открытия маркетинговых сайтов, рекомендуется как можно меньше использовать элементы анимации.
навигация
Самое главное сказано в конце. Четверо из нас этого не делают, и четверо из нас должны это объяснить.
1. Никогда не используйте для навигации картинки, а только текст.
2. Навигация должна быть ориентирована на тему и не должна осуществляться отдельно.
3. Навигация должна иметь домашнюю страницу и всегда обеспечивать возврат на домашнюю страницу.
4. Важные столбцы должны располагаться в левой части навигации, а не в правой.
Есть еще много моментов дизайна для маркетинговых веб-сайтов, и я надеюсь, что вы сможете их добавить.
Rulin Network специализируется на создании корпоративных маркетинговых веб-сайтов, стремится исследовать и разрабатывать системы маркетинговых веб-сайтов, а также создает наиболее ценные и выгодные услуги онлайн-маркетинга для большинства предприятий.
Идеальный шторм для маркетинговых веб-сайтов — глава о ценностях
Идеальный шторм для маркетинговых веб-сайтов — планирование
Автор: Старший консультант по маркетингу сети Rulin. ЭЛЕКТРОННАЯ ПОЧТА: [email protected] MSN: [email protected].
Beijing Rulin Network Technology Co., Ltd. — эксперт по интернет-маркетингу на предприятии www.rulin.net.