에이디커뮤니케이션 :: 기타 메뉴 > 홈페이지 운영팁 > 반응형 홈페이지의 역사


- -
[내용보기]


고객센터 1566-8667
HOME > 기타 메뉴 > 홈페이지 운영팁
 
작성일 : 22-06-22 13:09
반응형 홈페이지의 역사
 글쓴이 : 에이디커뮤…
조회 : 138  

[반응형 홈페이지의 역사]


반응형 홈페이지는 좋은 디자인을 정의하는 가장 중요한 요소 중 하나가 되었습니다.
처음부터 홈페이지가 반응형처럼 항상 적응할 수 있었던 것은 아닙니다.
수년간 반응형 웹디자인의 개념을 수정하여 오늘날의 기술에 도달했습니다.


오늘은 '반응형 홈페이지의 역사'에 대해 이야기해 보겠습니다.


- 모바일 중요성의 확대
홈페이지 제작 시 데스크톱 기기 사용자의 요구를 먼저 고려하는지 또는 모바일 기기 사용자의 요구를 먼저 고려하는지에 따라 두 가지 범주로 나뉩니다.
그 경향은 모바일 쪽으로 갈수록 가속화되고 있습니다.
모바일 디자인은 현재 웹디자인의 많은 트렌드와 일치하는 훨씬 더 단순하고 미니멀한 경우가 많습니다.


- 유동적 레이아웃
고정된 레이아웃을 사용하면 모니터가 사이트가 설계된 것과 정확히 동일한 해상도가 아닌 경우 디자인이 깨질 가능성이 큽니다.
이에 따라 유동적 레이아웃은 반응형 웹디자인의 최초의 혁신적인 사례가 되었습니다.
움직이는 레이아웃은 다양한 모니터 해상도와 브라우저 크기에 적응할 수 있습니다.


- 유동적 그리드
유동적인 격자의 개념은 홈페이지가 현재 화면 크기에 따라 늘어나거나 축소되는 다양한 유연한 열을 채택할 수 있어야 한다는 아이디어를 도입했습니다.
모바일 기기에서 이는 하나 또는 두 개의 유연한 콘텐츠 열을 도입하는 것을 의미하는 반면, 데스크톱 기기는 일반적으로 더 많은 공간으로 인해 더 많은 열을 표시할 수 있습니다.


 
- 유연한 이미지
유연한 이미지는 콘텐츠와 마찬가지로 이미지가 위치한 유동적인 격자를 따라 커지거나 줄어들 수 있어야 한다는 아이디어를 도입했습니다.
최대 너비를 100%로 설정하면 이미지가 콘텐츠와 함께 크기가 조정됩니다.


감사합니다.


 
 

Total 399
번호 제   목 글쓴이 날짜 조회
399 팝업창 디자인 노하우 에이디커뮤… 08-12 37
398 2023 웹 디자인 트렌드에 주목하자 에이디커뮤… 08-10 49
397 웹 접근성 진단방법 에이디커뮤… 08-08 61
396 도메인 짓는 법 에이디커뮤… 08-03 78
395 제품 상세페이지를 잘 만드는 방법 에이디커뮤… 08-02 68
394 어플(앱) 마케팅 노하우 에이디커뮤… 07-22 106
393 간편 로그인 디자인 에이디커뮤… 07-21 97
392 틱톡 광고의 종류 에이디커뮤… 07-18 121
391 검색광고 시장 점유율 알아보기 에이디커뮤… 07-15 131
390 좋은 홈페이지의 조건 에이디커뮤… 07-11 133
389 검색엔진 최적화(SEO)를 위한 태그 확인법 에이디커뮤… 07-07 146
388 홈페이지 인사말 페이지 작성하기 에이디커뮤… 07-06 149
387 랜딩 페이지를 잘 만드는 방법 에이디커뮤… 07-04 157
386 홈페이지 제작 회사를 선택하기 위해 고려해… 에이디커뮤… 06-30 164
385 인스타그램으로 잠재고객과 소통하는 비결 에이디커뮤… 06-29 146
 1  2  3  4  5  6  7  8  9  10