[반응형 홈페이지의 역사]
반응형 홈페이지는 좋은 디자인을 정의하는 가장 중요한 요소 중 하나가 되었습니다.
처음부터 홈페이지가 반응형처럼 항상 적응할 수 있었던 것은 아닙니다.
수년간 반응형 웹디자인의 개념을 수정하여 오늘날의 기술에 도달했습니다.
오늘은 '반응형 홈페이지의 역사'에 대해 이야기해 보겠습니다.
- 모바일 중요성의 확대
홈페이지 제작 시 데스크톱 기기 사용자의 요구를 먼저 고려하는지 또는 모바일 기기 사용자의 요구를 먼저 고려하는지에 따라 두 가지 범주로 나뉩니다.
그 경향은 모바일 쪽으로 갈수록 가속화되고 있습니다.
모바일 디자인은 현재 웹디자인의 많은 트렌드와 일치하는 훨씬 더 단순하고 미니멀한 경우가 많습니다.
- 유동적 레이아웃
고정된 레이아웃을 사용하면 모니터가 사이트가 설계된 것과 정확히 동일한 해상도가 아닌 경우 디자인이 깨질 가능성이 큽니다.
이에 따라 유동적 레이아웃은 반응형 웹디자인의 최초의 혁신적인 사례가 되었습니다.
움직이는 레이아웃은 다양한 모니터 해상도와 브라우저 크기에 적응할 수 있습니다.
- 유동적 그리드
유동적인 격자의 개념은 홈페이지가 현재 화면 크기에 따라 늘어나거나 축소되는 다양한 유연한 열을 채택할 수 있어야 한다는 아이디어를 도입했습니다.
모바일 기기에서 이는 하나 또는 두 개의 유연한 콘텐츠 열을 도입하는 것을 의미하는 반면, 데스크톱 기기는 일반적으로 더 많은 공간으로 인해 더 많은 열을 표시할 수 있습니다.
- 유연한 이미지
유연한 이미지는 콘텐츠와 마찬가지로 이미지가 위치한 유동적인 격자를 따라 커지거나 줄어들 수 있어야 한다는 아이디어를 도입했습니다.
최대 너비를 100%로 설정하면 이미지가 콘텐츠와 함께 크기가 조정됩니다.
감사합니다.