Выбрать файл
Бриф можно скачать ТУТ
<<<

Веб дизайн сайта для новичков. Или мини руководство о том, как же сделать дизайн своего сайта самостоятельно?

   Дизайн любого сайта может показаться нам абсолютно различным: завораживающим или просто привлекательным, современным либо же устаревшим, дорогим, дешёвым либо же вовсе устаревшим, уникальным или безликим. В наши дни можно найти в интернете множество всевозможных шаблонов сайтов и готовых дизайнов сайтов. Шаблоны бывают как платными, так и бесплатными. Но нужно помнить о том, что у них всех есть недостаток, при чём огромный – они абсолютно не являются уникальным продуктом. Даже если и попытаться выбрать для себя платный шаблон сайта, то это не гарантирует, что его не мог купить ещё один желающий...или ещё один...или ещё 10.

   Что же делать, если очень хочется, чтоб свой сайт был красивым и уникальным, а заказать в профессиональной студии дизайн сайта для Вас дорого? В таком случае возможен вариант попробовать самостоятельно создать дизайн для сайта.


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

    Следующим шагом является отрисовка дизайн макета сайта в графическом редакторе. Каким именно редактором пользоваться - это лично Ваше дело. Но исходя из того, что по Вашему дизайну сайта потом будет идти вёрстка, то лучше всего воспользоваться Adobe Photoshop для веб дизайна. И именно на его примере я Вам и расскажу на чём основывается разработка дизайна сайта.

    Для начала Вам необходимо определить "тело сайта". Что такое тело сайта? Это основной контент, в котором размещена вся информация. Как определить тело сайта? Ну, допустим, Ваш макет составляет 1600px в ширину. Классическим телом будет 1300px. Включите линейку (ctrl+R), отмерьте по 150px с каждой стороны сайта и у Вас получится основная рабочая поверхность. Старайтесь в процессе работы не выходить за её приделы. Исключением являются шапка, подвал, полноэкранные слайдера и ряд иных декоративных элементов.
Найдите сайты, котрые Вам нравятся. Не изобретайте велосипед. Поскольку у Вас нет необходимой практики - копируйте. Меняйте цвета, контент, шрифт, картинки...Возьмите с одного сайта, допустим, шапку, с другого - подвал...с третьего - идею для галереи или блога. Сохраняйте пропорции, пользуйтесь цветовым кругом и не бойтесь экспериментировать.

    Не отчаивайтесь, если у Вас сразу не всё выходит. Это нормально. Удаляйте, начинайте заново, стирайте и отрисовуйте вновь и вновь...пока Вы не будете довольны результатом.

    И не забывайте периодически нажимать такие волшебные горячие клавишы в Фотошопе как ctrl+s (сохранение изменений в документе). Это поможет Вам сохранить не только уже готовую часть макета, но и нервы, если вдруг внезапно отключится свет либо зависнет компьютер.

 


    Заказать дизайн и вёрстку сайта вы можете прямо сейчас, нажав на иконку человечка в правом нижнем углу 🙂 Посмотреть портфолио можно в нашем портфолио.