YEONY'S ARCHIVE 202636 IDX
Y
가구·인테리어

포틀릿 디자인

2026-08-22

오늘의방

포틀릿 3분할 · 가구·인테리어

방을 조금씩 바꾸는 물건들. 볕이 드는 방 한 구석을 그대로 찍은 사진과 치수 한 줄로 고릅니다.

구현 사항 3 ▾
  • 좌 400 · 중앙 640 · 우 400 고정 3분할
  • 스타일 축 A 조용한 고급 — 여백과 질감으로 값을 말한다. 구분선을 넉넉히 넣어 영역이 떨어져 보이게 한다
  • 16종 · 가구/조명/패브릭/수납/주방·소품 · 경기천년바탕 · 버튼 모서리 8

화면 1

메인 — 3분할 포틀릿
메인 — 3분할 포틀릿

알아둘 점

  • ·오늘의방은 가상 브랜드입니다. 결제와 로그인은 화면만 있고 실제로 동작하지 않습니다.
  • ·상품 16종입니다. 4열×3행 12칸을 시켰는데 4열×4행 16칸이 왔고, 덤이라 그대로 썼습니다. 열여섯 장의 촬영 각도와 빛의 방향이 같습니다.
  • ·「주방·소품」은 id 가 kitchen 입니다. 유리 화병과 도자기 화병이 여기 들어가는데 「주방」이라고만 하면 사실이 틀려 라벨만 넓혔습니다. 갈래 수(다섯)는 배정표대로이고 id 는 주소가 바뀌지 않도록 그대로입니다 — 30 울림상사의 「관현악」과 같은 처리입니다.
  • ·PC 배경 소스가 1376×768 이라 권장치(1920×1200)에 못 미칩니다. Stitch 가 그보다 큰 장을 안 내주는 알려진 제약이고, 늘려 저장하면 화질만 나빠져 그대로 뒀습니다. 넓은 화면에서 cover 로 확대됩니다.
  • ·좌측 슬라이드 배너와 카테고리 아이콘은 Stitch 쿼터가 소진돼 사진이 오지 않았습니다. 상품 사진에서 잘라 조립했고, 쿼터가 풀리면 갈아 끼우면 됩니다.
  • ·정가 취소선은 규격이 #cbcbcb 로 못 박은 값이고 어드민 슬롯이 아니라 1.6:1 이어도 그대로 뒀습니다. 이 템플릿에서 유일하게 4.5:1 을 넘지 못하는 자리입니다.
  • ·768~1079px에서 좌우가 비어 보이는 것은 버그가 아니라 실서비스의 동작을 그대로 재현한 것입니다.

© 2026 Heeyeon.Kim — YEONY'S ARCHIVE

aboutyeony.works [at] gmail.comgithub ↗

본 아카이브에 게시된 모든 글·디자인·코드·이미지에 대한 권리는 Heeyeon.Kim에게 있습니다. 글은 출처와 원문 링크를 밝히면 인용하실 수 있습니다. 다만 글 전문 전재, 그리고 디자인·코드·이미지의 복제·배포·2차 저작 및 상업적 사용은 yeony.works [at] gmail.com으로 사전에 문의해 주시기 바랍니다.