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

Блог Кирилла

Наблюдаю из-за границы за блогосферой Рунета

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

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

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

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

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

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

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

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

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




Похожие посты:


2a75c51f

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

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

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

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

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

  3. А зачем дизайнеру Adobe Dreamweaver? Это скорее для кодера.
    А Adobe Flash? Разве дизайнеры им пользуются?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  10. FlexZERO,

    сделай для текста поста, плиз, шрифт без засечек

    Вот этого не понял, что значит шрифт без засечек?

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

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

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

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

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

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

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

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

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

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

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

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

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

Добавить комментарий

Политика конфиденциальности