제 블로그 글을 요약했습니다. :)
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 패턴이라서 그나마 나았어요..^^;
아마 당분간 더 찾아보지는 않고, 지금까지 조사한 것 중
맘에 드는 것 하나씩을 선택해서 프로토타입 만들어보는 것에 집중해볼까 봐요.. ^^
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 130 | 20년 전 | 4016 | ||
| 129 | 20년 전 | 2955 | ||
| 128 | 20년 전 | 3695 | ||
| 127 | 20년 전 | 3533 | ||
| 126 | 20년 전 | 3787 | ||
| 125 | 20년 전 | 8606 | ||
| 124 | 20년 전 | 2610 | ||
| 123 | 20년 전 | 3762 | ||
| 122 | 20년 전 | 3219 | ||
| 121 | 20년 전 | 2622 | ||
| 120 | 20년 전 | 2685 | ||
| 119 | 20년 전 | 2595 | ||
| 118 | 20년 전 | 2871 | ||
| 117 |
 damoa.biz |
20년 전 | 3071 | |
| 116 | 20년 전 | 5335 | ||
| 115 | 20년 전 | 3937 | ||
| 114 | 20년 전 | 4986 | ||
| 113 | 20년 전 | 6228 | ||
| 112 | 21년 전 | 7334 | ||
| 111 | 21년 전 | 18447 | ||
| 110 | 21년 전 | 6888 | ||
| 109 | 21년 전 | 2897 | ||
| 108 | 21년 전 | 4152 | ||
| 107 |
prosper
|
21년 전 | 2512 | |
| 106 |
prosper
|
21년 전 | 4332 | |
| 105 |
아우겐나이스
|
21년 전 | 2930 | |
| 104 | 21년 전 | 2276 | ||
| 103 | 21년 전 | 2487 | ||
| 102 | 21년 전 | 2275 | ||
| 101 | 21년 전 | 2591 | ||
| 100 | 21년 전 | 1765 | ||
| 99 | 21년 전 | 1583 | ||
| 98 | 21년 전 | 1631 | ||
| 97 | 21년 전 | 2148 | ||
| 96 | 21년 전 | 1895 | ||
| 95 | 21년 전 | 2393 | ||
| 94 | 21년 전 | 3580 | ||
| 93 | 21년 전 | 1577 | ||
| 92 | 21년 전 | 1770 | ||
| 91 | 21년 전 | 3193 | ||
| 90 | 21년 전 | 2351 | ||
| 89 | 21년 전 | 3189 | ||
| 88 | 21년 전 | 2878 | ||
| 87 | 21년 전 | 3306 | ||
| 86 | 21년 전 | 5154 | ||
| 85 | 21년 전 | 2538 | ||
| 84 | 21년 전 | 4838 | ||
| 83 | 21년 전 | 2517 | ||
| 82 | 21년 전 | 3130 | ||
| 81 | 21년 전 | 7646 | ||
| 80 | 21년 전 | 3843 | ||
| 79 | 21년 전 | 3223 | ||
| 78 | 21년 전 | 4707 | ||
| 77 | 21년 전 | 2917 | ||
| 76 | 21년 전 | 6232 | ||
| 75 | 21년 전 | 4483 | ||
| 74 | 21년 전 | 5799 | ||
| 73 | 21년 전 | 3637 | ||
| 72 | 21년 전 | 5981 | ||
| 71 | 21년 전 | 3132 | ||
| 70 | 21년 전 | 2860 | ||
| 69 | 21년 전 | 2651 | ||
| 68 | 21년 전 | 2459 | ||
| 67 | 21년 전 | 2666 | ||
| 66 | 21년 전 | 2686 | ||
| 65 | 21년 전 | 3797 | ||
| 64 | 21년 전 | 2840 | ||
| 63 | 21년 전 | 2468 | ||
| 62 | 21년 전 | 2279 | ||
| 61 | 21년 전 | 3099 | ||
| 60 | 21년 전 | 3147 | ||
| 59 | 21년 전 | 2531 | ||
| 58 | 21년 전 | 2603 | ||
| 57 | 21년 전 | 2985 | ||
| 56 | 21년 전 | 2347 | ||
| 55 | 21년 전 | 2776 | ||
| 54 | 21년 전 | 2145 | ||
| 53 | 21년 전 | 2374 | ||
| 52 | 21년 전 | 2716 | ||
| 51 |
prosper
|
21년 전 | 2368 | |
| 50 |
prosper
|
21년 전 | 2184 | |
| 49 | 21년 전 | 2198 | ||
| 48 | 21년 전 | 2357 | ||
| 47 | 21년 전 | 1951 | ||
| 46 | 21년 전 | 1938 | ||
| 45 | 21년 전 | 2146 | ||
| 44 | 21년 전 | 2376 | ||
| 43 | 21년 전 | 4590 | ||
| 42 |
prosper
|
21년 전 | 2725 | |
| 41 |
prosper
|
21년 전 | 2127 | |
| 40 | 21년 전 | 2189 | ||
| 39 | 21년 전 | 2160 | ||
| 38 | 21년 전 | 2435 | ||
| 37 | 21년 전 | 2579 | ||
| 36 | 21년 전 | 1791 | ||
| 35 | 21년 전 | 4090 | ||
| 34 | 21년 전 | 3864 | ||
| 33 | 21년 전 | 3003 | ||
| 32 |
prosper
|
21년 전 | 2917 | |
| 31 | 21년 전 | 5303 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기