웹 디자이너는 코드를 알아야합니까? 피곤한 토론에서 타협 찾기

웹 디자이너가 기본 HTML 및 CSS를 이해해야합니까? 양보하기를 거부하는 것은 논쟁의 여지가 있지만 왜 논의하지 않습니까?

이 기사의 목적은 어느 그룹이 옳은지를 증명하는 것이 아니라 양측이 실제로 유효한 포인트를 제시하고 이러한 포인트를 분석하여 양 당사자가 동의 할 수있는 타협점을 찾는 지 확인하려는 것입니다.

핫 토픽

지난주 기사 중 하나는 웹 디자이너가 웹 페이지를 만드는 데 관련된 코드를 기본적으로 이해해야한다는 의미에 대해 몇 가지 의견을 제시했습니다. 많은 사람들이이 제안에 박수를 보냈지 만, 같은 수의 독자들이이 제안을 무시했습니다.

이 주제는 웹상의 거의 모든 디자인 블로그에서 오랫동안 논의 된 주제입니다. 토론에는 두 가지 뚜렷한 측면이 있으며, 그 회원들은 결코 교차하지 않을 모래에 명확한 선을 그렸습니다.

난 옳고 너는 틀렸어

코드를 이해하는 것이 디자인에 필요하지 않다고 믿는 사람은 단순히이 견해가 잘못 될 수 있다는 생각을 거부합니다. 마찬가지로 코드를 잘 이해 한 디자이너는 더 나은 디자이너가 아니라고 확신 할 수 없습니다.

"디자이너는 코드를 알아야하거나 그렇지 않아야합니다. 그러한 간단한 주장은 타협 할 여지를 거의 남기지 않습니다."

그래서 어디로 우리를 떠나? 우리는 양측이 회사를 보유하고있는 움직일 수없는 교착 상태에있는 것 같습니다. 여기서 가장 큰 문제는 중간 근거가없는 것입니다. 디자이너는 코드를 알아야하거나 알지 않아야합니다. 이러한 간단한 주장은 타협 할 여지를 거의 남기지 않습니다.

그러나 양측이 그들의 견해에 고착하고 있다는 사실은 각국이 간과해서는 안되는 중요한 점이 있음을 나타냅니다. 오늘 우리는 이러한 점들을 존중하고 어려운 중간 점을 찾으려고 노력할 것입니다. 바라건대, 우리는 양측이 적어도 부분적으로 가입 할 수 있다는 결론을 향해 논의를 이끌 수 있기를 바랍니다.

웹 개발 상태

토론의 본질을 감안할 때, 우리 중 일부는 웹 사이트 구축 방식을 이해하고 일부는 그렇지 않은 것으로 가정합니다. 이를 염두에두고 용어를 간단히 정의하면 모든 사람이 같은 페이지에 참여할 수있게됩니다.

빠르고 더러운 요점은 HTML이 컨텐츠에 사용되고 CSS는 스타일링에 사용되고 JavaScript는 동작에 사용된다는 것입니다. 다음은 약간 단순화되었지만 기본 웹 페이지가 작성되는 일반적인 상태를 반영합니다.

"컨텐츠에는 HTML, 스타일링에는 CSS, 행동에는 JavaScript가 사용됩니다"

일반적인 페이지에는 HTML을 통해 삽입 된 텍스트, 링크 및 기본 이미지가있을 수 있으며 그 구조는 전체 디자인의 계층을 제공합니다. HTML은 페이지의 뼈대입니다.

마찬가지로 CSS는 페이지의 스킨입니다. 여기서는 색상, 글꼴 및 레이아웃까지 CSS를 통해 대부분의 미적 선택이 이루어집니다. 디자이너가 수행하는 대부분의 작업은 CSS를 사용하여 수행되므로 디자이너가 코드에 대해 이해해야하는 경우 시작하기에 좋은 곳입니다.

JavaScript는 귀하의 페이지를위한 선택적인 두뇌입니다. 멋진 슬라이드 쇼나 다른 동적 기능을 원한다면 JavaScript가 가장 좋은 방법입니다. 최근에 CSS3는 JavaScript의 행동 천둥 중 일부를 훔칠 수있는 문장으로 발전해 왔기 때문에 한 줄처럼 명확하지 않습니다.

거래 이해

어떤 유형의 디자이너인지에 관계없이 자신이 만들고있는 내용의 본질을 이해하려고 노력하는 것이 경력에 중요하지 않다고 주장하기는 어렵습니다.

훌륭한 인쇄 디자이너는 인쇄 및 주변 프로세스에 대해 모두 알고 있습니다. 기본적인 4 가지 컬러 인쇄 작업, 용지가 광고 크기로 잘리는 방법 및 파일 설정과 관련된 방법, 사용 가능한 잉크 종류 및 혼합 방법을 이해합니다. 계속 진행됩니다.

기본 지식은이 지식 없이도 완벽하게 생성 할 수 있지만 실제 전문가는 설계 과정에서 프로세스를 설명 할 수 있도록 설계 구현 배후의 프로세스를 배우기 위해 시간과 노력을 투자합니다.

"실제 전문가들은 설계 구현의 배후 프로세스를 배우기 위해 시간과 노력을 투자합니다."

웹 디자이너는 종종이 영역에서 무료 패스를받습니다. 웹 기술은 복잡하기 때문에 디자이너가 이해하기를 비현실적입니다. 결국, 배경색이 디자인 사양과 일치하는 한 배경색이 어떻게 구현되는지는 중요합니까?

이것이 코우 트인가 아니면 합법적 인 주장인가? 웹 디자이너는 실제로 인쇄 디자이너가하는 방식대로 디자인에 생명을 불어 넣는 데 무엇이 필요한지 알아야합니까? 별색과 프로세스 색상의 차이를 아는 것이 더 나은 인쇄 디자이너가된다면 위에서 언급 한 세 가지 기술의 역할, 관계 및 구현을 이해하면 더 나은 웹 디자이너가됩니까?

웹 디자인

웹은 매우 독특한 형태의 미디어입니다. 일부 프로젝트는 높은 수준의 상호 작용을 요구하는 반면, 다른 프로젝트는 쉽게 인쇄 할 수있는 내용 (예 :이 기사)의 디지털 묘사에 지나지 않습니다.

웹 디자이너는 각 시나리오를 분석하고 사이트의 목표와 사용자에게 가장 적합한 미학을 제공해야합니다. 웹의 작동 방식에 대한 기본적인 이해없이 실제로이를 달성 할 수 있는지 여부에 대한 중요한 질문이 제기됩니다.

모바일 사이트를 설계 중이고 고객이로드 시간을 줄이려고한다고 가정 해 보겠습니다. CSS의 기능을 알고 있다면 이미지가 필요없는 매력적인 디자인을 쉽게 만들 수 있습니다. 그러나 크로스 브라우저 호환 그라디언트와 같은 실현 가능성이 확실하지 않으면 단점이 있습니다.

타이포그래피도 마찬가지입니다. 라이브 텍스트가 필요한 부분에 고유 한 글꼴을 사용하고 싶을 때 @ font-face 구현을 이해하는 데 도움이되지 않습니까?

역할 분리

이 토론에서 디자이너와 개발자의 역할이 완전히 분리되어야하는지의 여부에 대한 주요 하위 주장이 제기됩니다. 이것은 양측이 똑같이 정당한 주장을하는 영역입니다.

분리 주의자들은 웹 디자인과 웹 개발은 매우 다른 기술을 요구하는 완전히 다른 두 역할이라고 말합니다. 한 사람의 두 역할을 합치려고하는 것보다 디자인과 기술자만을위한 독창적 인 디자인을 코딩하는 것이 훨씬 좋습니다. 그렇게하려면 한 사람을 너무 많이 요구하면 프로젝트에 어려움이 따릅니다.

실제로 전 세계의 많은 대기업은 웹 팀을 정확하게 이러한 방식으로 처리하며 한 그룹은 디자인을 만드는 데 전념하고 다른 부서는 다른 프로젝트를 거쳐 실제 프로젝트로 전환됩니다. 프로젝트가 Ruby 또는 PHP 응용 프로그램과 같은 높은 수준의 개발 전문 지식을 요구할 때 특히 필요합니다.

"우리 중 어느 누구도 모든 웹 디자인 회사에 적용 할 수있는 단일 형식을 알고 있다고 가정 할 수 없습니다."

그러나 소규모 기업과 프리랜서 운영은 종종 여러 팀의 전문가를 감당할 수 없습니다. 이 시나리오에서 프로젝트를 처음부터 끝까지 볼 수있는 고독한 슈퍼맨은 귀중한 자원입니다. 좋든 싫든, 그러한 개인은 실제로 존재하며, 그중 많은 사람들이 디자인과 개발 모두에서 현저하게 뛰어납니다.

열린 마음으로이 하위 인수에 접근하면 디자이너와 개발자의 역할이 분리되는 것이 유리한 상황과 함께 롤링하는 것이 더 나은 다른 시나리오가 있다는 데 모두 동의 할 수 있습니다. 우리 중 어느 누구도 모든 웹 디자인 회사에 적용 할 수있는 단일 형식을 알고 있다고 가정 할 수 없습니다.

문제의 핵심

위의 논쟁에서 타협점을 찾는 것이 중요한 단계입니다. 디자이너와 개발자 역할을 나누고 합치는 것이 합법적 인 구조라는 데 모두 동의 할 수 있다면 디자이너가 일반적으로 코드를 이해해야하는지에 대한 전반적인 결론을 얻을 수 있습니다.

공통 근거를 찾기 위해 각 논쟁을 분석해 봅시다. 내가이 캠프에 오랫동안 있었기 때문에 순수한 디자이너의 곤경은 이해하기 쉽다. 비주얼 디자인은 많은 사람들이 인정하는 것보다 더 복잡합니다. 사이트를 구축하는 방법을 알고 있기 때문에 사이트를 디자인 할 수 있어야한다고 가정하는 HTML 및 CSS 사용자가 너무 많습니다. 코딩과 마찬가지로 디자인은 기본 교육과 작동하지 않는 요소에 대한 탐색 없이는 성공할 수있는 것이 아닙니다. 디자이너는 단순한 색 구성표를 원하는 사람이 아니라 자신이 보유한 기술을 구축하기 위해 열심히 노력한 고도로 훈련 된 개인입니다.

여기서는 디자인 경험이없는 코더가 디자이너 인 척하는 비즈니스가 없을 것입니다. 마찬가지로, 디자이너는 잘못 작성된 코드를 해킹하는 데 시간을 소비해서는 안됩니다.

그러나 우리는 코드의 기본 이해가 실제로 사이트의 목표에 맞는 것을 만들도록 디자이너를 어떻게 더 잘 준비시킬 수 있는지 위에서 이미 논의했습니다. 그럼 어디로 우리를 떠나?

타협

위의 대화는 약간 길고 불필요하게 보일지 모르지만, 우리가 겪은 논리의 단계는 우리가 결론에 도달 할 수있는 지점으로 가져 오는 데 중요합니다.

양측의 정당한 주장을 염두에두면 타협이 훨씬 더 쉽습니다. 우리는 디자이너가 코드를 이해해야한다고 생각하는 사람들이 디자이너가 실제로 웹 사이트를 코딩하는 사람이라면 실제로 신경 쓰지 않는다는 것을 알 수 있습니다. 그들은 단순히 백엔드가 어떻게 작동하는지에 대한 지식으로 무장하고 더 적합한 frend-end 디자인을 만들 수 있다고 주장합니다.

"때로는 다른 사람의 직업에 대한 통찰력을 통해 더 나은 사람이 될 수 있습니다."

따라서 일부 웹 디자이너는 코드를 작성할 수있는 이점을 누릴 수 있지만 이점은 모든 웹 디자이너에게이 기술이 보편적으로 필요한 것은 아닙니다. 그러나 이는 디자이너가 스타일링 사이트에 들어가는 코드를 이해 해서는 안된다는 말과는 다릅니다.

여기에는 중요한 차이점이 있습니다. 예를 들어, 나는 신문 인쇄의 작동 방식에 대해 많은 것을 이해합니다. 종이와 잉크의 품질과 디자인에서 순수한 검정 대신 진한 검정을 사용하는 것과 같은 개념과 어떻게 관련되는지 이해합니다. 그러나 그것이 내가 나가서 기자실을 관리하는 직업을 가질 수 있다는 것을 의미하지는 않습니다! 더 나은 디자이너가되기 위해 필요한 인쇄의 측면을 이해합니다. 때때로 다른 사람의 직업에 대한 통찰력은 당신이 당신의 일을 더 잘하는 데 도움이됩니다.

마찬가지로 웹 디자이너는 웹 디자이너가 더 나은 웹 디자이너가되도록 코딩의 측면을 이해해야한다고 말할 수 있습니다. 이전 예제를 사용하면 Paul Irish의 Bulletproof Syntax를 기억하지 않고도 @ font-face의 유연성과 제한 사항을 이해할 수 있습니다. 또한 그러한 구현에 필요한 코드를 작성하지 않고도 어떤 브라우저에서 어떤 CSS3 효과가 지원되는지 이해할 수 있습니다.

무기 내려 놔

나는 모든 독자들이 나의 결론에 동의 할 것이라고 상상할만큼 순진하지 않다. 위에서 말했듯이, 그들의 길이 유일한 방법은 아니라고 생각하기를 거부하는 몇몇 사람들이 있습니다. 그러나 위에서 언급 한 논리와 함께이 토론을 끝내는 데 어느 정도 더 가까이 다가 왔는지 여러분 각자에게 촉구합니다.

"귀하의 업무는 설계 결정에 영향을 줄 수있는 정보를 흡수하는 것입니다."

결국, 최종 제품이 만족스러운 한 웹 디자인 회사에서 누가 무엇을 하는가에 관심을 갖는가? 이 목표를 염두에두고, 머리 위로 CSS를 작성할 수없는 웹 디자이너는 절대적인 요구 사항은 아니지만 웹 개발의 기본 특성과 도구를 이해하는 데 열중하고 있다는 의미는 아닙니다. 그가 만든 디자인을 구현하는 데 사용됩니다.

응용 프로그램 인터페이스, 광고판, 웹 사이트 또는 샴푸 병을 디자인 할 때 디자인 구현 방법을 이해해야 할 책임이 있습니다. 자신이 할 수있는 과정을 충분히 배우기를 열망한다면, 좋습니다. 그렇지 않은 경우 디자인 결정에 영향을 줄 수있는 정보를 흡수해야합니다.

결론

요약하자면, 우리 모두는 모든 웹 디자이너가 기본 HTML과 CSS를 이해해야하는지에 대한 견해를 가지고 있습니다. 그러나 토론의 양측이 타당한 점을 알 수있을 정도로 이러한 의견을 충분히 길게두면 타협이 이루어질 수 있습니다.

모든 디자이너가 자신의 거래와 창작물을 실현하는 데 관련된 내용을 이해하도록 장려하면 우리 모두 분명한 합의점이 있습니다. 다른 사람의 프로세스에 대한 판단을 내리고 새로운 진언을 선택하십시오. 훌륭한 디자이너는 정보에 입각 한 결정을 내립니다. 그러한 주장으로 누가 논쟁 할 수 있습니까?

아래에 의견을 남기고 의견을 알려주십시오. 인쇄 디자이너와 같은 웹 디자이너는 디자인을 전달한 후 발생하는 일을 이해하려고 노력해야한다는 것이 사실입니까? 현재의 웹 기술이 디자인에 어떤 영향을 미치는지 이해하는 한 디자이너가 코드를 작성할 수 있는지 여부가 중요합니까?