Ejang.net :: 기획자&디자이너 Wireframe note

파워포인트로 기획서 작업을 하다보면, 정보가 다 들어찬 경우와 다 들어차지 않은 경우가 있을텐데,
보통은 사용자들이 처음 만나는 화면을 잊어 버리고 그리는 실수를 하기도 하고, 먼가 허전한 구석이
있도록 원치 않는 여백의 미가 살아나는 경우가 있습니다. ^ ^

머리속에 있는 내용을 조금 더 실제와 가깝게 표현하고자 한다면 아래 도구들을 이용해 보는것도
좋을것 같습니다. 원래는 그리드 디자인과 더 관련된 내용임을 각 페이지들을 방문하시면 확인하실 수 있습니다.
이제부터 당신은 기획자이너

덧붙임 : 도티님 블로그 (새 창으로 열기)에 방문하시면 그리드 정렬의 미학이라는 글 (새 창으로 열기)을 보실 수 있습니다.

이곳에서 다운 : http://konigi.com/tools/graph-paper (새 창으로 열기)

그리고 하나 더.
왜 하필 960 이냐?

ine-Sixty

All modern monitors support at least 1024 × 768 pixel resolution. 960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.

파워포인트 버젼이 없어서 조금 아쉽기는 하지만
Download (새 창으로 열기) (180 KB) → Zip contains PDF grid paper, templates for Fireworks, OmniGraffle, Photoshop & Visio,
and CSS framework with demo HTML.

그리드 시스템을 이용해서 페이지 디자인을 생각하고 있다면, YAML BUILDER (새 창으로 열기) 도 한 번 구경해 보세요.

Free Tibet (새 창으로 열기)페이지를 YAML (새 창으로 열기) 도움을 받아서 페이지를 만들었는데, 엉망이네요 (ㅠ.ㅠ)

그리고 브라우져 마다 화면 영역이 다르다는 것을 이번에 처음 알았습니다.