Mobirise Review: 초보자를 위한 무료 드래그 앤 드롭 웹사이트 빌더 도구

이 실습 Mobirise 리뷰에서 우리는 쉽게 자신의 웹사이트를 만들고자 하는 초보자에게 적합한 무료 웹 디자인 도구를 살펴볼 것입니다.

Mobirise는 Windows 및 Mac 장치에서 실행됩니다. 온라인 또는 오프라인에서 전체 웹사이트, 방문 페이지, 이력서, 포트폴리오 및 기타 유형의 콘텐츠를 만드는 데 사용할 수 있습니다. 스마트폰과 태블릿에서 사용할 수 있는 Android 버전도 있습니다.

이 리뷰에서 살펴보겠지만, 이 웹사이트 빌더는 코더가 아닌 사람들도 사용하기 쉽게 제작되었으며 개발자가 더 빠르게 작업할 수 있도록 하는 것을 목표로 합니다. 또한 무료로 사용할 수 있으며 필요한 경우 프리미엄 확장을 사용할 수 있습니다.

따라서 전문가 수준의 웹 사이트를 보다 효율적으로 만드는 데 도움이 되는 도구를 찾고 있다면 이 솔루션이 바로 당신이 찾고 있는 솔루션일 수 있습니다. 이것이 귀하에게 적합한 웹 디자인 도구인지 알아보기 위해 사용자 경험을 확인하기 전에 기능에 대한 개요부터 시작하겠습니다.

Mobirise 검토: 특징 및 기능

소개에서 언급했듯이 Mobirise는 Windows 및 Mac 컴퓨터는 물론 Android 장치에 설치하고 실행할 수 있는 오프라인 앱입니다. 그것의 목표는 웹 페이지 구축과 관련된 개발 시간을 줄이고 비 코더가 가능한 한 빨리 매력적인 웹사이트를 만들 수 있도록 하는 것입니다.

스타일리시하고 현대적인 웹사이트를 쉽게 만들 수 있도록 도와주는 Mobirise 기능을 살펴보겠습니다.

드래그 앤 드롭 웹사이트 빌더 인터페이스

Mobirise의 주요 기능 중 하나는 드래그 앤 드롭, 포인트 앤 클릭 사용자 인터페이스입니다. 앱을 실행하고 나면 캔버스를 클릭한 다음 상황에 맞는 컨트롤과 상호 작용하여 웹 페이지 디자인 생성을 진행할 수 있습니다.

예를 들어, 텍스트 영역을 클릭하면 입력을 시작하여 기존 콘텐츠를 직접 편집하거나 자신의 콘텐츠를 추가할 수 있습니다. 작업하는 동안 서식 컨트롤에 즉시 액세스할 수 있는 편리한 텍스트 관련 도구 모음이 표시됩니다.

버튼과 같이 디자인을 구성하는 다른 요소를 클릭하면 해당 유형의 요소에 대한 컨트롤이 표시됩니다. 선택한 요소에 따라 이러한 컨트롤을 사용하여 색상과 같은 모양이나 사용자가 클릭할 때 연결되는 링크와 같은 기능 방식을 변경할 수 있습니다.

Mobirise는 블록 시스템을 사용하므로 적절한 아이콘을 클릭하기만 하면 페이지 디자인에 새 블록을 쉽게 추가할 수 있습니다. 다음 섹션에서 미리 만들어진 블록을 더 자세히 살펴보겠지만 간단히 말해서 머리글, 메뉴 및 바닥글 영역과 같이 인기 있는 섹션을 페이지에 빠르고 쉽게 추가할 수 있는 방법을 제공합니다.

페이지의 각 블록이나 섹션을 새 위치로 드래그할 수 있습니다. 이러한 블록에는 매개변수나 속성을 변경할 수 있는 자체 설정도 있습니다. 사용자 정의되는 블록에 따라 이러한 매개변수는 배경 이미지 또는 비디오, 스크롤 효과, 제목 및 기타 속성을 포함할 수 있습니다.

Mobirise 앱에서 작업하는 동안 적절한 아이콘을 클릭하여 웹 브라우저에서 페이지 디자인을 즉시 미리 볼 수 있습니다. 또한 앱 인터페이스에서 뷰파인더 크기를 변경할 수 있어 태블릿이나 스마트폰 화면에서 페이지가 어떻게 보이는지 더 잘 알 수 있습니다.

미리 만들어진 페이지 블록 선택

언급했듯이 Mobirise로 만든 웹 페이지는 하나 이상의 블록으로 구성됩니다. 선택할 수 있는 사전 제작된 블록이 많이 있으며, 각 블록을 디자인에 끌어다 놓아 페이지를 만들 수 있습니다.

이러한 블록은 메뉴, 헤더, 슬라이더, 미디어 디스플레이, 콘텐츠 영역, 기사 콘텐츠, 정보 패널, 평가, 소셜 미디어 섹션, 가격표, 양식, 지도 및 바닥글을 포함한 몇 가지 범주로 나뉩니다.

블록 카테고리에 따라 5가지 다른 헤더 레이아웃 또는 3가지 유형의 Google 지도 블록과 같이 선택할 수 있는 여러 옵션이 있을 수 있습니다. 이를 통해 콘텐츠 영역이나 이미지 갤러리와 같은 페이지의 다양한 구성 요소가 어떻게 표시되는지에 대한 많은 유연성을 얻을 수 있습니다.

사이트에 헤더 섹션을 추가할 때 선택할 수 있는 몇 가지 다른 옵션이 있습니다. 헤더 블록의 Mobirise 선택은 다양한 방식으로 텍스트, 이미지 및 버튼을 결합하여 웹 페이지에 적합한 디자인을 선택할 수 있도록 도와줍니다.

Mobirise를 사용하면 페이지 디자인에 반응형 이미지 갤러리를 쉽게 추가할 수 있습니다. 이것은 제공되는 블록의 선택 덕분입니다. 이미지 갤러리를 만들 때 이미지가 라이트박스 창에서 열리도록 설정하여 방문자의 사용자 경험을 개선할 수도 있습니다.

사용할 콘텐츠 블록도 잘 선택되어 있습니다. Mobirise를 사용하면 다른 블록을 혼합하여 일치시키거나 같은 페이지에서 여러 번 재사용할 수 있습니다. 즉, 디자인이 취할 수 있는 형식에는 제한이 없습니다.

새 블록을 페이지 디자인으로 끌어오면 매개변수 아이콘을 클릭하여 사용자 정의할 수 있습니다. 그런 다음 블록 유형에 따라 모양과 기능을 다양한 방식으로 개인화할 수 있습니다. 여기에는 배경 이미지 변경, 자신의 콘텐츠 추가, 특정 요소 켜기/끄기 또는 다른 방식으로 사용자 지정이 포함될 수 있습니다.

전체 Mobirise 사용자 인터페이스는 드래그 앤 드롭, 포인트 앤 클릭 시스템을 기반으로 하기 때문에 블록의 순서를 변경하거나 해당 콘텐츠를 사용자 정의하는 것은 매우 간단합니다.

부트스트랩 프레임워크를 기반으로 하는 완전 반응형 디자인

이 시대에 모든 웹사이트는 모바일 친화적이어야 합니다. 작은 화면의 모바일 장치에서 웹사이트에 쉽게 액세스할 수 있도록 하는 것은 긍정적인 사용자 경험을 제공하는 데 도움이 되지 않고 사이트에서 더 많은 상호작용과 전환으로 이어지지만 검색 엔진에서 콘텐츠 순위를 높이는 데도 도움이 됩니다. 이는 차례로 귀하의 사이트로 더 많은 트래픽을 유도할 수 있습니다.

고맙게도 Mobirise로 만들 수 있는 웹 사이트와 페이지는 인기 있는 부트스트랩 프레임워크를 기반으로 합니다. Bootstrap은 디자인이 어떤 화면 크기에서 보이든 상관없이 멋지게 보이도록 보장하는 완전히 모바일 반응형 코드베이스입니다.

Mobirise를 사용할 때 웹사이트와 페이지의 모바일 응답성은 디자인의 모든 측면으로 확장됩니다. 이것은 페이지의 레이아웃으로 시작하지만 디자인을 구성하는 개별 요소에도 적용됩니다.

즉, 슬라이더, 이미지 갤러리, 메뉴, 지도 등을 스마트폰과 태블릿에서 모두 쉽게 액세스할 수 있습니다. 이것의 가장 좋은 점은 진정으로 모바일 친화적인 디자인을 만들기 위해 추가 작업을 수행할 필요가 없다는 것입니다. Mobirise는 기본적으로 모바일 친화적입니다.

추가 확장 및 테마

핵심 Mobirise 소프트웨어는 사전 제작된 다양한 페이지 블록을 포함하여 무료이지만, 이 웹 드래그 앤 드롭 디자인 도구는 사용 가능한 추가 확장 및 테마를 설치하여 향상시킬 수 있습니다. 이러한 업그레이드 중 일부는 무료로 사용할 수 있으며 다른 일부는 약간의 비용으로 구입할 수 있습니다.

Mobirise와 같은 도구를 사용할 때 항상 추가 옵션을 제공하는 것이 좋습니다. 그러나 현재 선택 가능한 업그레이드는 매우 적습니다. 이미 사용할 수 있는 유용한 추가 기능이 있지만 더 많은 옵션을 제공하기 위해 향후 라이브러리 확장이 있을 것입니다.

추가 기능을 설치하는 과정은 해당 아이콘을 클릭한 다음 필요한 경우 결제하는 것만큼 쉽습니다. 이 작업을 수행한 후 웹 페이지 디자인에 새 블록을 추가하거나 Purity 테마의 경우 프로젝트에서 새 스타일을 사용할 수 있습니다.

최고의 웹 퍼블리싱 소프트웨어인 WordPress의 인기 상승 요인 중 하나는 사용할 수 있는 타사 플러그인과 테마가 많기 때문입니다. 따라서 목록에 더 많은 테마와 확장 기능을 추가하면 Mobirise가 더 유용하고 인기 있는 도구가 되는 데 도움이 됩니다.

장바구니 및 전자상거래 기능

Mobirise의 선택적 추가 기능 중 하나가 PayPal 장바구니 확장 프로그램이라는 것을 보셨을 것입니다. 최근에 출시된 이 모듈을 사용하면 Mobirise가 만든 웹사이트에 판매할 항목을 나열하고 주요 PayPal 결제 프로세서를 통해 결제를 수집할 수 있습니다.

Mobirise 및 장바구니 확장 기능의 전자상거래 기능은 WordPress 또는 Magento용 WooCommerce와 같은 오픈 소스 온라인 스토어 빌더 소프트웨어와 경쟁할 수 없습니다. 그러나 간단한 온라인 상점 및 제품 목록의 경우 좋은 옵션입니다.

이 기능을 가격표 콘텐츠 블록과 결합하면 Mobirise를 사용하여 온라인으로 제품과 서비스를 스타일리시하게 판매할 수 있습니다.

모비라이즈 코드 에디터

Mobirise의 또 다른 선택적 업그레이드는 프리미엄 코드 편집기 확장입니다. 웹사이트에서 이 확장을 활성화하면 페이지에 추가한 블록을 클릭한 다음 기본 HTML 및 CSS를 편집할 수 있습니다. 코드 편집기 기능에는 변경 사항을 저장하기 전에 변경 사항이 어떤 영향을 미치는지 확인할 수 있는 멋진 미리보기 모드도 포함되어 있습니다.

다른 Mobirise와 달리 이 기능은 초보 웹 디자이너를 위한 것이 아닙니다. 그러나 HTML 및 CSS 기술이 있는 사람들에게는 완전히 새로운 가능성의 세계가 열립니다. Mobirise를 구성하는 블록의 기존 HTML 및 CSS를 조정하는 것부터 손으로 직접 디자인을 만드는 것까지 이것은 페이지를 더 많이 제어하려는 사람들이 높이 평가할 또 다른 정말 유용한 업그레이드입니다.

작업 저장 및 게시

언급했듯이 미리보기 아이콘을 클릭하기만 하면 언제든지 웹페이지 디자인을 미리 볼 수 있습니다. 그러면 시스템의 기본 웹 브라우저에서 페이지가 열립니다. 작업에 만족하고 디자인 프로세스 중에 버튼 하나만 누르면 페이지 디자인을 저장할 수 있습니다.

또한 Mobirise를 사용하면 작업을 매우 쉽게 게시할 수 있습니다. 게시 버튼을 클릭하면 작업을 Google 드라이브에 저장하거나 FTP를 통해 웹서버에 업로드하거나 파일을 로컬에 저장할 수 있습니다.

웹 페이지를 웹 호스팅 서버에 업로드하고 싶다면 인터넷에서 사용할 수 있도록 Mobirise 내에서 업로드할 수 있습니다. FTP 계정의 세부 정보를 입력한 후 버튼을 터치하여 파일을 업로드할 수 있습니다. Mobirise FTP 관리자를 사용하면 작업 중인 여러 프로젝트에 대해 여러 계정을 쉽게 저장할 수 있습니다.

내부 FTP 도구는 Mobirise의 정말 편리한 기능입니다. 웹 페이지를 웹 서버에 업로드하는 기존 프로세스에서 또 다른 단계를 제거하여 작업을 게시할 때 시간과 노력을 절약할 수 있습니다.

Mobirise로 웹사이트를 만드는 방법

이제 이 무료 드래그 앤 드롭 웹 사이트 빌더 도구의 기능을 다루었으므로 사용하기가 얼마나 쉬운지 궁금할 것입니다. 좋은 소식은 Mobirise가 웹사이트나 개별 웹페이지를 만들 때 매우 편리하다는 것입니다.

무료 앱을 다운로드하여 설치하면 온라인이든 오프라인이든 상관없이 웹 페이지 디자인을 만들 수 있습니다.

Mobirise를 실행하면 사이트의 기초로 사용하거나 완전히 버리고 처음부터 시작할 수 있는 데모 웹 페이지가 표시됩니다.

새 페이지를 만드는 것은 쉽습니다. 그렇게 할 때 기존 페이지를 복제하거나 빈 캔버스로 시작할 수 있습니다.

예제 페이지를 사용하든 사용하지 않든 사용 가능한 블록을 작업 공간으로 끌어 페이지 작성을 시작할 수 있습니다. 그런 다음 포인트 앤 클릭 인터페이스를 사용하여 항목을 선택하고 수정을 시작할 수 있습니다.

각 블록의 일반 설정을 사용자 지정할 수도 있습니다. 여기에는 표시되는 구성 요소 또는 사용하려는 배경 이미지가 포함됩니다.

선택적 코드 편집기 확장을 사용하도록 선택하면 기본 HTML 및 CSS도 수정할 수 있습니다. 이렇게 하면 웹 사이트에 대한 사용자 정의 모양을 얻을 수 있습니다.

웹 페이지가 마음에 들면 로컬에 저장하거나 Google 드라이브에 업로드하거나 FTP를 통해 온라인에 게시할 수 있습니다. 그런 다음 웹 사이트에 대한 추가 페이지를 만들고 메뉴 블록을 통해 함께 연결하는 경우입니다.

모비라이즈 리뷰 결론

Mobirise는 매우 사용하기 쉬운 무료 웹사이트 빌더 도구입니다. WordPress보다 사용하기 훨씬 쉽습니다. 그러나 Mobirise는 만들 수 있는 웹 사이트 및 페이지 유형 측면에서 훨씬 더 제한적입니다.

그러나 이러한 제한 사항이 모두 나쁜 것은 아닙니다. 한 가지 이점은 페이지를 만들 때 코스를 벗어날 기회가 적다는 것입니다. 그러나 Mobirise가 다루지 않는 고급 요구 사항이나 비표준 요구 사항이 있는 경우 원하는 결과를 얻을 수 있는 옵션이 많지 않습니다.

고려해야 할 또 다른 점은 Mobirise가 SquareSpace와 같은 올인원 웹 디자인 솔루션이 아니라는 것입니다. 호스팅은 서비스의 일부가 아닙니다. 즉, 자신의 웹 호스팅 준비를 해야 합니다. 이것은 좋지도 나쁘지도 않습니다. 모든 웹 호스트에서 Mobirise를 사용할 수 있습니다. 따라서 예산과 요구 사항에 맞는 서비스를 자유롭게 선택할 수 있습니다. 그러나 Mobirise를 사용할 때 웹 사이트 생성 프로세스에 추가해야 하는 또 다른 단계입니다.

전반적으로 Mobirise로 만들 수 있는 페이지는 현대적인 모양과 느낌을 갖게 됩니다. 블록 선택은 비교적 적지만 일반적인 웹 사이트에 필요한 모든 표준 요소를 확실히 다룹니다. 제한 사항이 있지만 이는 실제로 Mobirise를 매력적인 웹 사이트를 만드는 데 사용하기 쉽게 만드는 데 도움이 됩니다.

오늘 Mobirise에 대해 자세히 알아보십시오.