Ирина Горбунова Профессионал

Какие программы необходимы веб-дизайнеру?

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

Многим из нас пришлось самостоятельно освоить компьютер и даже создать собственный сайт. Некоторые настолько увлеклись этим, что начали делать сайты для своих друзей и знакомых. Любой самоучка, обладающий старанием и достаточно креативным мышлением, может пойти ещё дальше и создать собственный бизнес в Интернете именно в области веб-дизайна: производство сайтов, рекламных баннеров, иллюстраций и анимации.

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

Какие же программы можно порекомендовать начинающему веб-дизайнеру? Я выбрала для себя несколько профессиональных программ, которые достаточно просты в применении. Начнём по порядку…

«Adobe Photoshop», выражаясь по-русски просто «Фотошоп». Универсальная программа, с которой начинает, пожалуй, каждый веб-дизайнер. Здесь вы можете создать иллюстрации, фотоколлажи, просто красивую шапку для своего сайта и даже несложную анимацию.

Помимо этого, в «Фотошопе» можно просто мастерски обработать фотографии: уменьшить/увеличить, добавить контраст, улучшить цвета, убрать всевозможные дефекты. Можно также создать очень реалистичный фотомонтаж, где вы изображены, к примеру, в обнимку с Аллой Пугачёвой или Владимиром Путиным.

Освоение «Фотошопа» много времени не занимает, к тому же интернет просто завален уроками для этой программы. Очень широко «Фотошоп» применяется для глянцевых изданий: каждая модель в журнале обладает прекрасной гладкой кожей, сияющими глазами и безупречной фигурой без грамма лишнего жира. «Фотошопу» подвластно всё!..

«Adobe Illustrator», просто «Иллюстратор». Вообще-то эта программа предназначена в первую очередь для печатной продукции: брошюр, флайеров, книг. С её помощью можно создавать великолепные иллюстрации, диаграммы и рисунки. Однако всё это может пригодиться и на сайте. Именно поэтому стоит освоить и эту программу. «Иллюстратор» так же удобен в применении, как и «Фотошоп».

«Adobe Flash», он же «Флэш», прекрасно подойдёт для создания баннеров и анимации. С его помощью можно создать на сайте интерактивные кнопки, при нажатии на которые будет меняться внешний вид сайта или же появится анимированный персонаж.

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

«Cinema 4D», в просторечии «Синема». Эта программа предназначена для создания объёмных изображений — 3D. Она несколько сложнее, чем вышеперечисленные программы, в первую очередь за счёт того, что вам приходится работать с объектом сразу в нескольких измерениях. Рабочий экран программы можно поделить на 4 части, в которых вы сможете увидеть объект в объёмном виде, а также на плоскости — сверху, спереди и сбоку. Поначалу сложно к этому привыкнуть, но освоив программу, можно создавать великолепные 3D-объекты и персонажи, а также профессиональную 3D-анимацию.

«Adobe Dreamweaver», или «Дримвивер», поможет вам с программированием сайта. Программа очень удобна, работать с ней может даже человек, не очень хорошо разбирающийся в программировании. Дело в том, что у «Дримвивера» есть 2 области рабочего экрана: в верхней находится программный код, в нижней изображается непосредственно ваш сайт. Можно работать в первую очередь с нижней областью, т. е. изобразить сначала внешний вид сайта, а программа автоматически отразит код изображения — запрограммирует всё за вас. А нам-то как раз этого и надо!..

«Adobe Edge Animate» можно называть и просто «Эдж Анимэйт». Эта программа, как и вышеупомянутый «Флэш», создает анимацию для веб-сайтов. Ее главное отличие от первого состоит в том, что для показа флеш-ролика в веб-браузере должна быть установлена специальная программа («Флэш Плэйер»), а файлы, созданные «Edge Animate», могут отлично воспроизводиться и «штатными средствами» веб-браузеров последних поколений.
Баннеры и другие анимированные ролики, созданные в «Эдж Анимэйт», прекрасно воспроизводятся в мобильных устройствах (iPhone), электронных планшетах (iPad) и пр., тогда как флэш-технология ими не поддерживается.

Все вышеперечисленные программы могут стать вашими верными помощниками на пути освоения веб-дизайна. Если у вас есть время и желание, вы можете изучить их достаточно быстро. Они обладают интуитивно понятным интерфейсом, довольно просты в применении и профессиональны. Даже если вы работаете в другой области, эти программы могут помочь вам в создании визуальных эффектов. Главное — мыслить креативно и не бояться творить!

Обновлено 15.01.2013
Статья размещена на сайте 3.05.2009

Комментарии (5):

Чтобы оставить комментарий зарегистрируйтесь или войдите на сайт

Войти через социальные сети:

  • Дорогие друзья, спасибо всем за отзывы!
    Обзор на самом деле краткий, т.к. если бы я взялась перечислять все программы, которые мог бы использовать веб-дизайнер, то у меня ушло бы на это несколько дней. Программ сотни, я же перечислила только те, которые использую сама.
    Чем они на мой взгляд хороши? Тем, что профессиональны. Конечно, можно и в "Paint и блокноте конфетку сделать". Но со временем вчерашний новичок всё равно переключится на более продвинутые программы, на тот же Дримвивер, в котором, кстати, не только с HTML-кодом можно работать, но и с PHP, и с Javascript и со всем, чем угодно. Так почему бы начинающему веб-дизайнеру не начать с самого начала работать с хорошими профессиональными программами? На мой взгляд, это ему только на пользу пойдёт...
    А Вам, Владимир Стецко, хочу пожелать успеха в новой области! Дерзайте, всё обязательно получится! Не боги горшки обжигают!

    Оценка статьи: 5

  • СМ

    Ирина Горбунова, ВАШ обзор слишком куцый.
    Почему-то не упомянули SeaMonkey, который вполне может заменить Дремвивер, а заодно и майкрософтский браузер.
    Компоновщик СМ даёт возможность редактировать страницу в обычном режиме, в режиме страницы с HTML-тегами, просматривать исходный код и просматривать страницу в браузере. Всё это в одном окне с возможностью последующей публикации в сети.

  • Сергей Антонов Читатель 9 августа 2009 в 14:36 отредактирован 23 мая 2018 в 08:55

    Для разработки профессионального сайта, например такого как этот, знания исключительно графических программ явно не достаточно. Тем более сайтов, работающих только на HTML (сгенерированным Дремвивером) в сети практически не осталось. Так что описанный перечень знаний и навыков весьма не полный. Вряд ли Вы далеко уедете без использования технологий PHP, JS, CGI итп., ну или хотя бы достаточно популярных CMS.

  • интересно, как раз собираюсь в эту область подаваться

    Оценка статьи: 5

  • Владислава Меньшикова Владислава Меньшикова Читатель 9 августа 2009 в 10:09 отредактирован 9 августа 2009 в 10:17

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