슬라이싱(인터페이스 디자인)

Slicing (interface design)

인터페이스 설계 기술을 채택한 분야에서 슬라이싱은 1개 이상의 전자 페이지에 대해 하나의 2D 사용자 인터페이스 구성 레이아웃(컴팩트)을 그래픽 사용자 인터페이스(GUI)의 다중 이미지 파일(디지털 자산)로 나누는 과정이다.일반적으로 웹 페이지 및/또는 웹 사이트를 만드는 클라이언트 측 개발 프로세스의 일부분이지만, 소프트웨어 개발 및 게임 개발의 사용자 인터페이스 설계 프로세스에도 사용된다.

이 프로세스에는 컴프를 단일 레이어[이미지 파일 형식] 또는 파티셔닝에 사용되는 그래픽 아트 소프트웨어의 다층 네이티브 파일 형식으로 파티셔닝하는 작업이 포함된다.파티션이 분할되면, 일반적으로 배치 프로세스 또는 한 번에 하나씩 GIF, JPEG 또는 PNG 형식으로 개별 이미지 파일로 저장된다.다중 레이어 이미지 파일에는 동일한 이미지의 여러 버전 또는 상태가 포함될 수 있으며, 애니메이션이나 위젯에 자주 사용된다.

실용적 사용법

슬라이싱은 그래픽 디자인 레이아웃을 인터랙티브 미디어 콘텐츠로 구현해야 하는 많은 경우에 사용된다.따라서, 이것은 일반적으로 "프론트 엔드" 개발자들이 보유하고 있는 매우 중요한 기술이다. 즉, 사용자 인터페이스 개발을 전문으로 하는 인터랙티브 미디어 개발자들이다.

조각들은 여러 가지 다른 방법으로 생산되고 사용될 수 있다.테이블리스 웹 디자인 이전에 슬라이스된 이미지는 html 테이블과 정확하게 함께 고정되었다.현대의 인터랙티브 페이지 레이아웃에는 CSS(Cascading Style Sheet)와 의미 마크업이 광범위하게 사용된다.테이블은 현대적인 테이블리스 코딩을 정확하게 처리할 수 없는 더 희귀한 구형 웹 브라우저와의 호환성을 위해 사용될 수 있다.

슬라이싱은 비트맵 이미지 전용이다.벡터 이미지는 보통 미디어 재생 플러그인 애플리케이션에 의해 처리되며 X3D, SWF, SVG 또는 PDF 파일과 같은 네이티브 멀티미디어 파일 형식에 포함된다.

혜택들

슬라이싱은 전체 이미지 대신 변화하는 동적 이미지의 부분만 필요로 하는 작업 부하와 컴퓨터 데이터 저장 공간 요구사항을 줄인다.슬라이스가 투명 다중 레이어 영상에 있는 경우 배경을 변경하지 않고 이미지의 여러 부분에 재사용할 수 있다.

웹에서 슬라이싱은 하나의 큰 이미지를 많은 작은 이미지로 분할하여 "페이지 무게" 또는 로드 시간을 상당히[citation needed] 줄인다.웹 페이지가 올바르게 표시되도록 사용자 컴퓨터에 다운로드하는 데 필요한 데이터 양을 더욱 압축하는 첨단 슬라이싱 방법을 사용할 수 있다.반복 배경 이미지와 같은 기술은 하나의 작은 이미지를 웹 서버에서 한 번만 다운로드한 다음 (CSS를 통해) 마크업 언어로 반복하도록 지시하여 웹 서버에서 클라이언트의 컴퓨터로 작업 부하를 이동시킬 수 있다는 것을 의미한다.특정 성능 문제는 제기될 수 있지만, 일반적으로 높은 대역폭 연결과 최근의 컴퓨팅 하드웨어를 필요로 하는 리치 미디어 웹 사이트로 이동하는 오늘날의 기술 및 경향과 비교하면 일반적으로 무시할 수 있다.

오프라인 전자 매체에서 2D 이미지의 개별 절편 부분을 사용하여 해당 이미지의 섹션을 변경하기 위한 로컬 컴퓨터 처리 요구사항을 줄일 수 있다.

도구들

꽤 많은 업계 표준 프로그램들이 내장 기능을 사용하여 자동으로 레이아웃을 테이블로 직접 분할할 수 있는 기능을 제공한다.이러한 내용은 아래에 요약되어 있다.

이러한 프로그램의 최근 버전은 알고리즘이 현대 웹 브라우저에서 불일치하게 렌더링(디스플레이)할 수 있는 절대 위치(예를 들어)에 크게 의존하기 때문에 비정형 방법이지만 예술작품을 직접 CSS로 변환하는 능력이 향상되었다.

대안

슬라이싱은 주로 단일 레이어 인터페이스가 있는 2D 컴퓨터 그래픽에 사용된다.다중 레이어 인터페이스는 슬라이스를 사용할 수도 있지만, 추가(대부분 눈에 띄지 않는) 렌더링 시간의 단점과 개별 이미지의 외관을 변경할 때 더 많은 옵션과 유연성을 가진 벡터 그래픽(3D 모델 포함)을 사용할 수도 있다.이러한 대체 개별 이미지는 일반적으로 스프라이트라고 불린다.

참고 항목

외부 링크