안녕하세요 저는 현재 웹 사이트를 만들고 있습니다 (누가 그렇지 않습니까?). 내 웹 사이트 디자인은 다음과 같습니다그리드 시스템의 레이아웃/사용
데스크톱 버전 : 
모바일 버전 : 당신이 볼 수 있듯이
(큰 이미지 죄송합니다), 많은 변화하지 IST .
사이드 바 및 글로벌 탐색은
주요 내용 레이아웃 변경 (O/오프 캔버스를 통해 메뉴) 모바일 버전에서 사용할 수 없습니다.
콘텐츠 div의 레이아웃도 변경됩니다. (? 사용은 그리드 시스템에서 그 FOT Colums 중첩)
내 질문은 : 내가 그리드 시스템을 사용해야합니까? 예 : 오렌지 컨텐트 영역이나 구멍 웹 사이트에 사용해야합니까?
추가 : 사이트가 가득 참이어야합니다!
mmgross가 말했듯이 디자인에 대한 경험과 경험에 관한 꽤 광범위한 질문을하고 있습니다.
이미 정의 된 그리드 시스템에 대한 액세스를 제공하는 다양한 도구와 프레임 워크가 있습니다. 부트 스트랩은 아마도 가장 잘 알려져 있지만 Foundation CSS는 매우 대중적이되어 가볍습니다. 복잡한 스타일링을하고 기존의 그리드를 원한다면 내 개인적인 선택은 스켈레톤입니다. 매우 가볍지 만 찾고있는 그리드/응답 성을 추가합니다.
이렇게하면 HTML/CSS를 얼마나 익숙하게 사용하고 있습니까? 그리드 사용의 큰 이점 중 하나는 많은 미디어 쿼리를 작성하지 않고도 응답을 얻을 수 있다는 것입니다. 그럼에도 불구하고 적어도 미디어 쿼리를 작성하여 모바일인지 여부를 판단해야합니다. 따라서 CSS의 위치에 익숙하다면 그리드를 전달하고 직접 작성하는 것이 가장 좋습니다 (레이아웃을 보면, 아마 내가 뭘할지).
작업을 수행하는 데 걸리는 시간과 새로운 작업을 수행하는 데 걸리는 시간 사이에 항상 균형이 맞으므로 일부 프레임 워크의 학습 곡선이 생각보다 가파르다는 점을 명심하십시오. 다시 한번 말하지만, 익숙한 CSS를 사용하는 것보다는 익숙한 것을 사용하는 것이 더 쉬울 것입니다.
희망이 도움이되었습니다!
답변 해 주셔서 감사합니다! Bootsrap도 한번 보았습니다. 그러나 ist는 그 프로젝트에 대해 너무 많은 오버 헤드를 가지고 있다고 생각합니다. 나의 기술은 꽤 좋다 (혼자서 그것을 배우기 위해서), 나는 경험이 없다. 나는 지금 비상 한 것을 다운로드하고 그것으로 내용을두기로 선택했다.일부 미디어 Querys를 변경 한 후에는 꽤 잘 작동합니다! –
반가워요! 저기 밖에서 꽤 무거운 것들이 많이있어, 당신의 요구에 맞는 것을 발견하고 그것을 작동하게한다는 것을 듣고 좋은. 사이트와 함께 행운을 빌어 요! –
http://unsemantic.com/ 권장되는 그리드 시스템입니까? –
와우, 그건 매우 광범위한 질문입니다. 그래서 당신에게 줄 수있는 것은 똑같이 넓은 대답입니다. 개인적으로, 나는 당신이하는 일이 무엇이든간에 만족스럽게 사용해야한다고 생각합니다. 당신이 이미 사용할 수있는 것에 대해 생각해 보았습니다. 사이트의 프로토 타입을 만들어서 테스트 해 보시지 않겠습니까? – mmgross
대답 주셔서 감사합니다 –