4 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Что лучше веб дизайнер или веб программист

В чем разница между веб-разработчиком и веб-дизайнером

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

Чем занимается веб-дизайнер?

Создает макеты, строит интерфейсы и продумывает взаимодействие клиента с веб-сайтом — превращает идею или историю в визуально привлекательный дизайн. Как архитектор создает план дома, так и веб-дизайнер создает макет сайта для дальнейшей реализации.

Какова роль веб-разработчика?

Веб-разработчик реализует идею веб-дизайнера, превращая макет в рабочий продукт. Его задача — разработать клиентскую (фронтенд) или серверную (бэкенд) части будущего ресурса. Также есть full-stack разработчики — они способны полностью создать рабочее приложение: и бэкенд, и фронтенд.

Так веб-разработчик может создать дизайн сайта?

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

Кто такой фронтенд-разработчик?

Фронтенд-разработчик обеспечивает разработку внешнего вида сайта — из макета, подготовленного дизайнером, создает рабочий интерфейс, с которым сможет взаимодействовать пользователь. Обычно для реализации используют языки HTML, CSS, JavaScript и разнообразные фреймворки.

А бэкенд-разработчик?

Бэкенд-разработчик занимается серверной частью ресурса — тем, что обычно скрыто от пользователя. Человек, занимающийся бэкендом — это тот, кто разрабатывает серверную логику и осознает, в каком контексте она будет исполняться. Большинство веб-приложений используют базы данных. Поэтому бэкенд-разработчик должен иметь навыки работы с популярными СУБД.

Кто такой full-stack разработчик?

Full-stack разработчики обладают всеми знаниями и умениями веб-разработчика: как в области фронтенда, так и бэкенда. Сейчас стандартом для full-stack разработчика считается знание верстки, клиентской и серверной частей ресурса, а также баз данных и различных фреймворков.

Как много можно на этом заработать?

Труд веб-дизайнера и веб-разработчика по данным портала trud.com оценивается в среднем 35 000–60 000 рублей в месяц, что выше или совпадает со средним показателем по России — 35 000 рублей в месяц, согласно данным banki-v.ru. У этих профессий нет ограничения зарплат сверху, и на заработную плату влияют в большей степени навыки и знания, чем стаж работы.

С чего мне начать?

Чтобы получить все необходимые в профессии навыки, начните с обучающих курсов:

  • По окончании курса для веб-дизайнера вы будете уметь профессионально работать в редакторе Adobe Photoshop, представлять, что такое дизайн, проектирование веб-интерфейсов и построение интерфейсов мобильных приложений.
  • Курс для веб-разработчика сделает из вас полноценного full-stack специалиста, способного создать клиентскую сторону ресурса при помощи HTML5, CSS3, JavaScript, а также умеющего работать с базами данных и имеющего практический работы с PHP и фреймворком Yii2.

В дальнейшем продолжайте развиваться самостоятельно, осваивая новые технологии и развивая профессиональные навыки.

29 февраля 2012 | Опубликовано в статьюшечки | 26 Комментариев »

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

Вам не кажется немного странным, когда в списке требований на должность «Графический дизайнер» указывают знание Flash, Dreamweaver, PHP, CSS, Java Script (умение играть на балалайке и садиться на шпагат )? Первое что приходит на ум: работодатель сам не знает, какие навыки нужны графическому дизайнеру и создаёт список требований по какому-то шаблону, или же просто хочет сэкономить на кадрах.

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

Различия между дизайнерами и программистами

Есть много различий между представителями этих профессий , вот некоторые из них:

1. Дизайнеры отвечают за визуальную составляющую сайта.

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

3. Дизайнерам нужны кодеры, чтобы заставить их проект работать, а кодерам нужны дизайнеры, чтобы сделать сайт визуально привлекательным.

4. Дизайнеры любят фильм «Звёздные воины», а программисты любят фильм «Властелин Колец». Нормальным людям нравятся оба эти фильма.

5. Дизайнеры тратят сотни долларов каждый год на книги Pantone, чтобы в итоге услышать от клиента, что «нужно сделать красный немного синее». Программистам же достаточно купить футболку с хоббитами на рынке, и они счастливы.

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

7. Многие люди после того, как купили компьютер и нужное программное обеспечение с гордостью называют себя «дизайнерами». Большинство же программистов скрывают свой ​​позор называя себя «веб-разработчиками».

8. Если кодеру скажут спроектировать дом, это будет стандартное, надёжное, квадратное, возможно, с одним или двумя окнами здание. Графические дизайнеры создадут круглое стеклянное сооружение, которое стоит на золотом карандаше. Главное, чтобы это было красиво, а то, что жить в этом здании будет смертельно опасно, не имеет никакого значения.

Читать еще:  Данилов дмитрий евгеньевич 1983 2004 кто он

9. Дизайнеры постоянно всё переделывают (не только по желанию клиента, но и по собственной инициативе), потому что их всегда не устраивает результат. У программистов же есть время, чтобы наслаждаться жизнью . хотя они тратят это время на видеоигры или сидя в чатах для кодеров.

10. Дизайнеры мечтают стать богатыми и знаменитыми, чтобы люди просили у них автографы, но этого никогда не произойдет, потому не может произойти вообще. Программисты тоже мечтают стать богатыми и знаменитыми, но, судя по Биллу Гейтсу и Марку Цукербергу, у них больше шансов.

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

Оригинал изображения здесь. Русская версия взята отсюда.

Несмотря на различия .

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

Но работают-то они в одной команде, делают вместе что-то из ничего, они одинаково страдают от клиентов, которые не знают ничего о создании сайтов, людей, которые смеются над «Звёздными воинами» и «Властелином колец».

Давайте жить дружно!

Рекомендуем к просмотру небольшое видео, которое подскажет, как наладить контакт дизайнеру и разработчику.

  • Опубликовано в статьюшечки, февраля 29, 2012
  • Метки: веб дизайн, веб-дизайнер, веб-разработчик

Комментарии

  1. web-creator.com.ua
    29 февраля 2012 в 23:05

статья вранье полное!

Согласен, особенно пункт 4, про Звездные Войны. И с каких это пор рисоваки любят этот фильм. А властелин колец вообще УГ, пусть сами его смотрят, дизайнеры эти.

Просто перевод такой перевод

Адаптации под отечественные реалии нет

Web Designers make it look good.

Web Developers make it work.

Ну иноземцев свои реалии, а у нас свои:) Я вот вообще ненормальный человек тогда, потому как к этим фильмам равнодушен, хотя и смотрел:)

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

Статья отвратительная. Ничего общего с реальностью.

Если поменять дизайнера и прогера местами будет даже похоже на правду

anna
1 марта 2012 в 13:09

———————про Звездные Войны. И с каких это пор рисоваки любят этот фильм?? ——————

Я люблю их оба, хор. фильмы еп.

Дизайнер
2 марта 2012 в 16:37

Не путайте веб-дизайн и все остальные виды дизайна.

А любой уважающий веб-дизайнер обязан знать азы верстки.

Автор явно имеет очень далекое понятие и о дизайне и о верстке. *PARDON*

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

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

На счет фильмов, диз. любит одно, разраб. другое, а «нормальный человек» любит обе вещи. В этом смысл?

Карамба!
5 марта 2012 в 9:40

Нда. По-нашему, так переведённая статья имеет какое-то маркетинговое навязывание непонятной хрени и атрибутики к данным профессиям. Ну что это такое — «веб-дизайнер не расстаётся с макбуком»? Это конечно понятно, что всё это в полу-шутку, но чот не очень, ага. Женщин опять привязали к интересам. Вообще такой юмор был актуален в 1995—2000гг, когда вау-фактор и всякие ёу-слова имели место, а сейчас чот не то. И так далее и так далее.

По-нашему, так всё это писалось каким-то школьником. Переводчики — бдите! %) *CRAZY*

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

Всё верно! У нас свой менталитет, и нам неприемлем зарубежный устаревший юмор. 🙂

Артем
7 июня 2013 в 13:01

бля я хочу кодить и дезайн делать и в принцепе тут трудного ничего нет=) 😛

RedRain
9 октября 2013 в 18:53

Читать еще:  Как защитить сайт от взлома

«Заставило написать свое мнение»

В этой статье описываются отличия веб-разработчика и веб-дизайнера. Обе профессии мне нравятся. Что заставило меня написать свой отзыв здесь, так это предложение в этом тексте: «Если кодеру (веб-программисту) скажут спроектировать дом, это будет стандартное, надёжное, квадратное, возможно, с одним или двумя окнами здание. Графические дизайнеры создадут круглое стеклянное сооружение, которое стоит на золотом карандаше. Главное, чтобы это было красиво, а то, что жить в этом здании будет смертельно опасно, не имеет никакого значения. » Это предложение меня «умиляет». Я пока имею слабое представление о современных дизайнерах, но если это действительно правда, что дизайнера приносят функциональность и надежность в жертву красоте, то я, простите — мамонт, а не дизайнер. Почему? Потому что в моем понимании красоты, не создать красивый телефон, который от одного падения будет ломаться и стоить своему хозяину большого и капитального ремонта? В моем понимании, красота — это функциональность и надежность, гармонирующая с той долей красоты, которая не выходит за рамки данной функциональности и надежности. По моему мнению телефон тогда будет красивый, когда сможет «отстоять красоту» надежностью под ударами об асфальт и ныряний в пиво из-за своего не в меру трезвого хозяина. Красивый но хрупкий телефон, конечно, интересная весч, но до той поры, пока эта весч не покажет свое «уродство» под тяжестью реалий современной жизни. Красивый аппарат, это скромный дизайн, кроткий перед своим защитником — надежностью и архаичностью. Скромность украшает и возвышает, вульгарность и хрупкость может гармонировать только с достаточным количеством «брутальной» надежности.

RedRain
9 октября 2013 в 18:55

Здесь показано, что дизайнер никуда не ходит без своего айпода и айфона.

Вы уж меня простите, злобного и невежественаГо, но если дизайнер так подвержен попсе и гламурщине, то о каком воображении и широком сознании идет речь? По вашему мнению (статье) дизайнер — это козел, идущий за стадом?

Владимир
18 сентября 2014 в 17:26

Веб-дизайнер vs Веб-разработчик

Отличия

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

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

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

Творчество и математика

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

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

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

Инструменты

Но подход к работе это одно, даже его можно поменять, а вот набор используемых инструментов — это как раз то, что описывает заявленную в заголовке разницу не только в философских рассуждениях, но и в конкретных строках резюме. Веб-дизайнер оперирует в основном графическими редакторами (Adobe Photoshop, Illustrator, Creative Cloud, Corel PaintShop Pro, GIMP, Inkscape, Fotor), маленькими вспомогательными программами для выбора цветов (0to255, Colour lovers), шрифтов (Font Flipper, Photoshop Font Detector, Prototypo), работы с картинками (Coverr, IconStore, UI Faces, Placeit, Subtle Patterns). И конечно должен быть набор шаблонов, потому что, так повелось, веб-дизайнеры не очень любят заниматься непосредственно сложной вёрсткой.

Веб-разработчик, конечно, тоже использует многие из указанных программ, но всё же основными инструментами считает те, что помогают непосредственно со «скелетом». Прежде всего это редакторы кода (Sublime Text, Visual Studio Code, Komodo Edit, Aptana), инспекторы (встроенные в Safari и Chrome), отладчики (Firebug, Fiddler) и тестировщики.

Резюме и оплата

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

Читать еще:  Самолет кукурузник рисунок

Что касается зарплат, то здесь в подтверждение стартовому допущению разработчики имеют небольшое преимущество. Так в Москве средняя зарплата веб-дизайнера составляет 64 тысячи рублей, а разработчика — 76 тысяч рублей, а, например в Краснодарском крае эта пропорция составляет 39/44.

Общее

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

В прошлом тексте мы бегло рассмотрели отличия front-end, back-end и full-stack разработки, решая, какие языки могут понадобиться и насколько долгим может оказаться путь. В этот раз мы взглянем на вопрос чуть уже, выявив отличия между веб-дизайнером и полноценным front-end разработчиком (для упрощения, в дальнейшем мы будем называть его просто веб-разработчик).

Отличия

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

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

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

Творчество и математика

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

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

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

Инструменты

Но подход к работе это одно, даже его можно поменять, а вот набор используемых инструментов — это как раз то, что описывает заявленную в заголовке разницу не только в философских рассуждениях, но и в конкретных строках резюме. Веб-дизайнер оперирует в основном графическими редакторами (Adobe Photoshop, Illustrator, Creative Cloud, Corel PaintShop Pro, GIMP, Inkscape, Fotor), маленькими вспомогательными программами для выбора цветов (0to255, Colour lovers), шрифтов (Font Flipper, Photoshop Font Detector, Prototypo), работы с картинками (Coverr, IconStore, UI Faces, Placeit, Subtle Patterns). И конечно должен быть набор шаблонов, потому что, так повелось, веб-дизайнеры не очень любят заниматься непосредственно сложной вёрсткой.

Веб-разработчик, конечно, тоже использует многие из указанных программ, но всё же основными инструментами считает те, что помогают непосредственно со «скелетом». Прежде всего это редакторы кода (Sublime Text, Visual Studio Code, Komodo Edit, Aptana), инспекторы (встроенные в Safari и Chrome), отладчики (Firebug, Fiddler) и тестировщики.

Резюме и оплата

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

Что касается зарплат, то здесь в подтверждение стартовому допущению разработчики имеют небольшое преимущество. Так в Москве средняя зарплата веб-дизайнера составляет 64 тысячи рублей, а разработчика — 76 тысяч рублей, а, например в Краснодарском крае эта пропорция составляет 39/44.

Общее

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

Источники:

http://tproger.ru/sponsored/web-dev-vs-web-designer/
http://www.dejurka.ru/articless/web-designers-vs-web-developers/
http://geekbrains.ru/posts/web_designer_vs_developer

Ссылка на основную публикацию
Статьи c упоминанием слов:
Adblock
detector