PSD를 HTML로 변환하는 경우 일반 웹 페이지를 만들 때 내 문서 크기가 Photoshop에서 어떻게되어야합니까?PSD를 XHTML로 변환
아직 시도하지는 않았지만 내 머리 속에 생각하고있는 것은 내 문서 크기에 따라 내 이미지 크기를 조정한다는 것입니다. 내 문서 크기가 너무 크거나 작 으면 내 모습이 반영되지 않습니다. 내 웹 페이지에서 성취하려고 노력합니다.
레이아웃이 웹 페이지의 크기와 동일하게 나타나도록 Photoshop에서 일반적인 웹 페이지를 디자인하려면 어떻게해야합니까?
이것은 중앙 집중식 웹 페이지를 기반으로하며 전체 너비 웹 페이지가 아닙니다.
대상 모니터 크기에 따라 다릅니다. 하위 공통 분모를 찾아야합니다. 작은 화면이 많을 것으로 생각되면 955px은 좋은 크기로 (대상 크기는 1024가 될 것입니다), 사이트를 대형 디스플레이에서 볼 수 있다고 생각하면 다음과 같이 높이 갈 수 있습니다. 1140 픽셀 (1280 화면 타겟팅)
정말 누가 당신을 목표로 하느냐에 달려 있습니다. 이것을위한 아무 대답도 없다.
또한 응답 식 디자인의 출현으로 인해 다른 해상도로 다른 해상도를 디자인해야한다는 점을 명심하십시오.
간단히 말해서 ... 분명히 얼마나 '중심적인'웹 페이지를 원하십니까? Photoshop에서 크기만큼의 캔버스를 만듭니다. 웹 및 장치 용으로 저장하면 Photoshop에서 해당 크기의 테이블을 자동으로 만들어야합니다. 그러면 중심에 두는 것뿐입니다.
트위터의 부트 스트랩 (http://twitter.github.com/bootstrap/), 960gs (http://960.gs/) 또는 일부 그리드 기반 솔루션에 대한 조사가 필요합니다. Blueprint (http://www.blueprintcss.org/) ... 거기에는 포토샵 템플릿이있어 사양을 디자인하는 데 도움이 될 것입니다.
웹상에서 가장 중요한 규칙은 모든 것을 제어해야한다는 요구를 포기하는 것입니다. 일부 전투는 그만한 가치가 없으며 웹에서 규칙에 위배되는 디자인을 제작하려는 사용자가 종종 그러한 규칙을 발견하게 될 것입니다. 디자인에서 코드로 이동) 사용자를 혼란스럽게합니다.
행운을 빈다.
확인 하시겠습니까?하지만 일반적인 중앙 웹 페이지의 너비는 어느 정도입니까? – user1278496
개인적으로 나는 900px-1000px에 가겠다. – George
OK 덕분에 백만 명의 친구에게 :) – user1278496