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

25
Просмотров: 1 966

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

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

1. «Adobe Photoshop»,  по-русски просто «Фотошоп». Универсальная программа, с которой начинает,  каждый веб-дизайнер. Здесь вы можете создать иллюстрации, фотоколлажи, просто красивую шапку для своего сайта и даже несложную анимацию.
Помимо этого, в «Фотошопе» можно просто мастерски обработать фотографии: уменьшить/увеличить, добавить контраст, улучшить цвета, убрать всевозможные дефекты. Можно также создать очень реалистичный фотомонтаж, где вы изображены, к примеру, в обнимку Владимиром Путиным.
Освоение «Фотошопа» много времени не занимает, к тому же интернет просто завален уроками для этой программы. Очень широко «Фотошоп» применяется для глянцевых изданий: каждая модель в журнале обладает прекрасной гладкой кожей, сияющими глазами и безупречной фигурой без грамма лишнего жира.

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

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

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

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

Ну и самое главное, это ваше желание, все перечисленные программы тут не очень сложные, и немного терпения и опять таки желания поможет вам быстро их освоить!

25 КОММЕНТАРИИ

  1. Raptor, а я бы оставил только эти софтины:

    1. «Adobe Photoshop» или можно «Adobe ImageReady» — хороши оба вместе.
    2. «Adobe Flash»
    3. «Adobe Dreamweaver»

    Все другое — это лишь дополнение функций, которыми обладают эти три программы.

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

  3. Inkto, конечно, ведь множество сайтов, а так же баннеров созданы с программой «Adobe Flash»

    Зачем дизайнеру Adobe Dreamweaver?, как же когда в фотошопе создан шаблон, его ведь надо потом превратить в сайт. Вот для этого и нужен Dreamweaver

  4. > когда в фотошопе создан шаблон, его ведь надо потом превратить в сайт.
    Это уже работа кодера, а не дизайнера.

  5. Согласен с Inkto. Если дизайнер всё таки настоящий и работает, допустим, в какой-нибудь фирме, то заниматься превращением шаблона в сайт он не будет, ибо это не его работа и ему за это не платят. 😉

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

  6. Поправлю 🙂 Работа верстальщика, превратить дизайнерский шаблон в ХТМЛ макет 🙂 В последнее время верстальщики не только режут макеты, но и дополняют их JS скриптами (функционалом WEB 2.0. — меню, формочки, галлереи и т.д.). Обычно говорят «разверстать (порезать) шаблон (макет)».

    Дизайнер должен только рисовать (придумать идею и изобразить).

    Работа программиста превратить шаблон (HTML шаблон) в сайт — вот тут и обычно и называют их программеры, кодеры (кодеры редко).

    Flash как таковой дизайнеру не нужен, анимированые баннеры и Flash сайты — это работа аниматоров и программистов.

    Illustator — можно обойтись и без него, хотя также можно обойтись и без Фотожопа 🙂

    Естественно никто не запрещает дизайнеру знать принципы верстки, пару языков программирования и владеть навыками анимации. 🙂

  7. Да забыл сказать что 3D пакеты — Вэб дизайнеру не обязательно знать. На худой лад есть люди которые хорошо знают 3D Max , Maya и могут изобразить в них все что угодно.

    И опять же знание 3Д пакетов и умение хорошо в них работать также большой + к дизайнеру 🙂

    Хмм если его еще научить работы с БД (базами данных), то такой человек сможет заменить команду как минимум из 3-х людей 🙂 И таких очень любят работодатели 🙂 «Зачем платить больше ?» 🙂 Но факт остается неизменным от такого каламбура будет посредственный работник, в итоге все равно уйдет в одну ветвь развития. либо углубится в дизайн дальше, либо в программрование

  8. Мой список:
    -Adobe Photoshop
    -Adobe Flash
    -NotePad++ (для кодирования)

    Зачем Веб-Дизайнеру такие мощные программы для 3D — не понятно. Если уж юзаем фотошоп, то Иллюстратора вполне хватит, чтобы создать какой-нибудь рисунок в 3D стиле (тексты там всякие объемные и т.п.). Если фотошоп не юзаем, то Иллюстратора ВЕБ-ДИЗАЙНЕРУ от него толку мало, сучше тогда пользоваться Корелом.

    P.S. Раптор, сделай для текста поста, плиз, шрифт без засечек. Я на блог боюсь уже заходить, глаза жутко болят.

  9. Шрифт без засечек это Arial, Verdana и т.п.
    С засечками это всякие Times New Roman и т.п.
    У тебя типографский шрифт, на мониторе такой текст читать безумно тяжело, если его много.
    Ты ж дизайнер, подправь плиз. Я вот сейчас перчатаю, а у меня слезы уже текут, хотя зрение отличное

    • FlexZERO, постараюсь исправить если это возможно.
      P.S Изменить шрифт не возможно, только поменять саму тему.

  10. все перечисленные программы тут не очень сложные, и немного терпения и опять таки желания поможет вам быстро их освоить

    Немного ахреневаю 🙂 Фотошоп и Синема — не очень сложные программы??? Немного терпения — и мы можем быстро освоить их??? Ты шутишь? 🙂 Люди осваивают их годами, и всё равно открывают для себя всё новые и новые возможности, а ты говоришь — быстро 🙂
    Но если ты имеешь в виду применение простейших фильтров, пользование простейшими приёмами — то да, может, и быстро…

    Изменить шрифт не возможно, только поменять саму тему

    А разве шрифт не прописан в файле стилей? Меняешь шрифт с засечками на шрифт без засечек, ничего невозможного тут нет..

    • А разве шрифт не прописан в файле стилей? Меняешь шрифт с засечками на шрифт без засечек, ничего невозможного тут нет..

      При условии, что сидишь на своем хосте, и есть возможность и доступ к файлу стилей. А когда сидишь на бесплатном хостинге от WP, то тут как в тюрьме :), что администрация разрешила то и можно делать.
      Запрещено, больше чем разрешено 🙂
      Так что засечки и шрифт не возможно тут поменять, только все полным комплектом, вместе с темой 🙂

  11. Ооо.. ясно, теперь поняла… жаль 🙁 Может, действительно сменить тему? Я, к примеру, пишу сейчас ответ — глаза таки выворачивает, прав FlexZERO.

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

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

  12. ОК 🙂 А я, видишь ли, настолько впечатлилась замечанием FlexZERO, что пошла менять шрифты у себя — стоял Georgia, поставила Arial — действительно, много лучше смотрится 🙂

  13. Аха, оказывается, Georgia на первом месте! Но Arial, мне кажется, более читабелен — сразу глазам стало проще. Против глаз не попрёшь 🙂

ОСТАВЬТЕ ОТВЕТ