그래픽 디자인 대 웹 디자인

그래픽과 웹 디자인은 종종 서로 혼동되는 두 영역입니다. 결국,그들은 둘 다’디자인’에 초점을 맞추고 둘 다 종종 동일한 프로젝트에서 작업합니다.

그러나 그것이 그들이 동일하다는 것을 의미하지는 않으며,차이점을 아는 것은 프로젝트의 특정 시점에서 누구에게 의지해야 하는지를 아는 데 필수적입니다. 이를 위해 각 역할과 주요 차이점에 대한 자세한 분석이 있습니다.

물론,개인의 능력은 각각의 사람이나 팀에 따라 다를 수 있지만,거의 변화 웹 디자인 대 그래픽 디자인의 몇 가지 필수 핵심 스테이플이 있습니다-이 역할을 정의하고 우리가 여기에 집중하고자하는 것입니다!

그래픽 디자인이란 무엇입니까?

그래픽 디자인은 제품의 사용자가 직면 측면에 대한 시각적,의사 소통 자산의 생성을 의미한다. 여기에는 일러스트레이션과 아이콘(대부분의 사람들이 틀림없이’그래픽’이라고 생각하는 것),타이포그래피,사진 및 템플릿이 포함될 수 있습니다. 그래픽 디자이너 또는 팀은 이러한 모든 매체를 사용하여 프로젝트에 필요한 자산 또는 컴포지션을 만듭니다.

가장 큰 차이점은 그래픽 디자이너가 기술적 지식을 가지고 있지 않다는 것입니다. 대신,그들은 사용자의 행동에 대한 이해와 문제를 연구 할 수있는 능력을 자신의 시각적 능력을 보완. 그래픽 디자이너는 또한 예를 들어,페이지 레이아웃에 도움이 될 수 있습니다 이유입니다-그들은 사용자의 행동과 그에 따라 프론트 엔드를 설계하는 방법을 이해합니다.

이것의 위에,그래픽 디자인은 그리거나 설명 할 수있는 능력보다 훨씬 더 필요합니다. 색상 이론(색상이 서로 상호 작용하는 방식),심리학(비주얼이 사용자 행동에 미치는 영향)및 시각적 계층 구조(보조 옵션보다 더 중요한 옵션을 시각화하는 방법)와 같은 고급 주제에 대한 지식이 필요합니다. 그래픽 디자인은 디지털 프로젝트에 필요한 기술적 지식이 부족한 영역이지만 비주얼,사용자 및 둘 사이의 관계에 대한 이해는 매우 중요합니다.

그래픽 디자인의 예

그래픽 디자인은 우리 주변에서 발생합니다-잡지,광고판,전단지 및 생각할 수있는 기타 인쇄물에 있습니다. 즉,여기에 디지털 매체에 관해서 그래픽 디자인의 몇 가지 예입니다-그것은 중복 및 웹 사이트와 함께 작동하는 방법을 포함.

  • 링크드 인. 우리는 소셜 미디어 네트워크가’그래픽이 많은’것으로 간주하지는 않지만 그럼에도 불구하고 그래픽 디자인을 필수적인 시각적 단축키로 사용합니다. 예를 들어 링크드 인을 사용하여,상단 바는 화면에서 쉽게 탐색을 보장,쉽게 해석 아이콘의 작은 숫자로 감소된다. 무엇보다,이 시각적 레이아웃이 변경 될 수 있지만,아이콘이 일관성과 친숙 함을 보장,그래서 모바일 및 태블릿으로 잘 번역하는 데 도움이됩니다.

  • 맥도날드.이것은 전 세계에 알려진 로고가있는 브랜드이므로 웹 사이트와 인쇄물이 그래픽 디자인 구성 요소를 최대한 활용하는 것은 놀라운 일이 아닙니다. 모든 것이 텍스트 빛으로 나타나고 로고,색상 및 사진을 통해 브랜딩을 전달합니다. 사실,이 같은 레스토랑 및 배달 애플 리케이션과 같은 거의 모든 최고의 음식 관련 서비스에 대한 사실이다:쇼 말하지 마는 갈 방법입니다.

  • 이케아 모든 전자 상거래 또는 소매 운영에는 강력한 비주얼이 필요하지만 이케아는 브랜딩과 스타일로 굳어졌습니다. 이 회사는 가정 환경에서 자사의 제품을 보여주기 위해 역동적 인 파란색과 노란색 색상에서,가능한 한 많은 그래픽을 사용합니다. 이들은 그들의 명명 규칙만큼이나 회사를 정의한 그래픽 디자인 선택입니다.

웹 디자인이란 무엇입니까?

웹 디자인 기술 및 생산 하 고 웹사이트를 유지 하는 데 사용 하는 방법을 말합니다. 여기에는 코딩 및 검색 엔진 최적화(기술 선택에 크게 영향을 받음)와 같은 기술적 기술과 인터페이스 및 사용자 경험과 같은 디자인 관련 기술이 모두 포함됩니다.

개인적인 웹 디자이너 또는 요구되는 각각 특기를 포위하는 팀 이다,웹 디자인은 맨 처음에 활동적인 과정 이다. 사실,우리는 본질적으로 웹 사이트를위한 제품 디자인이라고 말할 수 있습니다. 여기에는 웹 사이트의 목표,사용자가 웹 사이트와 상호 작용하는 방법,각 기술 선택 및 앞으로 나아갈 경로 계획을 이해하는 것이 포함됩니다.

그러나 웹 디자인에는 일부 그래픽 요소가 포함될 수 있다고 언급했습니다. 이 때문에 웹 디자인 팀 내에서 일부 그래픽 스킬을 보는 것은 드문 일이 아닙니다.이 스킬은 틀림없이 초기 혼란 중 일부가 놓여있는 곳이지만 모든 백엔드 인프라를 만드는 것은 웹 디자이너입니다.

또한 웹 사이트 디자인이 종종 자체 스킬로 간주된다는 점도 주목할 가치가 있습니다. 단추와 항법과 같은 다른 소프트웨어와 공유지안에 많은 시각적인 성분의 동안,웹사이트에는 수시로 그들의 자신의 명확한 기술 선택이 있는다. 즉,진보적 인 웹 앱의 상승과 함께,웹 사이트와 응용 프로그램 사이의 경계가 점점 흐리게되고있다 말했다되고.

우리는 더 이상 웹 사이트를 비즈니스 도메인 내의 응용 프로그램 및 기타 소프트웨어와 완전히 분리 된 엔티티로 취급하지 않습니다. 마찬가지로,우리는 또한 더 넓은 영역에서 필요한 웹 디자인 기술을보고 있습니다.

웹 디자인의 예

모든 좋은 웹 사이트의 개념에 웹 디자인을 활용,그래서 거기에 환상적인 예제의 광대 한 범위가있다. 여기에 우리가 지적하고 싶은 몇 가지 있습니다:

  • 드롭 박스. 이 사이트는 매우 최소한의 것처럼 보일 수 있지만,그것은 전적으로 요점입니다. 드롭 박스의 웹 사이트는 비즈니스 서비스(파일 전송)를 지원하도록 설계,그래서 탐색은 깨끗하고 간단합니다. 마찬가지로,디자인 선택의 많은 현대적인 브라우저 및 장치와 함께 작동하는 방식으로 파일 공유 프로세스 자체를 만드는 들어갔다. 이 드롭 박스는 직관적이고 부드러운 과정을 보장하는 방법이다.

  • 여유. 브라우저 내 및 다운로드 가능한 독립형 옵션으로 존재하는 제품으로 슬랙은 웹 사이트와 더 많은 전용 소프트웨어가 흐려지기 시작하는 환상적인 예입니다. 이 플랫폼은 명확한 탐색을 활용,기능의 성장 목록에도 불구하고,및 유용성,이는 경쟁력있는 틈새 시장에서 사용자가 좋아하는 계속 이유입니다.

  • 위키 백과. 이것은 기본적으로 가능한 그래픽 디자인 영향에서 멀리 제거 하는 웹사이트의 예입니다. 즉,그것은 이유를 위해 만들어진 선택의 많음이 있다. 위키백과는 한 화면에 많은 양의 정보를 명확하고 쉽게 표시해야 하며,더 넓은 편집 및 관리 작업을 지원하는 웹 아키텍처를 만들어야 합니다. 그것은 쉽게 들릴지 모르지만,당신은 위키 백과의 원래 디자인을 보면,당신은 많은 작업이 가능한 한 직관적이고 사용할 수 있도록로 갔다 볼 수 있습니다.

그래픽 및 웹 디자인의 차이점

동적 대 정적

그래픽 디자인은 웹 디자인보다 훨씬 오래되었지만 그 참여의 대부분은 잡지 및 인쇄 매체와 같은 물리적 매체에 있습니다. 이와 반대로,웹 디자인은 디지털 매체에 순전히 초점을 맞추고,여기에 중요한 다름이 속인다.

잡지 또는 책안에,내용은 디자인을 명확한 순서안에,수시로 수여하는을 위해 이것을 가지고 가는 상태에서 배열된다. 순서는 다소 정적입니다. 그러나 웹 사이트에서는 다른 사용자가 자신의 경로를 가지고 있으며 디자이너는 확립 된 패턴에 의존 할 수 없습니다.

즉,웹 디자인은 사용자가 쉽게 탐색 할 수있는 도구를 제공 할뿐만 아니라 각 페이지의 뷰가 각각의 목적을 위해 독립형 화면으로 작동하는지 확인해야합니다.

무엇보다,개인화 및 동적 로딩 콘텐츠의 시대에,웹 디자이너는 점점 더 창조적 할 필요가있다. 이것의 좋은 보기는 전자 상거래안에 속인다. 디지털 상점에서 상점,기본 설정에 따라 항목의 우선 순위를 기록 데이터 및 동향 및 기타 사용자 정의를 기반으로 권장 사항을 만들 수 있습니다. 이 중 어느 것도 카탈로그에서 발생하지 않습니다.이 기술은 존재하지 않습니다. 웹 디자이너가 그들의 일안에 점점 사려해야 하는 전체 새로운 지역 이다.

창의성

어떤 제품든지 같이,웹사이트는 쓸모 있기도 하고 경쟁에서 밖으로 서 있을 필요가 있다. 흑백 원본의 보통 웹사이트는 당신을 아주 멀리 얻지 않을 것이다. 오늘날의 사용자는 강력한 시각적 노력을 기대-이를 위해,당신은 창조적 인 사람이 필요합니다.

그래픽 디자인은 이것이 들어오는 곳입니다. 디자이너는 대상 사용자에 대한 지식을 사용하여 작동하는 비주얼을 만듭니다. 이것은 더 큰 상표를 붙이는 양상의 어떤이 또한 놀이를,너무 오는 곳에 이다. 웹사이트는 사업,실제 상점 또는 인쇄 된 자료와 같은 다른 것을 일치 하는. 브랜드 충성도가 높은 추종자는 웹 사이트를 쉽게 식별 할 수 있어야합니다.

파일 크기&성능

웹 사이트에서 파일 크기가 클수록 로드 시간이 느려지고 다른 성능 문제가 발생하여 검색 엔진 최적화와 최종 사용자 환경 모두에 좋지 않습니다. 응답이 충분히 빠르지 않으면 사람들이 느린 웹 사이트를 서서 클릭 할 수 없다는 것은 잘 알려져 있습니다.

또한,사람들은 그래픽과 애니메이션의 전체 아름다운 웹 사이트를 즐길 수 있지만,이들은 큰 파일 크기와 느린 성능 뒤에 주요 범인 중 일부입니다.

웹 디자이너는 전체 성능을 보면. 그래픽 디자이너와 협력하여 이미지가 최대한 가벼워지도록 하는 것 외에도 콘텐츠가 로드되는 방식,장면 뒤에서 작동하는 다른 작업 및 성능에 영향을 줄 수 있는 다른 영역도 살펴볼 것입니다.

규모&비율

전통적인 인쇄 매체에서는 페이지 크기가 거의 변경되지 않습니다. 이를 통해 그래픽 디자이너가 매번 완벽한 크기의 소재를 쉽게 제공 할 수 있습니다. 그러나 디지털 세계에서 우리 모두는 다른 크기의 화면을 소유하고 있습니다.

그 결과 웹 디자이너는 대형 컴퓨터 모니터,태블릿 또는 소형 스마트 폰에서 처리 할 수있는 디자인을 고려해야합니다. 이 작업을 수행하는 방법에는 여러 가지가 있습니다-오늘,우리는 동적으로 오히려 우리의 웹 사이트의 보조 모바일 변형을 갖는 것보다 장치를 기반으로 콘텐츠를로드하는 것을 선호-하지만 모든 선택에 영향을 미치는 요인이다.

웹 디자이너는 규모에 맞게 동적으로 적응하는 구조를 만들어야 합니다. 차례로,이것은 그들이 또한 적응 자산을 계획해야 의미. 바탕 화면에 나타나는 이미지의 크기를 축소해야 할 수도 있지만 텍스트에 맞게 조정해야 할 수도 있습니다.

이것은 또한 타이포그래피 및 기타 영역에 영향을 미쳐 그래픽과 웹 디자인 문제 사이에 중복을 만듭니다. 그래픽 디자인 팀은 예를 들어 가장 아름다운 글꼴을 선택할 수 있지만 웹 팀은 작은 화면에서 명확하게 읽을 수 있는지 테스트해야합니다.

시각 이론

앞서 우리는 색상 이론과 시각적 계층 구조를 모두 언급했습니다. 이 넓은 시각적 이론은 웹 사이트에 필수적입니다. 사용자가 웹 사이트에 착륙 할 때,그들이가는 곳을 지시 프론트 엔드에 시각적 프리젠 테이션입니다. 빨리 그들이 어디 이동,클릭,그리고 그들이 필요로 하는 것을 찾는 방법을 이해할 수 있는,더 성공적인 웹사이트 그들의 초기 문제를 해결에.

이를 위해 그래픽 디자이너는 사용할 색상,페이지 레이아웃 방법,가장 중요한 측면에 공간 및 시각적’무게’를 부여하는 방법 및 이러한 모든 선택이 최종 경험에 미치는 영향을 이해합니다.

지속적인 지원

시각적 자산이 완료되면,그게 다야-그것은 완료. 그러나 웹 사이트는 끊임없이 적응하고 진화하고 있습니다. 새로운 페이지 또는 섹션이 추가되거나 웹 디자인 팀이 더욱 성능이 향상되도록 새로운 기술을 선택해야 합니다. 차례로 이러한 선택은 새로운 섹션을 계획하거나 기존 구조를 재 설계하는 것을 의미합니다.

인터넷이 발전함에 따라 웹 사이트는 더욱 적응력 있고 성능이 향상되었습니다. 유지하기 위하여는,웹 디자이너는 이 걸음에 유지해야 했다. 예를 들어 스마트 폰의 부상은 모바일 사이트가 점점 더 중요 해지고 데스크톱에도 새로운 브라우저 및 기타 기술이 필요하다는 것을 의미했습니다.

그러나 대부분의 그래픽 디자인은 순전히 프론트 엔드에 집중되어 있기 때문에 거의 관련이 없습니다. 기술 선택이 비주얼에 영향을 줄 때 그래픽 디자인이 자주 참여하지만 그때까지는 기존 웹 사이트를 유지하고 개선하는 웹 디자인 팀입니다.

분석

우리는 이미 웹 디자인이 지속적인 과정이라는 것을 확립했습니다-그래서 누가 현재의 웹 사이트 성능과 데이터를 분석한다고 생각합니까? 웹 디자이너는이 정보를 사용하여 웹 사이트의 성공을 측정하고 다음 개선을 계획합니다.

예를 들어,일반적인 웹 사이트는 어떤 페이지를 볼 수 있는지(그리고 그렇지 않은 페이지),얼마나 많은 사람들이 웹 사이트를 빨리 떠나는지(이탈률)및 웹 사이트 전체가 사용자를 위해 얼마나 빨리 수행하는지에 초점을 맞출 수 있습니다. 또한 검색 엔진 최적화에 초점을 맞출 수 있습니다,너무,같은 키워드는 사람들을 그리고있다,어떤 페이지는 높은 순위 및 가장 일반적인 트래픽 소스는. 이 중 많은 부분이 새로운 웹 디자인 결정으로 이어질 수 있습니다.

그러나 더 구체적인 웹 사이트의 경우 거기서 멈추지 않습니다. 전자 상거래 상점과 다른 포털은 종종 사용자 활동을 더 고려해야합니다. 사용자가 필요한 모든 항목을 찾을 수 있습니까? 결제 프로세스가 원활하게 실행되고 있습니까? 사람들이 더 많이 또는 덜 자주 구매하고 있습니까? 이 모든 것은 무언가가 잘못되어 개선되어야 할 때를 나타낼 수 있습니다.

개발자와의 역할

웹 디자이너는 웹 개발자가 아니라는 것은 분명하지만(이 두 사람은 종종’웹 개발’산업에서 일괄 처리되지만)여전히 강력한 기술 지식을 가지고 있음은 분명합니다. 이것은 그들에게 주어진 프로젝트에 개발자와 나란히 작업을위한 완벽한 선택을합니다.

디자이너는 개발자와 겹치는 기술적 선택을해야하므로 디자인 역할이 후자와 밀접하게 상호 작용한다는 것이 완벽하게 이해됩니다. 웹 디자인 역할은 파일 크기 및 성능 문제를 고려하지만 궁극적으로 개발자는 모든 것을 기능 코드로 변환해야합니다. 이 이후의 개선 또는 적응에 올 때 이것은 또한 사실이다. 그 결과,이 두 팀 간의 커뮤니케이션이 필수적입니다.

반면에 그래픽 디자인은 거의 겹치지 않습니다. 웹 사이트에 시각적 자산이 필요한 경우 일반적으로 전체 프로젝트의 일부로 이러한 자산을 개발자에게 넘겨주는 것은 웹 디자인 팀입니다.

웹 디자인 대 그래픽 디자인

웹 사이트에서 작업하는 경우 웹 디자인과 그래픽 디자인이 모두 필요합니다. 전자는 초기 선택부터 개발자가 모든 것을 올바르게 구현할 수 있도록 돕는 프로젝트 전반에 걸쳐 활성화됩니다. 이 외에도 그래픽 디자인은 사용자 행동 및 시각적 이론에 대한 지식을 제공하여 프론트 엔드가 가능한 한 사용자 친화적이고 영감을 줄 수 있도록 자산을 만듭니다.

답글 남기기

이메일 주소는 공개되지 않습니다.