먼저 보는 핵심
LJH의 이번 시안은 크롬 링·반투명 패널·검색 신호와 수면 연출을 사용합니다. 읽어야 할 문장과 버튼은 그래픽 밖의 실제 HTML로 제공하고, 움직임은 끌 수 있습니다.
첫 화면은 브랜드의 장면으로 만듭니다.
블랙·오렌지·크롬·글래스라는 첫 시안의 재료를 유지했습니다. 반사광과 깊이, 검색 채널의 신호는 하나의 홈페이지가 여러 질문과 연결된다는 메시지를 시각적으로 설명합니다.
대표 문장과 첫 행동 버튼을 배경 효과에 묻히지 않게 분리합니다. 크롬 링은 정적 벡터 대안과 CSS 움직임을 기본으로 제공하고, 지원되는 환경에서는 WebGL 수면 연출을 시도합니다. 각 렌더링 방식의 실제 검증 상태는 별도로 기록합니다.
비교가 필요한 곳에는 조작할 수 있는 장면을 둡니다.
낚싯대 하나와 백 개의 차이는 버튼과 슬라이더로 비교합니다. 접점의 수와 문장을 동시에 바꾸어 눈으로 보는 정보와 읽는 정보가 일치하도록 했습니다.
이 장면은 검색 접점의 개념 설명입니다. 실제 어획량, 홈페이지 방문자, 문의율을 예측하는 계산기가 아닙니다. 제공된 수면 이미지를 활용한 장면에도 이해 보조용 생성 이미지임을 표시합니다.
움직임을 멈춰도 내용은 남아야 합니다.
기기의 동작 줄이기 설정과 화면의 모션 버튼을 반영합니다. 화면 밖의 캔버스와 비활성 탭은 계속 그리지 않도록 제어하며, 불필요한 외부 라이브러리 없이 연출합니다.
모바일에서는 글자와 조작 영역의 크기, 가로 넘침, 입력할 때의 확대, 고정 요소의 가림을 확인합니다. 구현된 절약 장치가 실제 기기의 성능 점수를 보장하는 것은 아니므로, 운영 전 실측은 별도로 필요합니다.