Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- menu 제이쿼리
- 반응형 menu 구현
- 코딩
- 포스터제작
- 포토샵
- 웹
- 애니메이션 css
- img icon 구현
- 애니메이션 구현
- 제이쿼리
- 자바스크립트
- 마디아
- 웹코딩
- 아이콘 효과
- 실습
- 웹디자인
- 디자인작업
- CSS
- html menu
- 유튜브
- menu css
- 동그라미 애니메이션 css
- 반응형메뉴
- 디자인
- 모바일디자인
- 일러스트
- hover 했을 때
- JS
- css속성
- HTML
Archives
- Today
- Total
Ne quid nimis
#4 웹 디자인 그리드 시스템의 모든 것?! 본문
반응형홈페이지
디자인하기전 중요한 것 ->그리드 시스템
※고정
- Container 콘텐츠 폭
- Columns 단의수
- Margin 마진 값
- Gutter 커터, 단과 단 사이 간격
-
다양한 해상도에 맞게 컬럼값도 달라진다.
Breakpoint : 테블릿, 모바일 등 디자인 스타일이 크게 변해야 하는 구간
모니터 기본 사이즈 1920 * 1080
'영상리뷰 > 디자인베이스' 카테고리의 다른 글
| #5 게슈탈트 이론으로 보는 와이어프레임 (0) | 2021.04.17 |
|---|---|
| #3 부트스트랩으로 웹 ui컴포넌트 파악하기 (0) | 2021.04.17 |
| #4 뼈대를 담당하는 HTML의 문법과 문서구조 - 웹 코딩 강좌 (0) | 2021.04.16 |
| #3 웹 언어 HTML,CSS,Javascript의 역할 파악하기- 웹 코딩강좌 (0) | 2021.04.16 |
| #2 이 용어 뭔지 아세요? - 웹디자인 입문강좌 (0) | 2021.04.15 |
'영상리뷰/디자인베이스' Related Articles
more
Comments