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

  • Автор темы Chernetta
  • 14687
  • Обновлено
  • 02, Aug 2010
  • #2
Дизайн сайта выполняется как правило в фотошопе.

Есть дизайнеры, которые работают с вектором.

Дизайн сайта это картинка - макет будущего проекта по слоям.

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

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 05, Aug 2010
  • #3
Veter:
Дизайн сайта выполняется как правило в фотошопе.
То есть берутся уже существующие фотографии? А если хочется скомпоновать свою картинку или вообще сделать рисованный дизайн?
 

Chernetta


Рег
30 Jun, 2010

Тем
64

Постов
457

Баллов
1097
  • 05, Aug 2010
  • #4
В фотошопе конечно, создаешь нужные тебе размеры картинок и рисуешь... качаешь клиппарты, компонуешь и тд
 

Le Taon


Рег
01 Jul, 2010

Тем
29

Постов
267

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

motorway


Рег
30 Jun, 2010

Тем
24

Постов
547

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

Assortei


Рег
26 Aug, 2010

Тем
0

Постов
33

Баллов
33
  • 06, Sep 2010
  • #7
motorway:
Вполне нормальный аналог - Paint.NET. Может, и не такой продвинутый, но бесплатный
А можно примеры диза в Пэйнте?
 

Boss3


Рег
19 Jun, 2010

Тем
70

Постов
1220

Баллов
1920
  • 06, Sep 2010
  • #8
Своих примеров нет. Ну а для серьезной работы Фотошоп действительно лучше. Но нужна лицензия
 

motorway


Рег
30 Jun, 2010

Тем
24

Постов
547

Баллов
787
  • 06, Sep 2010
  • #9
а вообще, я последнее время и шаблонами не брезгую, только цветовую гамму под себя выбрал и шапку нарисовал и все
 

Le Taon


Рег
01 Jul, 2010

Тем
29

Постов
267

Баллов
557
  • 21, Oct 2010
  • #10
Мне кажется ответы не совсем те, если речь идет о человеке с опытом в полиграфии и без опыта в веб-дизайне.

Отличий немало, главные два.



1. Дизайн сайта "квадратный", нельзя например сначала провести диагональ, а потом отдельно планировать две области, нельзя печатать текст "елочкой" и т.д. 2. Дизайн печатной продукции один, каким сделаешь, такой продукция и будет (с поправкой на грехи исполнения), читатель возьмет в руки то, что сделали.



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

sta1


Рег
21 Oct, 2010

Тем
1

Постов
5

Баллов
15
  • 21, Oct 2010
  • #11
sta:
Отсюда есть ряд требований, которые надо учитывать; из-за них, по сравнению с дизайном печатной продукции, дизайн сайта более упрощенный, дает меньше свободы художнику.
Интересно бы предметно поговорить об этих требованиях. Расскажите, а?))))))))
 

Chernetta


Рег
30 Jun, 2010

Тем
64

Постов
457

Баллов
1097
  • 22, Oct 2010
  • #12
Ну, предметно, так целые книги написаны Но основная проблема в том, что у пользователей разная ширина экрана. Поэтому если вы у себя сделали три колонки и красиво разместили сверху шапку в виде рисунка, неизвестно, что увидит пользователь.

Есть два варианта указания ширины объектов, таких как таблицы, в точках или в процентах от ширины экрана, как правило, используются проценты.

Это надо учитывать и это связывает руки.

Рисунки же всегда будут показаны в соответствии с их размерами в точках.

То, что выглядит красиво при одном разрешении, далеко не всегда будет таким же при другом.

И надо учитывать факт, что пользователь, возможно, захочет увеличить размер шрифта.

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

Ну и так далее.

В общем, надо учитывать что есть, как минимум, четыре основных браузера, есть разное разрешение, есть настройки пользователя и т.д. Вообще, надо в спецификации html все эти вещи обсуждаются
 

sta1


Рег
21 Oct, 2010

Тем
1

Постов
5

Баллов
15
  • 30, May 2011
  • #13
Veter:
Дизайн сайта выполняется как правило в фотошопе. Есть дизайнеры, которые работают с вектором. Дизайн сайта это картинка - макет будущего проекта по слоям. Печатная реклама и веб дизайн отличаются только общими принципами, которые применимы к будущему продукту.
Для веб дизайна существуют свои требования, для полиграфички соответственно свои.
Уважаемый Veter! Прежде всего я хочу поблагодарить Вас за ответ на мой вопрос о Фотошопе в другом разделе.

Вы сняли с меня груз сомнений и воодушевили на подвиги.

А теперь вопрос о слоях в макете сайта.

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

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

Или возможно сочетание слоев-картинок с дополнительными слоями-элементами, допускающее любую комбинацию?
 

Arabeske


Рег
28 May, 2011

Тем
0

Постов
7

Баллов
7
  • 03, Jun 2011
  • #14
Arabeske:
Каждый слой в макете - это каждая отдельная страница будущего сайта, т.е законченная картинка, полученная в результате сведения всех промежуточных слоев, из которых она составлена?
Нет. Будущая страница это совокупность слоев на картинке. Вообще страницу по слоям делают для того, чтобы при верстке кодер мог манипулировать их расположением для качественной верстки. То есть подвигать элементы картинки на несколько пикселей вправо, влево, вверх, вниз...
Arabeske:
и из этих элементов можно скомпоновать любую страницу?
А тут совершенно верно.

Например вы нарисовали главную страницу будущего сайта, как правило внутренняя несколько отличается от главной, но не кардинально.

Отключая часть слоев, и добавив несколько новых вы получите внутреннюю страницу будущего сайта малой кровью.

Ее не нужно будет рисовать с нуля, достаточно лишь добавить несколько новых элементов.
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

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

Антилопа


Рег
28 Mar, 2011

Тем
8

Постов
184

Баллов
264
  • 05, Jun 2011
  • #16
Антилопа, дизайн и в иллюстраторе делают, а это вектор.
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 07, Jun 2011
  • #17
Arabeske:
А тут совершенно верно.

Например вы нарисовали главную страницу будущего сайта, как правило внутренняя несколько отличается от главной, но не кардинально.

Отключая часть слоев, и добавив несколько новых вы получите внутреннюю страницу будущего сайта малой кровью.

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

Со слоями на сайте теперь все ясно, сам же принцип работы со слоями мне хорошо знаком. А теперь меня интересует такой момент.

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

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

Arabeske


Рег
28 May, 2011

Тем
0

Постов
7

Баллов
7
  • 07, Jun 2011
  • #18
Arabeske, если вы посмотрите хотя бы 100 разных сайтов, сделанных не на основе шаблонов, а нарисованных дизайнерами, вы заметите, что никаких жестких требований к композиции страниц по сути-то нет. Хотя вот в любом случае, меню сайта должно быть удобно для пользователей.
 

Gustavo1


Рег
11 Jul, 2010

Тем
4

Постов
214

Баллов
254
  • 12, Jun 2011
  • #19
Arabeske:
или же все это может быть полностью подчинено некой художественной идее.
Может само собой. Но гипотетически все нужно делать в соответствии с веб стандартами.
Arabeske:
И еще: имеются ли принципиальные отличия в композиции страницы сайта и блога?
В данном случае при разработке дизайна необходимо учитывать структуру движка, на котором будет ваш дизайн, и его особенности. Просто вы можете нарисовать дизайн, но натянуть его на движок будет просто нельзя.
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
  • 23, Jun 2011
  • #20
Chernetta:
В каких программах делается дизайн для сайта? В чем его особенность и отличия от обычного макета, к примеру, для печатной рекламы???
Самый лучший метод разработки дизайна - саостоятельное изучение языка HTML и ручная вёрстка кода в текстовом или html-редакторе. Для начала сойдет Блокнот. С этим можно спорить - но зная, что делаешь, больше шансов добиться чего хочешь.
 

VyacheslavH


Рег
23 Jun, 2011

Тем
22

Постов
832

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

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


Рег
15 May, 2011

Тем
1

Постов
33

Баллов
43
  • 12, Sep 2011
  • #22
Re эм... а где лучше брать дизайн для сайта? Я лично создавал через сайт fo.ru, там только обычные дизайны, где взять прогу или что то еще, чтобы создать свой дизайн?
 

Андрей Сусов


Рег
12 Sep, 2011

Тем
1

Постов
3

Баллов
13
  • 14, Sep 2011
  • #23
Фотошоп нужно взять и нарисовать дизайн. Потом взять дримвьювер и сделать верстку, а потом эту верстку натянуть на движок. И все.
 

Wmboard


Рег
01 Jan, 2011

Тем
522

Постов
7188

Баллов
12408
Тем
49554
Комментарии
57426
Опыт
552966

Интересно