가 표준에 대한 크기의 폭 웹사이트에서 이? 는 무엇이 있는 크기는? 왜?
가 표준에 대한 폭 디자인 web 페이지 모형은?
그렇다,아니 어쩌면?
Once upon a time(아래 참조)을 웹 디자인에게도 하나 만들기에 딱 맞는 합리적으로 잘 대부분에서 화면이 있습니다. 에는 크게 변경되었 채용으로의 응답성이 뛰어난 웹 디자인(RWD).
RWD 디자인의 원리를 만드는 디자인 방법으로 들어갈 수 있는 합리적으로 잘**장치의 크기에 관계 없이는 장치입니다.
웹 개발,미디어 쿼리가 자주 사용하는을 적용하는 다른 세트의 스타일을 웹 페이지의 수에 따라 요인입니다. 몇 가지 일반적인 요소를 포함한다:
현재 화면 너비 현재 화면의 높이 폭 장치 장치의 높이 *장치의 방향
기 때문에 스타일 대상이 될 수 있는 특정 화면 크기,그것이's 지 기타 여러 개를 만들의 집합을 설계하는 대상 특정 범위.
을 명확기 세트"기준". 이 없 몸을 관리하는 조직 또는 말했"디자이너를 만들어야 한 디자인은 다음과 같은 이러한 크기 지침"기 때문에,그것이 결's 판단을 호출합니다.
그는 말했다,웹 개발 산업에 있는 유기적으로 세트의 일반적인 중단점을 발생시됩니다.
일반적인 중단점은 현재 화면 너비 및 일반적으로:
단위에서px
</하위>
320 480 768 1024 1200 1600
은 이유로 이러한 특정 번호를 예쁜 일상. 원래 아이폰을 했으로 화면의 크기 320×480 원래 iPad 했으로 화면 크기의 768×1024;1600×1200 에 대한 일반적인 큰 화면 해상도.
동's 보기 위하여 일반적 모형을 일부 또는 모든 그단점's 한 일반적인을 제공해야 할 여러 개의 렌더링이 특정 페이지를 보여주는 중간 디자인 굴절 점이다.
액체 폭 샘플을 보여주는 스택에서 항목을 768px 광해야 할 수도 있습을 포함한 디자인에 대한 900px 는 항목으로 전환하는 두 개의 열이 있습니다. 당신이 발견한다면 당신은 필요를 제공하는 많은 디자인에 대한 이러한 중간점,I would highly recommend 디자인 개별 구성 요소 및 보여주는 중단점을 어디서 구성 요소인 변화에서별 구성 요소를 기준으로 포함하지 않고 페이지의 나머지 부분에서형.
또한 이것을 방지하는 데 도움이 일반적인 디자인은 어디에 함정이 특정한 UI 구성 요소를 가 없거나 적합하지 않는 간단점.
다음은 이전 버전의 이 대답하는 나 유지에 대한 후's sake,하지만 그것되지 않는 관련 위한 시간
나는'm 놀라게 한 이는 아직:
Google 는 개발 도구
그것은 꽤 많 귀하의 질문에 대답 혼자입니다.
나는 몇 가지 메모에 현재 트렌드:
현재 대부분의 사용자가 해상도 1024×600(블/넷북)또는다. 당신이 기억하기를 제거해24px
에 대한 스크롤 막대는 좋은 심지어 1000px 폭입니다. 으로 높이:사용자가 웹에 매우 좋은 스크롤 수직으로,그들이've 에 익숙해져 스크롤 바퀴에 쥐입니다. 초기 높이는 중요한 대부분에 대한 노출됩니다.
사용자는 매우 좋지 않아서다,그래서 레이아웃보다 넓이 1000px 권장하지 않습니다.
또한많은 사용자가 더 큰 스크린을 사용하지 않는 그들의 화면 전체에 대한 자신의 웹 브라우저입니다. 특히 지금 윈도우 7 에는 간단한 드래그-앤-독 기능을 놓는 창에는 반합니다.
요약:
피 정적 폭을 통해 1000px 확인 첫 인상이 좋은 외모에서 1024x600 *지't 드롭하는 것을 두려워하는 콘텐츠 도입했습니다.
짧은 대답:775x400 800x600 고,1024x768 사용 1000x500.
긴 대답: 할 수 없습니다 이제까지 확인하는 귀하의 프레젠테이션은 그것을 볼 것이 바로 클라이언트 컴퓨터에(수 있는 다른 수술 시스템,브라우저는 다른 측정,모니터거나 낮은 해상도와 큰 글꼴 설정을 읽기 더 낫다). 이러한 이유로 나가는 경향을 보여 항상 프레젠테이션에서 내 컴퓨터 내가 할 수 있습니다.
할 수 없는 경우에는 보에에서 크기는 중요 난 그들을 사용한 내 개인적인 규칙(Don't take my 측정으로 거룩한 자들,모두가 자신의 소유하고):
안전한 것으로 크기 좋은 최적화를 위한 800x600(제거 scrollbard 고합니다.를 사용 775x400"선의 위"). 그러나 옛날이 더 많은 저렴으로 화면 더 넓은 표준 시작하는 디자인에 대한 1024x768(1000x500)
중요한을 최적화하는지를 높이지만 대한 폭입니다. 고도 그것이 해결할 수 있는 간단한 스크롤 마우스로 폭지 않는 경우't mac 마우스할 수 없는 수평으로 스크롤을 보려면 더 많은 정보입니다. 그것은 알고 좋은 그러나 더 많거나 적은 될 수 있는 위치의 하단 라인 화면는 경우에도,그것은 결정하는 것은 불가능하다.
참고:사용한 높이가 낮은 것에도 1000px 기 때문에 사람들이 많이하는 경향이의 추가적인 스크롤바를 기본 브라우저(예 GoogleRank 예를 들어이나 북마크,그리고 많은 다른 사람),그래서 항상 같은 디자인에 대한 최악의 상황이 가능합니다.
P.s. 죄송한 내 나쁜 영어)
우리는 프로그램 추적이 우리에게 정보에 대해 사용해 주시기 바랍니다. 절반 이상에서 1024x768. 그래서 나는 것을 사용하면"standard"모니터링 크기입니다.
그러나는's 하지 않고 라이브 지역의 사이트에 대한—사람들이 사이드 바,그't always 브라우저 창을 열고 전체 너비,등등.
나960 그리드 시스템이</한다. 숫자를 유연하고 웹사이트를 많이 제공합 템플릿을 다운로드합니다. 내가 사용하는 것에 대한 나의 모형,그리고 모두를's 않습니다.
브라우저의 크기를 오늘은 까다로운 질문하기 때문에 사람들이 사용하는 두 가지 장치 유형,컴퓨터가 더 높은 해상도와 휴대폰 상대적으로 낮은 해상도.
당신이'다시 만드는 사이트 사이트보다 오늘날 대부분의 컴퓨터(가장되 90%또는 그 이상)최소한 해상도 1024. 하려는 경우 약간 적은 컴퓨터 하지만 여전히 좋은 비율 1,200 도에서는 범위에 있습니다.
당신이'다시 만드는 모바일 사이트,대부분의 휴대 전화에서 최대 480px 에 대한 수평적 탐색,그러나 그들의 대부분은 또한 몇 가지 종류의 렌더링 시스템을 위해 큰 사이트입니다.
질문에 대한 크기는 모든 것에 대해 자신의 관객,당신의 표적은 무리의 디자이너들이,당신이 할 수 있는 큰 사이트는 경우,그's 가운데 세 사람들이 찾고 새로운 자동차 보험을 하는 것보다 좀 더 작은 경우,'s 을 위한 휴대 전화 사용자가를 보는 동안에 자신의 휴대 전화,심지어 작은 여전히있다.
그것은 완전히 달라집에서 당신의 웹 사이트는 원칙적으로,나는'd 하지 않는 경향이 갈 1000 사람들을 위해 클라이언트에 오래된 기계입니다. 그런데 연구 결과는 지금 보는 디자인에 대한 1200 은 이제 허용에서 디자인의 세계로,그래서 그's 식품 위한 생각입니다.
당신의 계획을 칠 공통 분모 및 발생하는 경우에는 것 조 공룡에 800x600Windows95 컴퓨터 그는's 가 충족해야 합니다.
또한 그것을 완전히 디자인에 따라 달라집니다 당신의 웹 사이트입니다. 나는'm 현재 디자인 웹사이트에 대한 내국과 그's 될 것 800 넓게는 대한 기본 설정하지 않을 수용하는 사람이 특정한다.