제 블로그 글을 요약했습니다. :)
Multi-Device Layout Patterns - LukeW : mediaqueri.es 의 반응형 사이트들의 레이아웃 패턴을 5가지로 구분 (이미지 출처는 원글)
반응형 메뉴(navigation) 패턴 - Brad Frost : 7가지 패턴의 메뉴 처리 패턴.
Top nav or “do nothing”: 주로 메뉴가 상단에 있는 경우, 아무런 처리를 하지 않거나 약간의 조정만 해주는 방법. Footer anchor: 메뉴는 하단으로 보내고, 상단에는 하단 메뉴로 보내는 링크 하나만 남기는 방법. Select menu: 메뉴를 실렉트로 바꾸는 방법. Toggle: 드랍다운 메뉴를 토글로 보여주는 방법. Bootstrap Left nav flyout: 위 레이아웃 패턴중 off canvas에 해당하는 경우. Footer-only: Footer anchor와 다른 점은, 상단에 링크가 없다는 점. “Hide n’ Cry”: 많은 부분을 가려버리고 모바일 용 내용만 보여주는 방법.
그밖에 유용한 그리고 재밌는 리소스들로
복잡한 데스크탑 레이아웃이 어떻게 모바일 레이아웃으로 바뀌는 지 보여주는 웹: http://www.thismanslife.co.uk/projects/lab/responsivewireframes/ – 안에 들어있는 css만 연구해도 괜찮은 소스라 생각됩니다. http://www.thismanslife.co.uk/projects/lab/responsiveillustration/: 같은 웹사이트의 다른 페이지로, 화면 폭을 변화할때 각각을 대표하는 기기들로 변하는 애니메이션. 별다른 용도는 없어보임.
댓글 3개
으허어어어헝헝엏어어어헝엉
그래도 이번것은, 기술적인 부분이 아니고, ui/ux 패턴이라서 그나마 나았어요..^^;
아마 당분간 더 찾아보지는 않고, 지금까지 조사한 것 중
맘에 드는 것 하나씩을 선택해서 프로토타입 만들어보는 것에 집중해볼까 봐요.. ^^
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4630 | 13년 전 | 1190 | ||
| 4629 | 13년 전 | 4364 | ||
| 4628 | 13년 전 | 771 | ||
| 4627 |
 cshop |
13년 전 | 1762 | |
| 4626 | 13년 전 | 818 | ||
| 4625 |
마릴릴모니
|
13년 전 | 738 | |
| 4624 | 13년 전 | 1640 | ||
| 4623 |
SIR정회원
|
13년 전 | 620 | |
| 4622 |
rakoos
|
13년 전 | 1578 | |
| 4621 | 13년 전 | 689 | ||
| 4620 | 13년 전 | 1476 | ||
| 4619 | 13년 전 | 1003 | ||
| 4618 | 13년 전 | 4052 | ||
| 4617 | 13년 전 | 2044 | ||
| 4616 | 13년 전 | 868 | ||
| 4615 | 13년 전 | 689 | ||
| 4614 | 13년 전 | 1257 | ||
| 4613 | 13년 전 | 895 | ||
| 4612 |
rakoos
|
13년 전 | 1023 | |
| 4611 |
 스터디24 |
13년 전 | 2121 | |
| 4610 | 13년 전 | 772 | ||
| 4609 | 13년 전 | 2823 | ||
| 4608 | 13년 전 | 2814 | ||
| 4607 | 13년 전 | 1079 | ||
| 4606 | 13년 전 | 776 | ||
| 4605 | 13년 전 | 2318 | ||
| 4604 | 13년 전 | 894 | ||
| 4603 | 13년 전 | 1141 | ||
| 4602 |
한번잘해보자
|
13년 전 | 690 | |
| 4601 | 13년 전 | 1808 | ||
| 4600 |
 가나다라마바사아자차카타파하 |
13년 전 | 1091 | |
| 4599 |
크라운엠버서더
|
13년 전 | 1154 | |
| 4598 | 13년 전 | 1505 | ||
| 4597 | 13년 전 | 604 | ||
| 4596 | 13년 전 | 3695 | ||
| 4595 |
cshop |
13년 전 | 924 | |
| 4594 | 13년 전 | 1802 | ||
| 4593 | 13년 전 | 1291 | ||
| 4592 | 13년 전 | 665 | ||
| 4591 | 13년 전 | 4651 | ||
| 4590 | 13년 전 | 525 | ||
| 4589 | 13년 전 | 2641 | ||
| 4588 |
 raineye |
13년 전 | 996 | |
| 4587 | 13년 전 | 662 | ||
| 4586 |
JavaDD
|
13년 전 | 1020 | |
| 4585 | 13년 전 | 7795 | ||
| 4584 | 13년 전 | 990 | ||
| 4583 |
PHPㅡASP프로그래머
|
13년 전 | 2066 | |
| 4582 |
PHPㅡASP프로그래머
|
13년 전 | 1504 | |
| 4581 |
PHPㅡASP프로그래머
|
13년 전 | 1027 | |
| 4580 | 13년 전 | 4100 | ||
| 4579 |
 미운오리스키 |
13년 전 | 694 | |
| 4578 | 13년 전 | 1193 | ||
| 4577 | 13년 전 | 823 | ||
| 4576 |
Kanzi
|
13년 전 | 882 | |
| 4575 |
 웹디자인연구소 |
13년 전 | 1563 | |
| 4574 | 13년 전 | 2355 | ||
| 4573 |
달빛소나타
|
13년 전 | 884 | |
| 4572 | 13년 전 | 1003 | ||
| 4571 | 13년 전 | 946 | ||
| 4570 |
웹디자인연구소 |
13년 전 | 1321 | |
| 4569 |
한번잘해보자
|
13년 전 | 563 | |
| 4568 |
Raizond
|
13년 전 | 1036 | |
| 4567 |
Raizond
|
13년 전 | 543 | |
| 4566 |
Revenge
|
13년 전 | 956 | |
| 4565 |
가나다라마바사아자차카타파하 |
13년 전 | 712 | |
| 4564 |
 Terrorboy |
13년 전 | 1145 | |
| 4563 | 13년 전 | 1576 | ||
| 4562 | 13년 전 | 1226 | ||
| 4561 | 13년 전 | 9408 | ||
| 4560 | 13년 전 | 1813 | ||
| 4559 | 13년 전 | 3371 | ||
| 4558 | 13년 전 | 485 | ||
| 4557 | 13년 전 | 1457 | ||
| 4556 | 13년 전 | 718 | ||
| 4555 | 13년 전 | 559 | ||
| 4554 | 13년 전 | 550 | ||
| 4553 |
 프로페셔널 |
13년 전 | 4314 | |
| 4552 | 13년 전 | 1515 | ||
| 4551 | 13년 전 | 1994 | ||
| 4550 | 13년 전 | 687 | ||
| 4549 | 13년 전 | 1044 | ||
| 4548 | 13년 전 | 1581 | ||
| 4547 | 13년 전 | 568 | ||
| 4546 | 13년 전 | 1623 | ||
| 4545 | 13년 전 | 1341 | ||
| 4544 | 13년 전 | 3041 | ||
| 4543 | 13년 전 | 1019 | ||
| 4542 | 13년 전 | 2273 | ||
| 4541 | 13년 전 | 1141 | ||
| 4540 |
미운오리스키 |
13년 전 | 1069 | |
| 4539 | 13년 전 | 1169 | ||
| 4538 | 13년 전 | 1595 | ||
| 4537 | 13년 전 | 1181 | ||
| 4536 | 13년 전 | 565 | ||
| 4535 |
스터디24 |
13년 전 | 835 | |
| 4534 |
스터디24 |
13년 전 | 983 | |
| 4533 | 13년 전 | 659 | ||
| 4532 |
soing
|
13년 전 | 7382 | |
| 4531 |
 매직크레용 |
13년 전 | 6405 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기