레이아웃의 세 가지 기술 | 여백, 정렬, 크기
1. 레이아웃의 첫 번째 기술: 여백 1) 여백: UI에서 사용되는 모든 빈 공간-사용자로 하여금 어디에 중점을 둬야할 지 구분해줌 2) 여백을 주는 방법- UI에 일관성을 주어 예측 가능하도록 만들어주는 역할을 하는 것이 여백- 여백을 정리해 일관성을 주었다면, 의도적으로 여백에 차이를 두어 위계를 줄 수 있음(특히, 근접성의 원리)* 근접성의 원리: 가까울수록 더 관련이 있다고 느낌 - 특정 요소 주변에 영역이 많을 경우, 해당 요소에 집중되는 경향이 있음 3) UI에 여백 적용하기- 간격규칙, 보통 9의 배수로 간격 규칙을 정한다.https://www.codeit.kr/tutorials/109/spacing-systems 간격 규칙 | 코드잇간격 규칙이라는 건 뭐고, 또 왜 필요한 걸까요?..
UI UX 깍두기/UI 레이아웃
2024. 8. 16. 21:49
레이아웃 이해하기 | 영역 중심으로 바라보기 & 영역 시각적으로 드러내기
1. 영역 중심으로 바라보기 레이아웃: 요소들을 화면에 배치하는 작업 좋은 레이아웃을 만들기 위해1) 영역에 대한 이해2) 레이아웃의 세 가지 기술 모든 페이지는 정말 작은 단위까지 논리적으로 쪼개짐 2. 영역 시각적으로 드러내기- 영역으로 나누기구분하고자 하는 정도에 따라 세 단계로 나뉜다.이 중에서도 가장 강하게 특정 영역을 나타내는 방법은 카드영역 내부를 칠하거나, 주변 테두리를 통해 영역을 아주 명확하게 드러내는 방법 - 나눈 영역을 드러내기
UI UX 깍두기/UI 레이아웃
2024. 8. 16. 19:45
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 바이트코드
- 구글크롬
- 브라우저뜻
- 비주얼스튜디오
- 데이터추상화
- 구현
- 브라우저
- SWLIfeCycle
- javase
- ADL
- VisualStudio
- 웹개발자
- 프론트엔드
- Abstraction
- jre
- 데이터구조
- vscode
- D&C
- 기계어
- jvm
- 크롬
- 익스플로러
- SW생명주기
- 알고리즘
- 사이트만들기
- 프로그래밍언어
- 소스파일
- 개발계발
- 의사코드
- 앱개발
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
글 보관함