Каковы обязанности веб-дизайнера

9

Всем привет -

Я разработчик Coldfusion с опытом работы более 2 с половиной лет. У меня есть некоторый опыт работы с Javascript, JQuery и SQL.

Я думал изучать веб-дизайн в свободное время. Каковы обязанности веб-дизайнера? Включает ли это преобразование PSD в HTML / CSS? Должен ли веб-дизайнер хорошо разбираться в графическом дизайне?

Спасибо..

user508518
источник

Ответы:

13

Термин «веб-дизайнер» является довольно общим и не имеет конкретного определения, за исключением того, что они вовлечены в некоторые аспекты проектирования и / или создания веб-сайтов.

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

  • контент-стратег
  • копирайтер
  • Информационный Архитектор
  • Дизайнер взаимодействий
  • Дизайнер интерфейса пользователя
  • Графический дизайнер
  • Разработчик внешнего интерфейса
  • User Experience Designer
  • Юзабилити-аналитик
  • Аналитик доступности

Я бы сказал, что любое из вышеперечисленного можно объединить с «веб-дизайнером».

И еще есть роли, которые мне нравится называть дизайнерами, хотя не все с этим согласны:

  • тестирование пользователя / юзабилити
  • конкурентные и отраслевые исследования
  • SEO (белая шляпа, а не черная шляпа!)
  • АБД
  • Бизнес-аналитик
  • Разработчики Back End

Итак, вместо того, чтобы ответить на ваш вопрос, я разверну его и спрошу одного из вас: какие аспекты веб-дизайна, по вашему мнению, вам нравятся и на которых вы хотите сосредоточиться?

Исходя из вашего ответа о желании сосредоточиться на пользовательском интерфейсе и Front End dev, я бы предложил следующее:

Вероятно, развитие внешнего интерфейса - это расширение ваших текущих навыков. Вы хотите сосредоточиться на HTML, CSS и JS. Если вы уже знакомы с основами JS, вам, вероятно, захочется погрузиться в хороший фреймворк, такой как jQuery, который также поможет с вашим прототипированием.

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

С точки зрения инструментов торговли, вот где вы должны привыкнуть к Photoshop и его родственникам. Реального пути нет.

DA01
источник
Спасибо за ответ. Мой интерес заключается в дизайне интерфейса пользователя / разработчике интерфейса. Но что меня пугает, так это мысль об изучении фотошопа или подобных инструментов для разработки прототипов. Я пытался следовать некоторым урокам по фотошопу, и почему-то мне было немного трудно следовать.
user508518
2
@ user508518 Использование Photoshop для разработки прототипов фактически не пользуется популярностью. Большинство разработчиков теперь понимают, что адаптивные макеты для различных устройств (настольных компьютеров, телефонов и т. Д.) Важнее макетов фотошопа с идеальным разрешением. Макеты Wireframing UI вновь обрели популярность.
ghoppe
Хороший ответ! Я просто согласен, что термин «веб-дизайнер» больше ничего не значит. Мы говорим о начале и конце разработки в моей команде
Bosworth99
3

Добавив немного к отличному ответу DA01, вам не нужно изучать Photoshop для разработки веб-сайтов. Вам даже не нужно использовать WYSIWYG-редактор, такой как Dreamweaver (хотя это, безусловно, может помочь ускорить процесс, особенно с новыми инструментами в CS5 и 5.5); Есть много веб-дизайнеров, которые используют только текстовый редактор и коллекцию браузеров. Я использую DW, но 90% моего кода выполняется в редакторе, и я редко создаю прототипы в отдельной программе, несмотря на то, что чувствую себя как дома с Photoshop, Illustrator и т. Д.

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

Я бы предложил lynda.com и tv.adobe.com в качестве отправных точек. На обоих сайтах есть отличные учебники.

Примечание: лучший способ набрать скорость - это взять реальный проект, чтобы работать над ним, что заставит вас узнать, как это делать. Конечно, он даст вам заряд адреналина, но все, что вы узнаете в живом проекте, становится частью вашего инструментария и не забывается. Мой первый Flash-проект (огромный многостраничный интерактивный киоск) был таким. Пять долгих дней глубокого погружения в ActionScript с непосредственным применением в реальном мире оставили мне набор навыков, которые я никогда не терял.

Алан Гилбертсон
источник
2

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

  1. Простота в использовании и понимании
  2. Привлекательный (в конце концов, если это непривлекательно, никто не потрудится использовать это)
  3. Хорошо сложенный (чтобы клиенты чувствовали, что они получили хорошую сделку, и поэтому продукт не возвращается и зарабатывает себе плохую репутацию)
  4. Весело говорить о. В идеале, ваш дизайн заставит людей говорить о вашей мышке, используя сам дизайн как способ ее распространения.

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

Саа
источник