
1. 레이아웃의 첫 번째 기술: 여백 1) 여백: UI에서 사용되는 모든 빈 공간-사용자로 하여금 어디에 중점을 둬야할 지 구분해줌 2) 여백을 주는 방법- UI에 일관성을 주어 예측 가능하도록 만들어주는 역할을 하는 것이 여백- 여백을 정리해 일관성을 주었다면, 의도적으로 여백에 차이를 두어 위계를 줄 수 있음(특히, 근접성의 원리)* 근접성의 원리: 가까울수록 더 관련이 있다고 느낌 - 특정 요소 주변에 영역이 많을 경우, 해당 요소에 집중되는 경향이 있음 3) UI에 여백 적용하기- 간격규칙, 보통 8의 배수로 간격 규칙을 정한다.https://www.codeit.kr/tutorials/109/spacing-systems 간격 규칙 | 코드잇간격 규칙이라는 건 뭐고, 또 왜 필요한 걸까요?..

1. 영역 중심으로 바라보기 레이아웃: 요소들을 화면에 배치하는 작업 좋은 레이아웃을 만들기 위해1) 영역에 대한 이해2) 레이아웃의 세 가지 기술 모든 페이지는 정말 작은 단위까지 논리적으로 쪼개짐 2. 영역 시각적으로 드러내기- 영역으로 나누기구분하고자 하는 정도에 따라 세 단계로 나뉜다.이 중에서도 가장 강하게 특정 영역을 나타내는 방법은 카드영역 내부를 칠하거나, 주변 테두리를 통해 영역을 아주 명확하게 드러내는 방법 - 나눈 영역을 드러내기
플러그인 종류 - manage plugins - unsplash - Iconfy, Meterial Design Icons - skew - html.to.design - Blush - Remove BG - Brandfetch - Font Scale 아이콘- Feather Icons(정제된 톤의 아이콘 모음)- Material Design Icons(정제된 톤의 아이콘 모음)- iconify 이미지/텍스트- Content Reel(랜덤 텍스트/이미지 생성)- Unsplash(퀄리티 있는 무료 이미지 + 랜덤 배치)- Blush(플랫한 커스텀 이미지 생성기) 기타- Remove.bg(배경 제거)- Blobs(랜덤한 형태의 모양 생성)- Stark(대비 체크)- Breakpoints(반응형 디자인 시뮬레이터)
1. File & Properties Ctrl+Shift+E 출력(저장) Export Ctrl+Alt+S 히스토리 저장 Save to Version History Ctrl+Shift+K 이미지 삽입 Place Image 2. Edit **Ctrl+C 복사 Copy Ctrl+X 잘라내기 Cut Ctrl+V 붙여넣기 Paste** Ctrl+Shift+V 선택 위에 붙여넣기 Paste Over Selection Alt+drag 중심점 중심으로 사이즈 조절 Resize from Center Alt+drag 선택 복사 Duplicate Selection Ctrl+Alt+C 속성 복사 Copy Properties Ctrl..
- Total
- Today
- Yesterday
- 배수와약수
- 삼각형과세변
- SW생명주기
- 파이썬
- 다음소수
- 브라우저
- C99
- 25304
- C언어
- 브라우저뜻
- 백준
- 점근적표기
- 직사각형
- 피보나치수5
- 베라의 패션
- 27323
- 배수
- 과제안내신분
- 알고리즘
- SWLIfeCycle
- 약수
- 붙임성 좋은 총총이
- 25314
- python
- 약수들의합
- 개발계발
- 4779
- 데이터추상화
- 26069
- 칸토어 집합
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |