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

Chernetta

Пользователь
Регистрация
30.06.10
Сообщения
507
Реакции
1
Баллы
13
В каких программах делается дизайн для сайта? В чем его особенность и отличия от обычного макета, к примеру, для печатной рекламы???
 

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
Дизайн сайта выполняется как правило в фотошопе. Есть дизайнеры, которые работают с вектором. Дизайн сайта это картинка - макет будущего проекта по слоям. Печатная реклама и веб дизайн отличаются только общими принципами, которые применимы к будущему продукту.
Для веб дизайна существуют свои требования, для полиграфички соответственно свои.
 

Chernetta

Пользователь
Регистрация
30.06.10
Сообщения
507
Реакции
1
Баллы
13
Дизайн сайта выполняется как правило в фотошопе.
То есть берутся уже существующие фотографии?
А если хочется скомпоновать свою картинку или вообще сделать рисованный дизайн?
 

Le Taon

Пользователь
Регистрация
01.07.10
Сообщения
376
Реакции
2
Баллы
13
Возраст
34
Адрес
Энергодар
В фотошопе конечно, создаешь нужные тебе размеры картинок и рисуешь... качаешь клиппарты, компонуешь и тд
 

motorway

Пользователь
Регистрация
30.06.10
Сообщения
638
Реакции
0
Баллы
11
Вполне нормальный аналог - Paint.NET. Может, и не такой продвинутый, но бесплатный
 

Assortei

Пользователь
Регистрация
26.08.10
Сообщения
33
Реакции
0
Баллы
1
Добавлю ещё от себя из практики. Дизайн сайта должен быть лёгким и не громоздким. Фотошоп это конечно классика, однако потом нужно ещё сделать разметку под Дримвьювер (верстовочная программа фирмы Эдаб).
 

motorway

Пользователь
Регистрация
30.06.10
Сообщения
638
Реакции
0
Баллы
11
Своих примеров нет. Ну а для серьезной работы Фотошоп действительно лучше. Но нужна лицензия
 

Le Taon

Пользователь
Регистрация
01.07.10
Сообщения
376
Реакции
2
Баллы
13
Возраст
34
Адрес
Энергодар
а вообще, я последнее время и шаблонами не брезгую, только цветовую гамму под себя выбрал и шапку нарисовал и все
 

sta1

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

Chernetta

Пользователь
Регистрация
30.06.10
Сообщения
507
Реакции
1
Баллы
13
Отсюда есть ряд требований, которые надо учитывать; из-за них, по сравнению с дизайном печатной продукции, дизайн сайта более упрощенный, дает меньше свободы художнику.
Интересно бы предметно поговорить об этих требованиях. Расскажите, а?))))))))
 

sta1

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

Arabeske

Пользователь
Регистрация
28.05.11
Сообщения
3
Реакции
0
Баллы
1
Дизайн сайта выполняется как правило в фотошопе. Есть дизайнеры, которые работают с вектором. Дизайн сайта это картинка - макет будущего проекта по слоям. Печатная реклама и веб дизайн отличаются только общими принципами, которые применимы к будущему продукту.
Для веб дизайна существуют свои требования, для полиграфички соответственно свои.

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

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
Каждый слой в макете - это каждая отдельная страница будущего сайта, т.е законченная картинка, полученная в результате сведения всех промежуточных слоев, из которых она составлена?
Нет. Будущая страница это совокупность слоев на картинке.
Вообще страницу по слоям делают для того, чтобы при верстке кодер мог манипулировать их расположением для качественной верстки. То есть подвигать элементы картинки на несколько пикселей вправо, влево, вверх, вниз...


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

Антилопа

Пользователь
Регистрация
28.03.11
Сообщения
196
Реакции
1
Баллы
13
Адрес
Владимир
ну тут уже все про фотошоп рассказали. Вектор для макетов - шомневаюсь, отсутствие цветопереходов таки плохо для дизайна сайта (разве что это такая "фишечка" данного сайта)
 

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
Антилопа, дизайн и в иллюстраторе делают, а это вектор.
 

Arabeske

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

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

Gustavo1

Пользователь
Регистрация
11.07.10
Сообщения
212
Реакции
9
Баллы
13
Arabeske, если вы посмотрите хотя бы 100 разных сайтов, сделанных не на основе шаблонов, а нарисованных дизайнерами, вы заметите, что никаких жестких требований к композиции страниц по сути-то нет. Хотя вот в любом случае, меню сайта должно быть удобно для пользователей.
 

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
или же все это может быть полностью подчинено некой художественной идее.
Может само собой. Но гипотетически все нужно делать в соответствии с веб стандартами.


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

VyacheslavH

Пользователь
Регистрация
23.06.11
Сообщения
935
Реакции
325
Баллы
28
Возраст
62
Адрес
Черкассы
В каких программах делается дизайн для сайта? В чем его особенность и отличия от обычного макета, к примеру, для печатной рекламы???
Самый лучший метод разработки дизайна - саостоятельное изучение языка HTML и ручная вёрстка кода в текстовом или html-редакторе. Для начала сойдет Блокнот. С этим можно спорить - но зная, что делаешь, больше шансов добиться чего хочешь.
 

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

Пользователь
Регистрация
15.05.11
Сообщения
31
Реакции
0
Баллы
1
Я лично пользуюсь Фотошопом, и Adobe Dreamweaver (это программа для создания сайтов). На мой взгляд, это самые удобные програамы, так как их производит фирма Adobe.
 

Андрей Сусов

Пользователь
Регистрация
12.09.11
Сообщения
1
Реакции
0
Баллы
1
Re

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

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
Фотошоп нужно взять и нарисовать дизайн. Потом взять дримвьювер и сделать верстку, а потом эту верстку натянуть на движок. И все.
 

Статистика форума

Темы
200.635
Сообщения
380.523
Пользователи
327.876
Новый пользователь
pm1199
Сверху Снизу