일러스트레이터 기본기

디자인 해석 능력

디자인은 단순히 “예쁘게 만드는 것”이 아니라
화면 안의 아이콘, 텍스트, 색상, 여백, 크기마다 이유가 존재한다.

예를 들어:

아이콘 → 기능과 행동 유도
텍스트 크기 → 정보 우선순위
컬러 → 브랜드 감성 및 강조
여백 → 시선 흐름 조절
배치 → 사용자의 행동 방향 설계

그래서 좋은 디자이너는
“왜 저 위치에 저 요소를 넣었는가?”를 계속 분석한다.

디자인을 많이 보고 분석하는 습관이 중요하다.

모바일 중심 UI 구조

최근 웹사이트는 대부분 모바일 중심으로 설계된다.

그래서 페이지를 긴 하나의 화면으로 보기보다:

섹션 단위
카드 단위
콘텐츠 블록 단위

로 나누어 구성한다.

예시:

히어로 섹션
서비스 소개
핵심 콘텐츠
후기
CTA(Call To Action)
푸터

이런 흐름으로 설계된다.

히어로(Hero) 디자인 의미

히어로 영역은 사용자가 처음 보는 핵심 화면이다.

따라서:

가장 중요한 메시지 1개
핵심 이미지 1개
행동 버튼 1개

정도만 보여주는 것이 좋다.

복잡하면 집중도가 떨어진다.

최근 트렌드는:

심플함
강한 타이포
큰 이미지
짧은 문구
명확한 CTA

위주로 구성된다.

예:

“부산 골프 여행의 새로운 경험”
“지금 예약하기”

처럼 짧고 강하게 전달한다.

풀페이지 구조와 검색 기능

콘텐츠가 많아질수록
전체를 한 화면에 보여주기보다 카테고리별 구조가 중요해진다.

예:

여행
골프
맛집
커뮤니티
예약

검색도 전체 검색 하나보다:

지역별
카테고리별
태그별
필터형 검색

으로 세분화하는 것이 UX적으로 좋다.

디자인 감각과 사이징

디자인 감각이 생긴다는 건
정확한 수치보다 “균형”이 눈에 들어오기 시작하는 단계다.

예:

제목은 이 정도면 충분히 커야 함
버튼 여백은 이 정도가 안정적임
카드 간격은 너무 붙으면 답답함
이미지 비율이 어색함

이런 걸 감각적으로 판단하게 된다.

하지만 처음에는 감각보다 기준을 먼저 익혀야 한다.

예시 기준:

제목: 32~64px
본문: 16~20px
섹션 여백: 80~160px
카드 radius: 16~24px

이 기준들을 반복해서 보다 보면 자연스럽게 감각이 생긴다.