웹사이트는 반응형 웹사이트여야 하나요?

“반응형 웹사이트 디자인(반응형 웹 디자인)의 개념은 사용자 행동과 사용되는 기기 환경(시스템 플랫폼, 화면 크기)을 지능적으로 기반으로 페이지의 이미지 레이아웃 크기를 중앙에서 생성하는 것입니다. , 화면 방향 등)을 해당 레이아웃에 적용합니다.”

위 내용은 Baidu Encyclopedia에서 가져온 것입니다. 간단히 말하면 반응형 웹페이지는 여러 장치에 적응하는 도메인 이름입니다. 장치 변환의 경우 일반적으로 "드롭다운 조판"이라고 합니다. 온갖 종류의 모바일 장치가 존재하는 오늘날의 세계에서 반응형 웹 페이지는 의심할 여지없이 대부분의 사람들이 웹 페이지를 만들 때 가장 우선시하는 요소입니다. 어떤 디자인도 완벽할 수 없으며 모든 장점에는 반드시 단점이 있습니다. 먼저 반응형 웹 페이지가 무엇인지 살펴보겠습니다. . 이점?

1. 해상도가 다양한 기기에 대한 유연성이 뛰어납니다

요즘에는 디자인 초안을 작성할 때 웅장한 시각 효과를 내기 위해 보통 1920*1080 크기를 하나의 화면으로 사용하여 디자인합니다. 다음으로 우리의 디자인 초안이 프런트엔드에 들어가 검토를 위해 고객에게 전달될 때 일반적으로 1440*600 화면과 그보다 더 작은 해상도의 노트북을 사용하는 고객이 여전히 많다는 것을 알게 됩니다. 이번에는 반응형이 아니기 때문에 디자인이 표현되는 방식이 매우 당황스럽습니다.

작은 화면 속 우리 필터박스는 '먹혔다'! 이때 디자이너는 작은 화면에 맞게 레이아웃을 변경하기 위해 야근을 해야 하는데, 이는 효율성을 크게 떨어뜨리는 반복 작업이다.

또한 크고 작은 화면에 더해 이제 모두가 고개 숙인 사람이 됐다. 5일은 먹지 않고, 하루는 물을 마시지 않고 살 수 있고, 한 시간도 가만히 앉아 있지 못하는 상황이다. 휴대폰을 들지 않고도 1초라도. 휴대폰이 다른 전자 장치의 거의 모든 기능을 대신하게 되었는데도 여전히 단지 웹사이트를 보기 위해 컴퓨터를 켜는 사람이 몇 명이나 될까요? 결국, 우리는 이제 휴대전화를 사용하여 채팅하고, 사진을 게시하고, 웨이보를 확인하고, 정보를 읽습니다. 하지만 휴대전화의 해상도에 적응하지 못하는 웹사이트는 어떻게 될까요? 즉, 다른 사람에게 웹사이트 주소를 알려줬는데, 그 사람이 우연히 휴대폰으로 그 주소를 열었을 때, 웹페이지는 어떤 모습일까요?

눈이 멀 정도로 휴대폰 스타일이 붐비네요! 아무것도 선명하게 보이지 않을 때 필터 상자를 어떻게 누르나요? 물론 확대만 가능합니다! 웹 페이지를 확대할 때 정보를 입력하거나 필터링하는 것이 얼마나 고통스러운지 다들 경험해 보셨을 거라 믿습니다. 따라서 이때 대응성의 장점은 분명합니다.

서 있거나 앉아 있거나 누워서 열어도 웹 페이지는 원래의 아름다운 모습을 유지합니다.

2. 다른 기기를 작동하는 것에 대해 걱정할 필요가 없습니다.

우리는 언제 휴대전화를 사용하여 웹을 탐색하게 될까요? 보통 지하철에서처럼 지루하게 오랜 시간을 보내야 할 때 가장 인내심을 갖고 웹페이지를 보거나, 심지어 이 웹페이지의 다른 기능을 심도 있게 탐색하기도 하고, 적합하지 않은 웹페이지를 발견하게 되는 경우가 많습니다. 작동 중에 틈과 같은 장애물이 생길 수 있으며, 이는 사용자의 인내심을 기하급수적으로 소모합니다.

손가락에는 너비가 있으므로 휴대폰의 버튼 크기에는 특정 사양이 있습니다. 웹 페이지가 원래 디자인되었을 때 반응형으로 설계되지 않은 경우 웹 페이지, 작은 요소에 이런 일이 발생할 수 있습니다. PC에서는 아주 좋아 보이는 버튼이 휴대폰에서 열리면 조화가 덜해집니다. 선택 상자 사이의 간격이 충분하지 않거나 입력 상자 자체가 충분히 크지 않으면 사용자가 클릭할 때 실수를 하게 됩니다. 이러한 웹사이트에 대한 불만과 혐오감을 불러일으키는 경우가 많습니다.

반응형 웹사이트로 시작해서 이러한 요소들을 고려한다면 웹페이지가 적응형이기 때문에 손가락이 입력창을 가리거나 실수하는 등의 문제는 절대 없을 것입니다. 충돌하고 다시 로드됩니다.

이 시점에서 '와, 반응형에는 장점이 너무 많아서 나도 반응형이 되고 싶다!'라고 말해야 합니다. 이제부터 우리는 모두 응답할 것입니다! 젊은이들이여, 모든 좋은 일에는 나쁜 일이 있을 수 없습니다. 그렇다면 반응성의 터무니없는 단점은 무엇입니까?

1. 작업량이 많고 주기도 길다

지금 3~4명 정도의 작업을 한 사람이 하게 놔둔 것처럼 프런트엔드가 되면 이 문제의 완성 주기도 필연적으로 늘어나게 된다. 반응형으로 작성하는 것은 하나의 코드 세트가 너무 편리합니다. 웹 페이지 적응의 결과를 얻으려면 하나의 도메인 이름에 여러 코드를 넣어야 하며, 모든 측면에서 다양한 크기와 플랫폼의 적응성을 고려해야 합니다. , 매우 복잡해 보입니다.

2. 코드가 길고 로딩 속도가 너무 느립니다.

Rice Hull Internet의 프런트엔드 기술 원숭이의 피드백에 따르면 반응형 웹사이트의 코드 상태는 옷을 가득 담은 여행가방과 같습니다. 이를 여는 데 일정 시간이 걸립니다. 이번에는 사용자의 네트워크 속도를 테스트하는 것뿐만 아니라 사용자의 인내심도 테스트합니다. 따라서 반응형 웹사이트에 적합한지 여부는 트렌드를 쫓기보다는 웹사이트의 콘텐츠에 달려 있습니다.

3. 큰 한계와 맞춤화 부족

꿈과 추구를 가진 디자이너로서 모든 디자인 초안은 우리의 생물학적 자녀입니다. 자신의 자녀가 아름답기를 원하지 않는 사람이 어디 있겠습니까? 자신의 자녀가 다른 사람들과 다르고 특별한 재능을 갖기를 원하십니까? 하지만 반응형 웹사이트의 특성상 웹 디자인에 큰 제약을 가하고 있습니다. 바이두를 보면 반응형 모델링 웹사이트가 압도적으로 많습니다.

이건 패스트패션 소비재와 똑같고, 싼 것이 싸고, 매칭율도 99.9%에 달한다는 느낌이 든다.

게다가 반응형 웹 페이지는 프레임워크를 깨뜨릴 수 없으며 정기적으로 분할된 레이아웃이 필요합니다. 이미지에 대한 요구 사항도 매우 높습니다(이에 대해서는 후속 기사에서 집중적으로 분석하겠습니다). 콘텐츠가 복잡하고 목록 정보가 너무 많은 웹사이트는 반응형 디자인에 적합하지 않습니다. 결국, 다양한 유형의 장치에 적용되어야 하므로 설계가 너무 복잡해서는 안 됩니다. 그렇지 않으면 내결함성 비율이 낮아지고 프런트엔드 기술 유인원이 쉽게 무너질 것입니다.

요약하자면 대응에는 장점과 단점이 있기 때문에 대응을 원하는지 여부는 자신의 상황에 따라 다르며 무엇이 가장 적합한지 결정하는 것입니다.