Каждый задает себе вопрос: в какой же программе можно разработать дизайн сайта? Конечно, ответ на этот нелегкий вопрос найти непросто. Потому что для разработки дизайна для сайта используется множество разных программ. В основном большинство из них работают с макетами, которые созданы в фотошоп. Специально разработанная программа для видоизменения фотографии. 

Обычно для иллюстрированных зарисовок, сложнейшие изображения на векторе, были разработаны такие программы, как Adobe Illustrator и CorelDraw. Большинство дизайнеров работают именно на векторных, при этом пользуясь фотошоп только для переработки рисунков. При необходимости создания дизайна для сайта, то самым удобным разрабатывающем для макета станет Corel. Ведь совершенно необязательно, в каких видах программы создаете макет сайта, важнее будет умение подготовки к верстке файлы. А для этого есть необходимость знать и понять саму верстку.

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

Все зависит для чего предназначен сайт и необходимо продумать структуру к веб-интерфейсу. К примеру, интернет-магазины приобретают лучший вид, только в фиксированном дизайне, где до 1000 пикселей ширины и у него всего лишь один сайт бар с левой стороны. В сайт бар входит меню для каталога о товарах. Этот вариант и стал популярным в интернете, и практически невозможно найти магазин, который сделан на другой программе. А вот информационные сайты делаются по другой форме. Если, к примеру, текстов намного больше, чем графических элементов, то при определенной широте экрана, пустота на полях будет смотреться не очень. При безразмерном дизайне текст полностью и равномерно заполнит весь экран, это позволяет избавиться от частой прокрутки в вертикальном положении. К примеру, нужно создание дизайна для корпоративного вида сайтов для корпорации, которые торгуют электроникой, в разделе интернет-магазин.

Сразу же прикидываем:

1. Дизайн фиксированного варианта в 1000 пикселей.

2. Форматы для файлов, такие как psd и ipg.

3. Основной стиль дизайна.

4. Необходим логотип для векторных форматов.



Разработка макета.

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

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

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

Когда сайт разрабатывается в CorelDraw все эти поправления разрабатываются очень быстро.



Типография для сайта.

Шрифт при создании подбирается сразу, какой именно будет использован на этом сайте. Нестандартные шрифты, приведут к большим затруднениям. Для этого бренд бук должен определить название шрифта, который в основном должен быть похожим к виду по корпоративным данным, и выглядеть как стандартный.

Зарисовка сайта и размеры в пикселях.

Зарисовка макета идет сразу же в пикселях. И не нужно миллиметровых, дюймовых размеров. Все что делается на веб-дизайне рассчитываются в пикселях. Макет, который отправляется клиенту должен быть в оригинальном стиле.

Сразу несколько вариантов макета в одном сайте.

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

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

Приготовление папок к верстовой проверке.

Когда макет полностью утверждается клиентом, то приходят важнейшие моменты для подготовки некоторых папок. Оттого как приготовлены были файлы, будет зависеть, то как верстальщиком будет сверстан весь шаблон. Обычно работа верстальщиков идет с файлами, такими как: psd, это означает, что весь дизайн должен переноситься в фотошоп.

Но в основном не только .psd необходим для верстальщика. К примеру, спрайты можно создать и раньше, как, впрочем, и сам дизайн. Обычно должно получаться несколько основных файлов с разными именами.

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

Таким образом, готовый элемент файлов, верстальщики будут перебирать только по одной странице. Если при этом окажется, что названия каким-то образом совпадут, то этой папки в сайте, видно, не будет.