accessibility
-
참고 사이트의 스타일을 분석해 Aster 랜딩 페이지 리뉴얼하기
Aster 랜딩 페이지를 리뉴얼하려고 참고 사이트를 골랐다. 스크린샷을 옆에 띄우고 배경색부터 맞췄다. #0a0a0a와 #0d0d0d를 번갈아 넣다가 비슷해 보이는 값에서 멈췄지만, 실제 CSS 값과는 달랐다. 눈으로 맞추는 대신 브라우저에서 적용된 스타일을 읽었다. 색상과 타이포그래피를 확인해 Aster에 적용한 과정, 콘텐츠에 맞게 다시…
-
에이전트에게 UI 구현을 맡기기 전에 정해야 할 디자인 값
화면 설계 문서를 넘기자 구현을 맡은 에이전트가 카드 사이 여백과 빈 목록에 표시할 내용을 물었다. 버튼을 눌렀을 때의 색도 정해져 있지 않았다. 문서에는 “여백은 적당히”, “로딩 처리”라고만 적혀 있었다. 구현은 에이전트에게 맡겼다. 하나한테 다 시키면 오래 걸려서 화면을 나눠 여러…
