Как сделать дизайн сайта?

В какой программе лучше делать дизайн сайта?

Большинство дизайнеров используют для верстки сайтов  Adobe Photoshop, но некоторые предпочитают пользоваться программой Adobe Illustrator. Вот причины, по которым программа Adobe Photoshop удобнее для создания дизайна сайтов:

- он является одним из лучших редакторов именно растровой графики, графики, которую понимает html;

- эта программа широко известна;

- верстальщики html привыкли получать исходники дизайна в .psd;

- для верстки сайта все графические элементы переводятся в растр (файлы jpg, png или gif).

Какого размера должен быть сайт?

Размеры блоков сайта и содержания (фотографий, кнопок) при верстке сайта указываются в пикселях или процентах от ширины/высоты окна браузера.

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

Мониторы  имеют разное разрешение, то есть количество пикселей по ширине и высоте. Это нужно учитывать в дизайне. Чаще всего у мониторов встречается  разрешение 1024 или 1280 пикселей по ширине. Большинство дизайнеров на это и равняются. Но не стоит делать текстовые блоки шире 800 пикселей. Если при разрешении 800 х 600 пикселей мы теряем во внешнем виде сайта – это не так важно (важнее понимать что,  когда строка текста не помещается на нашем мониторе, то и читать неудобно).

Так что чаще всего делают сайт 1024 пикселей в ширину, добавляя «воздух» до размера 1280.

Исходники  готового дизайна сайта нужно сохранять в .psd, где каждый элемент дизайна находится на своем слое, названном так, чтобы в слоях было возможно  быстро ориентироваться. Например: » фон сайта», «логотип». Слои удобно  группировать в папки  по содержанию сайта («шапка сайта», «футер», «контент»). Файл psd  должен быть удобным для работы не только вам, но и html-верстальщику, который впоследствии будет с ним работать.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

* Copy This Password *

* Type Or Paste Password Here *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>