Які обов'язки веб-дизайнера


9

Усім привіт -

Я розробник Coldfusion з досвідом понад 2 з половиною років. У мене є досвід роботи з Javascript, jquery та sql.

Я думав навчитися і веб-дизайну у вільний час. Які обов'язки веб-дизайнера? Чи передбачає це перетворення PSD в HTML / CSS. Чи повинен веб-дизайнер бути хорошим і в графічному дизайні?

Дякую..

Відповіді:


13

Термін "веб-дизайнер" є досить загальним і не має конкретного визначення, крім того, що вони залучені до певного аспекту проектування та / або створення веб-сайтів.

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

  • контент-стратег
  • копірайтер
  • Інформаційний архітектор
  • Дизайнер взаємодій
  • Дизайнер інтерфейсу користувача
  • Графічний дизайнер
  • Передній розробник
  • Дизайнер досвід роботи
  • Аналітичність використання
  • Аналітика доступності

Я б сказав, що будь-що з перерахованого вище може бути об'єднано у "веб-дизайнер"

І тут є ролі, які я також люблю називати дизайнерами, хоча не всі згодні:

  • тестування користувача / зручності
  • конкурентні та галузеві дослідження
  • SEO (білий капелюх, а не чорний капелюх!)
  • DBA
  • Бізнес-аналітик
  • Back End Developers

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

Виходячи з вашої відповіді про бажання зосередитись на інтерфейсі користувача та розробниках Front End, я б запропонував таке:

Передній розвиток, ймовірно, є розширенням ваших сучасних навичок. Ви хочете зосередитись на HTML, CSS та JS. Якщо ви вже знаєте основи JS, ви, швидше за все, захочете зануритися в хороші рамки, такі як jQuery, що також допоможе у вашому прототипуванні.

Що стосується дизайну інтерфейсу, то це дещо інше тло. Більшість дизайнерів інтерфейсу мають досвід мистецтва та дизайну. Тож для цього вам захочеться зосередитись на таких навичках, як малювання, діаграми, теорія кольорів, форма, мистецтво, типографія тощо. Потім вони поєднують це з навичками типу людського фактора, такими як найкращі практики використання, евристичні оцінки, дизайн взаємодії, тощо.

Що стосується інструментів торгівлі, то тут вам доведеться звикати до Photoshop та його споріднених. Немає реального способу цього.


Дякую за відповідь. Моя зацікавленість полягає в дизайнері користувальницького інтерфейсу / розробнику інтерфейсу. Але що мене трохи лякає - це думка вивчити фотошоп чи подібні інструменти для розробки прототипів. Я спробував дотримуватися деяких навчальних посібників на фотошопі, і мені чомусь було важко дотримуватися.
user508518

2
@ user508518 Використання Photoshop для розробки прототипів насправді не вдається. Більшість розробників зараз усвідомлює, що адаптивні верстки для різних пристроїв (настільних комп’ютерів, телефонів тощо) важливіші, ніж ідеально підібрані для пікселів макети фотошопу. Моделі інтерфейсу інтерфейсу з інтерфейсом набули популярності.
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. Приємно говорити. В ідеалі ваш дизайн змусить людей поговорити про вашу мишу, використовуючи сам дизайн як спосіб його поширення.

Для інших продуктів, звичайно, знадобляться різні речі, але можливість бачити, що хочуть клієнти, а не те, що ледь вирішує проблему або те, що користувачі думають, що хочуть, - корисна точка зору при розробці більшості речей.

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.