В каких программах делается дизайн для сайта?

C

Chernetta

#1
В каких программах делается дизайн для сайта? В чем его особенность и отличия от обычного макета, к примеру, для печатной рекламы???
 
W

Wmboard

#2
Дизайн сайта выполняется как правило в фотошопе. Есть дизайнеры, которые работают с вектором. Дизайн сайта это картинка - макет будущего проекта по слоям. Печатная реклама и веб дизайн отличаются только общими принципами, которые применимы к будущему продукту.
Для веб дизайна существуют свои требования, для полиграфички соответственно свои.
 
C

Chernetta

#3
Дизайн сайта выполняется как правило в фотошопе.
То есть берутся уже существующие фотографии?
А если хочется скомпоновать свою картинку или вообще сделать рисованный дизайн?
 
L

Le Taon

#4
В фотошопе конечно, создаешь нужные тебе размеры картинок и рисуешь... качаешь клиппарты, компонуешь и тд
 
M

motorway

#5
Вполне нормальный аналог - Paint.NET. Может, и не такой продвинутый, но бесплатный
 
A

Assortei

#6
Добавлю ещё от себя из практики. Дизайн сайта должен быть лёгким и не громоздким. Фотошоп это конечно классика, однако потом нужно ещё сделать разметку под Дримвьювер (верстовочная программа фирмы Эдаб).
 
M

motorway

#9
Своих примеров нет. Ну а для серьезной работы Фотошоп действительно лучше. Но нужна лицензия
 
L

Le Taon

#10
а вообще, я последнее время и шаблонами не брезгую, только цветовую гамму под себя выбрал и шапку нарисовал и все
 
S

sta1

#11
Мне кажется ответы не совсем те, если речь идет о человеке с опытом в полиграфии и без опыта в веб-дизайне. Отличий немало, главные два.
1. Дизайн сайта "квадратный", нельзя например сначала провести диагональ, а потом отдельно планировать две области, нельзя печатать текст "елочкой" и т.д. 2. Дизайн печатной продукции один, каким сделаешь, такой продукция и будет (с поправкой на грехи исполнения), читатель возьмет в руки то, что сделали. А сайт пользователь будет смотреть на своем компе, на котором неизвестно какое расширение, какая диагональ монитора и т.д. Отсюда есть ряд требований, которые надо учитывать; из-за них, по сравнению с дизайном печатной продукции, дизайн сайта более упрощенный, дает меньше свободы художнику.
 
C

Chernetta

#12
Отсюда есть ряд требований, которые надо учитывать; из-за них, по сравнению с дизайном печатной продукции, дизайн сайта более упрощенный, дает меньше свободы художнику.
Интересно бы предметно поговорить об этих требованиях. Расскажите, а?))))))))
 
S

sta1

#13
Ну, предметно, так целые книги написаны :)
Но основная проблема в том, что у пользователей разная ширина экрана.
Поэтому если вы у себя сделали три колонки и красиво разместили сверху шапку в виде рисунка, неизвестно, что увидит пользователь. Есть два варианта указания ширины объектов, таких как таблицы, в точках или в процентах от ширины экрана, как правило, используются проценты. Это надо учитывать и это связывает руки. Рисунки же всегда будут показаны в соответствии с их размерами в точках.
То, что выглядит красиво при одном разрешении, далеко не всегда будет таким же при другом. И надо учитывать факт, что пользователь, возможно, захочет увеличить размер шрифта. Разные браузеры делают это по-разному.
То есть, дизайн, как бы плавающий, он более как бы "логический". Нужно проектировать не то что будет, а то, что может быть.
Сторонняя реклама тоже может сильно испортить дизайн у некоторых пользователей. Ну и так далее. :)
В общем, надо учитывать что есть, как минимум, четыре основных браузера, есть разное разрешение, есть настройки пользователя и т.д.
Вообще, надо в спецификации html все эти вещи обсуждаются :)
 
A

Arabeske

#14
Дизайн сайта выполняется как правило в фотошопе. Есть дизайнеры, которые работают с вектором. Дизайн сайта это картинка - макет будущего проекта по слоям. Печатная реклама и веб дизайн отличаются только общими принципами, которые применимы к будущему продукту.
Для веб дизайна существуют свои требования, для полиграфички соответственно свои.

Уважаемый Veter! Прежде всего я хочу поблагодарить Вас за ответ на мой вопрос о Фотошопе в другом разделе. Вы сняли с меня груз сомнений и воодушевили на подвиги.
А теперь вопрос о слоях в макете сайта.
Каждый слой в макете - это каждая отдельная страница будущего сайта, т.е законченная картинка, полученная в результате сведения всех промежуточных слоев, из которых она составлена?
Или каждый слой - это каждый отдельный графический элемент (а также стиль слоя), и из этих элементов можно скомпоновать любую страницу?
Или возможно сочетание слоев-картинок с дополнительными слоями-элементами, допускающее любую комбинацию?
 
W

Wmboard

#15
Каждый слой в макете - это каждая отдельная страница будущего сайта, т.е законченная картинка, полученная в результате сведения всех промежуточных слоев, из которых она составлена?
Нет. Будущая страница это совокупность слоев на картинке.
Вообще страницу по слоям делают для того, чтобы при верстке кодер мог манипулировать их расположением для качественной верстки. То есть подвигать элементы картинки на несколько пикселей вправо, влево, вверх, вниз...


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

Антилопа

#16
ну тут уже все про фотошоп рассказали. Вектор для макетов - шомневаюсь, отсутствие цветопереходов таки плохо для дизайна сайта (разве что это такая "фишечка" данного сайта)
 
W

Wmboard

#17
Антилопа, дизайн и в иллюстраторе делают, а это вектор.
 
A

Arabeske

#18
А тут совершенно верно. Например вы нарисовали главную страницу будущего сайта, как правило внутренняя несколько отличается от главной, но не кардинально. Отключая часть слоев, и добавив несколько новых вы получите внутреннюю страницу будущего сайта малой кровью. Ее не нужно будет рисовать с нуля, достаточно лишь добавить несколько новых элементов.

Еще раз спасибо. Со слоями на сайте теперь все ясно, сам же принцип работы со слоями мне хорошо знаком.
А теперь меня интересует такой момент. Существуют ли какие-то жесткие требования к композиции страницы с точки зрения размещения всякой необходимой начинки (кнопочек, рубрик и пр.), или же все это может быть полностью подчинено некой художественной идее. Само собой разумеется, что подчинение художественной идее здесь ни в коей мере не подразумевает отсутствие внимания к функциональной стороне дела.
И еще: имеются ли принципиальные отличия в композиции страницы сайта и блога?
 
G

Gustavo1

#19
Arabeske, если вы посмотрите хотя бы 100 разных сайтов, сделанных не на основе шаблонов, а нарисованных дизайнерами, вы заметите, что никаких жестких требований к композиции страниц по сути-то нет. Хотя вот в любом случае, меню сайта должно быть удобно для пользователей.
 
W

Wmboard

#20
или же все это может быть полностью подчинено некой художественной идее.
Может само собой. Но гипотетически все нужно делать в соответствии с веб стандартами.


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

VyacheslavH

#21
В каких программах делается дизайн для сайта? В чем его особенность и отличия от обычного макета, к примеру, для печатной рекламы???
Самый лучший метод разработки дизайна - саостоятельное изучение языка HTML и ручная вёрстка кода в текстовом или html-редакторе. Для начала сойдет Блокнот. С этим можно спорить - но зная, что делаешь, больше шансов добиться чего хочешь.
 
Р

Роман Христалов

#22
Я лично пользуюсь Фотошопом, и Adobe Dreamweaver (это программа для создания сайтов). На мой взгляд, это самые удобные програамы, так как их производит фирма Adobe.
 
А

Андрей Сусов

#23
Re

эм... а где лучше брать дизайн для сайта? Я лично создавал через сайт fo.ru, там только обычные дизайны, где взять прогу или что то еще, чтобы создать свой дизайн?
 
W

Wmboard

#24
Фотошоп нужно взять и нарисовать дизайн. Потом взять дримвьювер и сделать верстку, а потом эту верстку натянуть на движок. И все.
 
Get involved!

Here you can only see a limited number of comments. On СЕО Форум Вебмастеров you see all comments and all functions are available to you. To the thread