'960gs'에 해당되는 글 1건

  1. 2009/02/14 웹디자인 스케치북 (11)

웹디자인 스케치북

기타 2009/02/14 12:13 Posted by 웹초보


사파리 인터페이스의 웹디자이너 전용 스케치북 템플릿입니다.

A4 용지(210x297mm)에 딱 맞는 사이즈이고.. 용지의 가로 크기가 15인치 노트북 화면의 세로 크기(210mm)와 동일하다고 하네요.

사파리 브라우저를 택한 이유는 그 특유의 회색톤이 흑백 프린트와 잘 매치되기 때문이라는.. ^_^

[via Carrer Blog]


포토샵 .PSD 파일


sketchbook(blank)


sketchbook(lines)


sketchbook(web 10px)

   


sketchbook(grid 100px)

 


유명한 960 Grid System의 프레임워크를 선호한다면.. [via inventis]


단일 브라우저 (Ai, PDF, JPG)


9개 브라우저 (Ai, PDF, JPG)


노트 포함 (Ai, PDF, JPG)

 



그냥 단순한 브라우저 스크린샷이 필요하다면 여기로 가보세요. 1024x768과 800x600 해상도로 윈도우/맥의 파이어폭스, 오페라, 네츠케이프, 익스플로러 스크린샷을 제공합니다.

Free Photoshop browser templates



TRACKBACK :: http://webchobo.com/trackback/806

  1. 기획자&디자이너 Wireframe note

    Tracked from Ejang.net  삭제

    파워포인트로 기획서 작업을 하다보면, 정보가 다 들어찬 경우와 다 들어차지 않은 경우가 있을텐데,보통은 사용자들이 처음 만나는 화면을 잊어 버리고 그리는 실수를 하기도 하고, 먼가 허전한 구석이있도록 원치 않는 여백의 미가 살아나는 경우가 있습니다. ^ ^머리속에 있는 내용을 조금 더 실제와 가깝게 표현하고자 한다면 아래 도구들을 이용해 보는것도좋을것 같습니다. 원래는 그리드 디자인과 더 관련된 내용임을 각 페이지들을 방문하시면 확인하실 수 있습니...

    2009/02/14 14:45
  2. 테라의 생각

    Tracked from terra's me2DAY  삭제

    웹초보의 Tech 2.1 :: 웹디자인 스케치북

    2009/02/15 14:06

댓글을 달아 주세요

  1. 별바람  수정/삭제  댓글쓰기

    웹디자인에서 중요한 부분 중 하나가 스케치입니다. 개인적인 웹사이트를 만들든 규모가 큰 회사의 홈페이지를 만들든간에 일단 웹사이트를 만들 계획이 잡혀진다면 스케치로 들어가게 됩니다. 물론 이 스케치 부분을 그냥 넘어갈수도 있습니다만 스케치를 하게 된다면 대략적인 메뉴 배치나 인터페이스 등을 미리부터 잡고 시작할수 있으므로 도중에 삽질하지 않고 시간이 단축되는 효과가 있습니다.

    스케치는 그냥 공백의 빈 종이에서 해도 문제는 없지만 실제 웹브라우저에서 보여진다는 느낌을 주기 위해 웹브라우저의 빈 화면을 해상도별로 캡쳐한뒤 이를 프린트하여 기본적인 골격이나 메뉴배치 등등을 스케치하는것이 가장 좋습니다.

    또한 현재의 웹디자인은 낮은 사양의 모니터를 쓰는 사람을 고려해 800*600, 1024*768의 사이즈를 토대로 제작하는것이 가장 좋습니다. 이를 오바하는 사이즈로 제작할경우 낮은 사양의 모니터에서는 웹사이트가 제대로 보여지지 않을수 있습니다.

    2009/02/14 13:57
    • 웹초보  수정/삭제

      별바람님은 사진, 교복을 넘어서 이쪽 분야까지도 정통하시군요. 해박하신 지식에 경탄을 보냅니다.. ^^;

      2009/02/15 11:35
  2. 나인테일  수정/삭제  댓글쓰기

    기왕이면 맥용 사파리 스크린샷으로 했다면....
    색감이 더 예뻤을텐데요....

    감사히 받아가겠습니다.^^

    2009/02/14 14:09
    • 웹초보  수정/삭제

      그러네요.. 맥버전이었으면 더 이뻣을텐데요.. ^^

      2009/02/15 11:36
  3. NZhe  수정/삭제  댓글쓰기

    이런것들도 있군요... 웹디자인에 스케치나 구상이 중요하다고는 생각했지만 이런 아이템이 있는줄은 몰랐습니다... 역시 웹초보아닌웹초보님!

    2009/02/14 21:12
    • 웹초보  수정/삭제

      웹초보인 웹초보입니다.. ^^;

      2009/02/15 11:36
  4. 활의노래  수정/삭제  댓글쓰기

    오오. 디자인이 깔쌈한게 아주 유용하겠네요 ㅎㅎ

    여담이지만 저런게 프랭클린 플래너 속지로도 나왔으면 좋았을텐데 말이죠 ㅇㅅㅇ;;;

    2009/02/14 21:54
    • 웹초보  수정/삭제

      다이어리 속지로 나와도 괜찮겠는데요.. ^^;

      2009/02/15 11:37
  5. Mr.번뜩맨  수정/삭제  댓글쓰기

    프레임이 아주 그냥 죽여주는군요~+_+

    2009/02/14 23:22
    • 웹초보  수정/삭제

      하하.. 표현이 아주 구수하시군요.. ^^

      2009/02/15 11:37
  6. paqgmkxrz  수정/삭제  댓글쓰기

    eFjxPT <a href="http://rqiyrcswswhd.com/">rqiyrcswswhd</a>, [url=http://dvevxhcvqrbp.com/]dvevxhcvqrbp[/url], [link=http://lrnrqkwvccbm.com/]lrnrqkwvccbm[/link], http://zhrekmpxeyvz.com/

    2011/08/31 19:23
[로그인][오픈아이디란?]





따끈따끈한 최신 소식을 트위터에서~


카테고리

전체 (1486)
뉴스 일반 (54)
뉴스 MS (56)
윈도우 7 뉴스 (63)
윈도우 7 팁 & 활용 (31)
PC 팁 & 활용 (28)
구글 뉴스 (62)
구글 팁 & 활용 (34)
구글 크롬 (26)
파이어폭스 뉴스 (64)
파이어폭스 팁 (37)
파이어폭스 확장기능 (87)
브라우저 일반 (24)
IE (14)
오페라 (13)
소프트웨어 뉴스 (94)
소프트웨어 소개 (156)
소프트웨어 활용 (18)
웹사이트 소개 & 활용 (176)
링크 모음 (60)
가젯 & 스타일 (118)
아이폰 (1)
블로그 팁 (34)
유머 (74)
게임 (41)
번역글 (5)
잡담 (22)
기타 (87)
http://file.tattermedia.com/media/image/plugin/tnm_badge_white.gif
Tatter & Media textcube get rss
올블로그 어워드 5th 엠블럼
2011-03-30_005923_1
2011-03-30_005602
위자드닷컴 추천블로그 | 웹초보의 Tech 2.1
2009 대한민국 블로그 어워드 IT/정보과학부문후보 엠블럼

웹초보의 Tech 2.1

웹초보's Blog is powered by Tattertools / Supported by Tatter & Media
Copyright by 웹초보 [ http://www.ringblog.com ]. All rights reserved.

Tattertools Tatter & Media DesignMyself!
웹초보's Blog is powered by Textcube. Designed by Qwer999. Supported by Tatter & Media.