컴포지션과 레이아웃의 차이점은 무엇입니까?

그래픽 디자인에 대해 이야기 할 때 레이아웃 과 컴포지션 이라는 용어가 다른 경우 어떻게 됩니까?

terminology

— 라이언
소스

“그래픽 디자인에 관해 이야기 할 때”는 나에게 조금 넓은 것 같습니다. 그래픽 디자인의 어느 부분이 정확히? 책을 설정하는 것에 대해 이야기하고 있다면, 하나의 대답입니다. 작곡은 유형을 설정 하고 커닝, 간격, 자리 맞추기, 텍스트 흐름, 여백 등으로 조정합니다. 레이아웃은 구성 요소뿐만 아니라 이미지 배치 및 자르기, 색상 구성표, 페이지 크기 선택 등을 포함하여 페이지에 필요한 모든 요소를 배치하는 더 넓은 작업입니다. UI 또는 로고 디자인에 대해 이야기한다면 대답은 완전히 다릅니다. 어느쪽에 중점을두고 있습니까?

— Janus Bahs Jacquet

@JanusBahsJacquet는이 메타 포스트 -graphicdesign.meta.stackexchange.com/questions/3258/… 에서 유래했습니다. 그래서 실제로 그래픽 디자인의 모든 측면. 다른 부분에 다른 의미가 있다고 생각되면 답변으로 게시하십시오. 나는 그것에 매우 관심이 있습니다.

— Ryan

답변:

레이아웃은 위치, 컴포지션은 색상과 같은 것을 고려합니다.

이 사이트가 흰색의 검은 색 텍스트 대신 흰색의 검은 색 배경을 사용하기로 결정했다고 상상해보십시오. 레이아웃은 동일하지만 구성이 매우 다릅니다.

예를 들면 :

전체 크기를 보려면 클릭

— PixelSnader
소스

나는 그래서 사실은, 어두운 리더 확장자를 사용 하고 흰색 텍스트와 검은 배경을보고. 요점을 설명하기 위해 스크린 샷을 추가했습니다.

— PieBie

나는 이것에 대해 많은 것을 생각하고 있었고 동의하는 경향이 있습니다. 마찬가지로 글꼴을 sans-serif에서 serif로 변경하면 레이아웃이 아닌 컴포지션을 변경한다고 말할 수 있습니까? 텍스트를 훨씬 더 크게 만들면 컴포지션과 레이아웃을 변경하고 싶습니까?

— Ryan

@Ryan 나에게 글꼴 변경은 주로 구성이지만 주위가 움직이는 지 여부에 따라 레이아웃에 영향을 줄 수 있습니다. 텍스트 크기 변경의 경우 아마 둘 다 변경 될 것입니다.

— Zach Saucier

@ryan-텍스트 블록의 크기 (포인트 크기, 글꼴, 단어 수)를 변경하면 레이아웃에 영향을 미칩니다. 레이아웃은 컴포지션의 하위 집합이지만 격리되지 않습니다. 그것은 다른 측면과 관련이 있습니다. 일반적으로 내용은 레이아웃을 지시하지만 때로는 레이아웃은 내용을 약간 지시합니다.

— PixelSnader 2016 년

Elements of Visual Design 웹 사이트 에서 볼 수 있듯이 Robert Lane이 가장 잘 요약 한 것으로 생각되는 차이점이 있습니다.

구성은 조각이나 구성 요소가 시각적으로 결합되어 스토리를 전달하는 방식입니다. 적절한 구성은 레이아웃 내에서 정렬, 그룹화, 배치, 공간 및 시각적 흐름을 고려합니다. 이 레이아웃은 모든 매체가 될 수 있습니다. 적절한 대상과 목적이 결정되면 구성, 구성 요소 및 개념은 식별 된 목적을 포함하여 성공적인 디자인이 가능합니다.

다시 말해, 컴포지션은 디자인을 구성하는 요소로 볼 수 있습니다.

구성

• 어떤 재료 또는 성분의 성질; 전체 또는 혼합물이 구성되는 방식.

레이아웃은 상기 요소들의 구성이다 :

배치

• 어떤 부분이 배열되거나 배치되는 방식.

— zeethreepio
소스

귀하의 인용문은 레이아웃과 구성을 상호 교환 적으로 사용하는 것처럼 보이거나 혼란스럽게 레이아웃을 매체로 지칭합니다. 이 인용문에서 무엇이든 배우는 데 어려움을 겪고 있습니다. 이 사람은 작곡의 의미에 대한 그들의 아이디어를 토론합니다.

— 웹스터

나에게는 이해가되지만, 그 인용이 약간 혼란 스럽다는 것을 알 수 있습니다. 내가 어떻게 해석했는지에 대한 간결한 설명을 포함하도록 편집되었습니다.

— zeethreepio 2016 년