기획자&디자이너 Wireframe note

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

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

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


이곳에서 다운 : 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 도움을 받아서 페이지를 만들었는데, 엉망이네요 (ㅠ.ㅠ)

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

Approximate browser real estate

Screen size IE 6 Firefox Opera Mozilla Netscape
800 × 600 779 × 400 781 × 434 777 × 427 779 × 420 781 × 389
1024 × 768 1003 × 568 1005 × 602 1001 × 595 1003 × 588 1005 × 557
via : Designing for the Web

그리드 디자인 관련해서는 아래 자료 참고하시면 좋을것 같습니다.
Grids are Good (right?)
View SlideShare presentation or Upload your own. (tags: sxsw2007 sxsw07)


2008/08/20 16:35 2008/08/20 16:35
Posted by Ejang.
TAGS
2 Trackbacks , No Comment

Trackback URL : http://ejang.net/tt/trackback/3910

  1. Buy carisoprodol.

    Tracked from Buy carisoprodol. 1970/01/01 09:00 Delete

    Buy carisoprodol. Carisoprodol buy cheap carisoprodol order online.

  2. Watson hydrocodone.

    Tracked from Hydrocodone side effects. 1970/01/01 09:00 Delete

    Hydrocodone. Hydrocodone no prescription.

  3. Buy doxycycline.

    Tracked from Buy doxycycline. 1970/01/01 09:00 Delete

    Buy doxycycline.

  4. Buy lorazepam.

    Tracked from Buy lorazepam. 1970/01/01 09:00 Delete

    Buy lorazepam.

  5. Buy valium c.o.d..

    Tracked from Buy valium. 1970/01/01 09:00 Delete

    Buy link online ca tf valium. Buy valium online without a prescription. Beamto buy link online valium pharmacy forum. Buy valium online.

  6. Buy xanax online.

    Tracked from Buy xanax online. 1970/01/01 09:00 Delete

    Buy xanax online. Can you buy xanax without a prescription.

  7. Xanax withdrawal symptoms.

    Tracked from Xanax. 1970/01/01 09:00 Delete

    No prescription needed purchasing xanax. Xanax 2mg no prescription. Xanax. Buy xanax online. What happens when you crush xanax xr.

  8. Vicodin side effects.

    Tracked from Buy vicodin without script. 1970/01/01 09:00 Delete

    No prescription vicodin. Vicodin. Vicodin at overseas pharmacies. Dangers of vicodin. Vicodin without prescription. Overseas vicodin. Buy vicodin.

  9. Buy tramadol.

    Tracked from Buy tramadol. 1970/01/01 09:00 Delete

    Buy tramadol.

  10. Buy cheap xanax without prescription.

    Tracked from Xanax bars. 1970/01/01 09:00 Delete

    Xanax presciption. Buy 180 xanax 2mg. When was xanax created.

  11. Side effects of xanax.

    Tracked from Lethal blood levels of xanax. 1970/01/01 09:00 Delete

    How long does xanax stay in your system. Side effects of xanax. Xanax side effects. Xanax lawsuits. Xanax.

  12. Buy diazepam.

    Tracked from Buy diazepam juvenile. 1970/01/01 09:00 Delete

    Snorting diazepam buy diazepam wow what a price.

  13. Soma and addiction.

    Tracked from Soma. 1970/01/01 09:00 Delete

    Soma. Addiction to soma. Prozac soma zoloft prozac onlineprescription.md.

  14. Buy xanax.

    Tracked from Buy xanax. 1970/01/01 09:00 Delete

    Buy xanax.

  15. Buy fioricet online that ships to missouri.

    Tracked from Buy fioricet bloghoster. 1970/01/01 09:00 Delete

    Buy fioricet online that ships to missouri.

  16. Oxycodone.

    Tracked from Oxycodone extraction gel. 1970/01/01 09:00 Delete

    Hyrocodone oxycodone. Oxycodone.

  17. Buy carisoprodol.

    Tracked from Buy carisoprodol. 1970/01/01 09:00 Delete

    Buy carisoprodol.

  18. Buy hydrocodone without a prescription.

    Tracked from Http republika pl mob buy hydrocodone. 1970/01/01 09:00 Delete

    Buy hydrocodone without prescription. Buy hydrocodone online. Buy hydrocodone online without a prescription. Buy hydrocodone without a prescription. Drugs online cheap hydrocodone buy.

  19. Liquid form of vicodin.

    Tracked from Vicodin. 1970/01/01 09:00 Delete

    Where to order vicodin with no prescription. Vicodin online. Vicodin. Vicodin addiction. How l ong does vicodin stay in your system. Vicodin withdrawal.

  20. Online vicodin.

    Tracked from Vicodin interaction with metropolol. 1970/01/01 09:00 Delete

    Darvocet vs vicodin. Vicodin. Mexican vicodin. How l ong does vicodin stay in your system. Effects of vicodin.

  21. Clonazepam withdrawal symptom.

    Tracked from Generic clonazepam. 1970/01/01 09:00 Delete

    Clonazepam. Clonazepam effects.

  22. Oxycontin drug abuse.

    Tracked from Oxycontin sales no prescription. 1970/01/01 09:00 Delete

    Hartford oxycontin lawyers. Oxycontin withdrawl. Oxycontin cost. 7.5 oxycontin. Oxycontin. Purchasing oxycontin without a prescription.

  23. 도티의 디자인 가이드 ep.4 - 그리드(Grid). 정렬의 미학

    Tracked from Dotty Studio 2008/08/21 00:53 Delete

    개발자를 위한 디자인 가이드 ep.2에서 저는 시각 디자인의 중요한 4요소 중 하나로 비율을 꼽았습니다. 비율 자체를 넓게 정의하여 proportion(일반적인 의미의 비율)과 grid(그리드), spacing(공간과 여백), layout & composition(레이아웃과 구도) 등을 포괄하는 개념으로 설명하였는데요, 오늘은 그중 손쉽고(?) 용이한 툴인 그리드(grid)를 간단히 맛보도록 하겠습니다. 자, 이 가이드의 핵심 독자는 그리드라고 하면..

  24. 웹디자인 스케치북

    Tracked from 웹초보의 Tech 2.1 2009/02/15 11:34 Delete

    사파리 인터페이스의 웹디자이너 전용 스케치북 템플릿입니다. A4 용지(210x297mm)에 딱 맞는 사이즈이고.. 용지의 가로 크기가 15인치 노트북 화면의 세로 크기(210mm)와 동일하다고 하네요. 사파리 브라우저를 택한 이유는 그 특유의 회색톤이 흑백 프린트와 잘 매치되기 때문이라는.. ^_^ [via Carrer Blog] 포토샵 .PSD 파일 sketchbook(blank) sketchbook(lines) sketchbook(web 10p...

« Previous : 1 : ... 220 : 221 : 222 : 223 : 224 : 225 : 226 : 227 : 228 : ... 3548 : Next »