웹 디자이너의 책임은 무엇입니까


9

안녕 모두-

저는 2 년 반 이상의 경험을 가진 Coldfusion 개발자입니다. Javascript, jquery 및 sql에 대한 경험이 있습니다.

나는 자유 시간에 웹 디자인을 배우려고 생각했다. 웹 디자이너의 책임은 무엇입니까? PSD를 HTML / CSS로 변환하는 것과 관련이 있습니까? 웹 디자이너도 그래픽 디자인에 능숙해야합니까?

감사..

답변:


13

'웹 디자이너'라는 용어는 다소 일반적이며 웹 사이트 디자인 및 / 또는 구축의 일부 측면에 관련된 것 외에는 특별한 정의가 없습니다.

웹 디자인 프로젝트에 참여할 수있는 역할은 프로젝트마다, 팀마다, 회사마다 다를 수 있지만 다음은 다양한 역할 목록입니다.

  • 콘텐츠 전략가
  • 카피라이터
  • 정보 아키텍트
  • 인터랙션 디자이너
  • 사용자 인터페이스 디자이너
  • 그래픽 디자이너
  • 프론트 엔드 개발자
  • 사용자 경험 디자이너
  • 사용성 분석가
  • 접근성 분석가

위의 내용 중 하나라도 '웹 디자이너'에 집중 될 수 있다고

그리고 디자이너들에게 전화를 걸고 싶은 역할도 있지만 모두가 동의하는 것은 아닙니다.

  • 사용자 / 사용성 테스트
  • 경쟁 및 산업 연구
  • SEO (검은 모자가 아니라 흰 모자!)
  • DBA
  • 비즈니스 분석가
  • 백엔드 개발자

따라서 귀하의 질문에 대답하는 대신, 그 질문에 대해 다시 한 번 물을 것입니다. 웹 디자인의 어떤 측면을 좋아하고 집중하고 싶습니까?

UI 및 프론트 엔드 개발자에 중점을두고 싶다는 귀하의 답변에 따라 다음을 제안합니다.

프론트 엔드 개발은 현재 기술의 확장 일 것입니다. HTML, CSS 및 JS에 집중하고 싶을 것입니다. JS의 기본 사항을 이미 알고 있다면 jQuery와 같은 좋은 프레임 워크로 뛰어 들어 프로토 타이핑에도 도움이 될 것입니다.

UI 디자인의 경우 배경이 약간 다릅니다. 대부분의 UI 디자이너는 예술과 디자인에 대한 배경 지식이 있습니다. 이를 위해 드로잉, 다이어그램, 색상 이론, 형태, 예술, 타이포그래피 등과 같은 기술에 중점을 두어야합니다. 그런 다음 유용성 모범 사례, 휴리스틱 평가, 상호 작용 디자인, 기타

무역 도구 측면에서 포토샵과 그 친척들에게 익숙해 져야 할 곳입니다. 그 주위에 실제 방법은 없습니다.


답변 해주셔서 감사합니다. 저는 사용자 인터페이스 디자이너 / 프런트 엔드 개발자에 관심이 있습니다. 그러나 조금 두려워하는 것은 프로토 타입을 개발하기 위해 포토샵이나 이와 유사한 도구를 배우는 것입니다. 포토샵에서 몇 가지 튜토리얼을 따르려고 시도했지만 어쨌든 따라하기가 다소 어려웠습니다.
user508518

2
@ user508518 프로토 타입을 개발하기 위해 Photoshop을 사용하는 것은 실제로 좋아지지 않습니다. 대부분의 개발자는 이제 다른 장치 (데스크톱, 전화 등)에 대한 적응 형 레이아웃이 완벽한 픽셀 모형보다 중요하다는 것을 알고 있습니다. 와이어 프레이밍 UI 모형이 인기를 얻었습니다.
ghoppe

좋은 대답입니다! "웹 디자이너"라는 용어가 더 이상 의미가 없다는 것에 동의합니다. 우리 팀의 프론트 엔드 및 백엔드 개발을 참조하십시오
Bosworth99

3

DA01의 훌륭한 답변에 약간의 추가로 웹 사이트를 디자인하기 위해 Photoshop을 배울 필요가 없습니다. Dreamweaver와 같은 WYSIWYG 편집기를 사용할 필요조차 없습니다 (특히 CS5 및 5.5의 새로운 도구를 사용하면 프로세스 속도를 높일 수는 있지만). 텍스트 편집기와 브라우저 모음 만 사용하는 웹 디자이너가 많이 있습니다. DW를 사용하지만 코드의 90 %가 편집기에서 수행되며 Photoshop, Illustrator 등을 사용하는 집에도 불구하고 별도의 프로그램에서 광범위하게 프로토 타입을 제작하는 경우는 거의 없습니다.

즉, 사용자 정의 버튼이나 사이트 배너 일지라도 그래픽 비트가 필요한 상황에서 필연적으로 자신을 만들거나 기존 아트웍에서 적응하거나 누군가를 조롱해야합니다. 당신. 따라서 Fireworks, Photoshop 등과 같은 그래픽 응용 프로그램이있는 기본 시설이 필요합니다.

lynda.comtv.adobe.com 을 시작점으로 제안 합니다. 두 사이트 모두에 훌륭한 자습서가 있습니다.

참고 : 속도를 높이는 가장 좋은 방법은 실제 프로젝트를 수행하여 작업 수행 방법을 찾도록하는 것입니다. 물론 아드레날린이 진행될 수 있지만 실제 프로젝트에서 배우는 모든 것이 툴킷의 일부가되어 잊혀지지 않습니다. 저의 첫 번째 Flash 프로젝트 (대형 멀티 페이지 인터랙티브 키오스크 디스플레이)는 그런 식이었습니다. 실생활에 즉시 적용 할 수있는 ActionScript로 5 일 동안 딥 다이빙을하면서 필자는 결코 잃어버린 기술을 잃게되었습니다.


2

웹 디자이너는 대부분의 디자이너와 동일한 일을 담당하며 툴킷 (css)은 디자인을 기본적으로 이해하는 것만 큼 중요하지 않습니다. 물론 코딩 할 수없고 포토샵에서 혼란을 일으킬 수있는 경우 웹 프로젝트에서 거의 유용하지 않습니다. 좋은 웹 디자이너 또는 일반적인 디자이너를 만드는 것을 생각하는 간단한 방법은 다음과 같습니다. 디자이너는 고객이나 사용자의 관점에서 제품을 볼 책임이 있습니다. 예를 들어, 컴퓨터 마우스를 디자인하는 경우 마우스를 만드는 책임이 있습니다.

  1. 사용하기 쉽고 이해하기
  2. 호소 (결국 매력이 없다면 아무도 그것을 귀찮게하지 않을 것입니다)
  3. 잘 구축 (고객이 좋은 거래를 느끼고 제품이 반환되지 않아서 나쁜 평판을 얻도록)
  4. 이야기하는 재미. 이상적으로 디자인은 사람들이 디자인 자체를 확산시키는 방법으로 마우스에 대해 이야기하기를 원할 것입니다.

물론 다른 제품에는 다른 것들이 필요하지만 문제를 거의 해결하지 못하거나 사용자가 원하는 것으로 생각하지 않고 고객이 원하는 것을 볼 수있는 능력은 대부분의 것을 설계 할 때 유용한 관점입니다.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.