Разработка дизайн-концепции принципиальной структуры веб-сайта для индустрии моды, созданных при помощи открытого редактора веб-дизайна
Автор: Irina13 • Октябрь 31, 2018 • Реферат • 5,486 Слов (22 Страниц) • 834 Просмотры
2. Разработка дизайн-концепции принципиальной структуры веб-сайта для индустрии моды, созданных при помощи открытого редактора веб-дизайна
2.1 Создание макета сайта дизайн-концепции принципиальной структуры веб-сайта для индустрии моды, созданных при помощи открытого редактора веб-дизайна
Любой крупный проект должен сочетать творческие и эффективные маркетинговые решения. Именно поэтому наши специалисты начинают проектные работы с разработкой концепции - частью деятельности проекта, в ходе которой определяется набор художественных методов и решений, соответствующих целям и задачам проекта.
Разработка любого веб-ресурса начинается с концепции дизайна, которая определяет стиль, структуру и способы взаимодействия с пользователем. При разработке концепции креативного дизайна обычно участвовали арт-директор, дизайнеры и несколько копирайтеров, излагая все детали и детали идеи сайта. Текстовый компонент поддерживается эскизами и эскизами, отражающими основные моменты. Но главное значение концепции дизайна веб-сайта заключается не в глубоком понимании каждой детали, а в выгоде для качества финального проекта, что во много раз превышает стоимость разработки концепции. Этот документ помогает дизайнерам найти идеальную линию между творчеством и воплощением технических заданий, позволяя создавать веб-ресурсы, которые радуют посетителей и приносят максимальную прибыль клиенту.
Макет дизайна сайта - это визуальный образ будущего сайта, разработанный с учетом технических возможностей компоновки HTML. Этот макет - это демонстрация того, как будет выглядеть ваш сайт после макета и контента.
Макет представлен как изображение, которое будет отображаться в интернет-браузере без активных кнопок и других динамических элементов.
Дизайнер создает дизайн страниц будущего сайта с рисунком всех графических (баннеров, кнопок, фотографий) и текстовых элементов в специальной графической программе. Дизайнер создает дизайн веб-страниц с учетом пожеланий заказчика и заданий, изложенных в ТЗ.
Говоря о визуальной презентации веб-сайта, невозможно не останавливаться на таком вопросе, как различия между фиксированными и резиновыми сайтами.
Современные мониторы имеют разные разрешения. Говоря о веб-сайтах, нас особенно интересует ширина. Размерность мониторов в пикселях может быть 800, 1024, 1280, 1600 и более. Кроме того, пользователь может просматривать сайт в полупрокрученном окне.
Конструкция фиксированного сайта предполагает единую ширину сайта для всех разрешений экрана и для всех оконных ширин, т. Е. Если ширина сайта составляет 1000 пикселей, тогда горизонтальная прокрутка будет отображаться на экране 800 пикселей, а на экране 1280 пикселей - пустые поля на слева и справа (или только с одной стороны)
Эта конструкция сайта позволяет четко контролировать состав сайта и четко знать, где каждый элемент навигации на каждом экране. Этот тип сайта позволяет использовать больше графических элементов.
Резиновая конструкция, в отличие от фиксированной «регулирует» ширину экрана.
Это приводит к тому, что сайт без горизонтальной прокрутки увидит большинство пользователей, но на разных экранах состав сайта будет непредсказуемым, что сильно не нравится дизайнерам.
Специфика разработки графического дизайна по отношению к сайту - это сочетание технических и визуальных параметров будущего сайта. Это исследование местоположения и размера элементов сайта с точки зрения удобства поиска и использования информации на сайте.
Основой для разработки дизайн-макета сайта являются материалы, предоставленные клиентом: логотип, слоган, корпоративные (или предпочтительные) цвета, графические элементы, фотографии и другие элементы дизайна, а также анкета, заполняемая клиентом.
Структура сайта - тщательно разработанная компоновка всех элементов, с учетом принципов будущей компоновки. Существует 2 основных типа структуры:
- «резиновый сайт» - все элементы сайта заполняют всю ширину монитора и «растягивают» с его увеличением.
- «центрированный сайт» - все элементы сосредоточены на ширине 980 пикселей, на более широких мониторах только фон расширяется.
...