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

Каким редактором лучше воспользоваться для разработки дизайна сайта?

Дизайн будущего сайта можно сделать в любом графическом редакторе, например Adobe Illustrator или Adobe Photoshop. Наиболее удобен Фотошоп - одна из самых известных и лучших программ растровой графики, которой пользуются большинство дизайнеров. Изображение первоначально может быть векторным или растровым, но браузеры понимают изображения в растровом формате (форматы gif, рng, jpg, jpeg). Для верстальщика веб-сайта макет дизайна сайта, как правило, переводятся в документ .psd. Стоит напомнить, что дизайн можно сделать в любом графическом редакторе.

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

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

Все элементы указываются в масштабе в зависимости от размера экрана пользователя ПК и размеров шрифта. Сайт можно сделать без размеров, он будет тянуться в соответствии с разрешением экрана, окна или чего угодно. Это потому, что все размеры указываются в процентах. Такие сайты называют резиновыми. Сайты-резинки чаще неудобны в верстке. Поэтому, если вы понимаете, что начинаются сложности, лучше отдать предпочтение сайту с фиксированными величинами. Но если вы все же решились на такой сайт, вам необходимо продумать, на какие блоки у вас будут ограничения, а на какие – нет. Для этого вы можете сделать несколько макетов сайта, рассчитанных на разное разрешение, начиная с 800х600 (например: 1024x768, 1280x1024 и 1920x1280), в которых отобразить, как будет выглядеть сайт и в приложении к шаблону, и указать размеры блоков (максимальные и минимальные).

Какой фиксированной величины должен быть сайт?

При изготовлении полиграфической продукции мы всегда знаем размеры готового продукта. Но с веб-продукцией ситуация иная. Мониторы имеют разное расширение, т.е. количество пикселей по ширине экрана и высоте - разное. И с этим надо считаться. Так какую ширину выбрать? Сходство большинства мониторов в разрешении 1024 или 1280 пикселей в ширину. Но для Windows XP 800х600 пикселей является минимумом, потому 800 пикселей берут за стандартный размер. Как же располагать содержимое сайта? Создавая сайт с 1024 пикселей в ширину, можно добавить в шаблон макета "свободное пространство" до размера 1280 пикселей. В макете сайт можно выровнять по горизонтали и вертикали; по левому или правому краю экрана, а также по центру.

Как сохранять исходник?

Очень часто создание макета и верстку веб-сайта производят два разных человека. Поэтому, чтобы верстальщик не испытывал ненужных проблем, psd макет должен выполняться согласно некоторым правилам. Желательно группировать слои в группы, чтобы каждый графический элемент был на своем слое и имел свое название, например "Фон текстового блока", "Общий фон сайта". Объединять слои, если они составляют единое целое одного элемента. Это нужно для того, чтобы html-верстальщик мог ориентироваться в макете вашего сайта.

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

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

Работа с текстом

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