웹 플로우 검토

Webflow – 매우 특이한 웹 사이트 제작자입니다. 비주얼 편집기뿐만 아니라 대부분의 CMS와 함께 제공되는 다른 서비스와 유사하지 않습니다. 이 서비스는 고유하지는 않지만 SaaS 플랫폼에서는 매우 드문 작업 프로세스 프레젠테이션 형식을 사용합니다..


이 시스템은 주로 다음과 같은 고급 웹 디자인 프로그램과 유사합니다 어도비 드림위버 또는 웹 개발자가 웹 페이지 템플릿을 그리는 것을 선호하는 Photoshop도 있습니다. 초보자가 대량으로 사용하기위한 것이 아닙니다..

Webflow는 다음과 같은 방식으로 배치됩니다. 최종 결과를 상상할 수 있으면이를 실현할 수 있습니다.. 다시 말해, 유연성과 특정 웹 사이트 제작 경험의 필요성에 대한 뚜렷한 힌트가 있습니다. 이 서비스의 대상 고객은 웹 마스터, 디자이너 및 프리랜서를 포함합니다.

이 시스템은 시각적 창의성을 기반으로 명확한 코드를 제공 할 것을 약속합니다. 여기에는 코딩 기술이 필요하지 않습니다. 비즈니스 웹 사이트, 방문 페이지, 온라인 상점, 블로그, 포트폴리오 및 시스템과의 조합을 만들 수 있습니다. 정말 흥미로운가요? 그렇다면 누가 서비스를 사용하고 싶습니까? 알아 내자.

1. 사용의 용이성

특정 기능 및 컨텐츠와의 논리적 연결을 완료하도록 설계된 템플릿을 작성하는 데 관심이 있다면 Webflow가 작동하지 않습니다..

이 웹 사이트 빌더는 간단한 솔루션을 찾고 하룻밤 동안 만 주 업무에서 돌아온 웹 사이트를 게시하려는 사람들을위한 것이 아닙니다. 성공하려면 기술과 최종 목표에 대한 명확한 이해가 필요합니다.

이 시스템은 템플릿을 사용하여 필요한 구조를 만들고 자체 요소 간의 논리 연결을 구성 할 수있는 웹 개발자를 대상으로합니다.. 다시 말해, 창의적이고 철저한 웹 구축 접근 방식을 제공합니다. 사용자가 웹 사이트 구축에 참여한 적이 없다면 Webflow에 만족하지 않을 위험이 있습니다..

웹 플로우 편집기

예, 당신은 당신의 자신의 텍스트, 링크, 이미지 및 기타 내용으로 기성품 템플릿을 작성하실 수 있습니다. 불행히도,이 경우에 일반적인 시스템 기능은 무시됩니다. 이러한 시나리오에는 더욱 편리하고 직관적 인 웹 사이트 빌더가 있습니다. 이 CMS를 사용하려면 멋진 프로젝트를 만들기 위해 열심히 노력해야합니다. 모든 사람을위한 것은 아닙니다.

이 서비스는 단순성에 관한 것이 아닙니다. 인터페이스는 논리적이지만 구체적입니다. 익숙한 후에는 체계적으로 구성되어있어 편리하지만 초보자도 신속하게 마스터 할 수 없습니다. 올바르게 사용하는 방법을 배우는 것은 정말 복잡합니다. 보통 몇 주가 걸립니다. 웹 디자이너 또는 Photoshop 전문가가 되려면 시간이 얼마나 걸립니까? Webflow에 대해서도 마찬가지입니다. 일주일, 한 달, 일 년이 걸립니까? 이것은 당신에 달려 있습니다.

2. 특징 & 적응성

Webflow 아이디어는 코딩없이 사용자에게 최대 디자인 사용자 정의 기능을 제공하는 것에 관한 것입니다.. 비주얼 편집기가 위젯의 양과 설정에 따라 제한을 설정하는 것은 비밀이 아닙니다. 모든 사람, 특히 초보자에게 편리하기 때문에 나쁘지 않습니다..

여기서 코드를 편집하는 것은 불가능하다는 것이 밝혀졌습니다. 그렇다면 개발자들이 자랑하는 템플릿 생성 유연성은 어디에서 오는가? 이 질문은 고유 식별자 (ID 선택기)가있는 요소 목록을 도입하여 해결되었습니다. 원하는대로 이름을 선택할 수 있지만 그렇게하지 않는 것이 좋습니다. 기본적으로 논리적 이름이 붙어 있기 때문입니다..

클래스와 스타일 관리

스타일 관리자에는 템플릿에 사용 된 전체 요소 목록이 있습니다. 편리합니까? 그저 그래. 다소 특이합니다. 자신 만의 클래스를 만들고 새 ID 요소를 추가 할 수 있습니다. 이것은 Webflow에 코딩이 없다고 말할 수 있도록 그래픽 인터페이스 측면에서 제공되지만 여전히 강력한 기능을 활용할 수 있습니다.

웹 플로우 클래스 및 스타일 관리

그러한 접근 방식이 실제로 프로세스를 단순화합니까? 아니요. 클래스 응용 프로그램의 논리를 이해하고 가장 자주 사용되는 ID의 이름을 명심하고 더 희귀 한 선택기의 이름을 검색하여 목록을 찾아보십시오. 솔직히 말해서 HTML / CSS를 배우는 것이 더 간단하고 더 유용합니다. 이것은 보편적 인 지식으로, 어떤 웹 빌딩 틈새 시장에서나 유용 할 것입니다..

편리한 기능은 요소를 클릭 할 때 요소의 ID와 전체 블록 계층이 템플릿에서 강조 표시되는 것입니다. 이것은 좋은 침대 시트입니다. 여러 요소를 강조 표시하고 일반적인 설정을 지정할 수 있습니다. 요소의 수는 정말 인상적입니다. 다시 말해, 간격, 크기, 레이어, 색상, 정렬 등과 ​​같은 CSS 기능은 그래픽 인터페이스에서 편집 할 수 있습니다.. 이것은 볼륨, 슬라이더, 아이콘 및 기타 조작기를 변경하여 수행 할 수 있습니다.

웹 플로우 디스플레이 설정

플랫폼 개발자는 웹 디자인 제작 편의성을 관리했습니다. 스타일 패널에있는 타이포그래피 섹션의 컨트롤 텍스트 줄 바꿈에 공백 속성을 추가했습니다. 이 혁신을 통해 이제 CSS 속성을 “공백”으로 변경할 수 있습니다..

항해자”섹션은 이제 제어판 왼쪽에서 사용할 수 있으며 선택한 템플릿 페이지의 트리와 같은 블록 및 요소 구조에 대한 개요를 제공합니다.. 이에 따라 도움을 받아 이러한 요소를 빠르게 편집 할 수 있습니다. 구조 계층을보고 이해합니다. 비록 초보자도 그것에 익숙해 져야 할 것이지만, 이것은 크게 이루어집니다. 이 기능은 주로 숙련 된 사용자를 대상으로합니다..

템플릿 편집기 사양

Webflow 비주얼 편집기 및 대시 보드의 구조는 매우 복잡합니다. 기존의 시각적 편집기, 일반 설정 섹션, 표준 위젯이있는 패널, 폴더 및 모듈 구조가 혼합되어 동적 컨텐츠를 표시합니다.이를 “CMS 컬렉션”이라고합니다. 이미지 라이브러리, 템플릿 모드 스위치 (데스크탑, 모바일 등.), 다양한 요소 강조 모드 및 기타 유용한 것들.

Webflow CMS 컬렉션

그건 그렇고, 여기 두 가지 모드에서 웹 사이트 템플릿으로 작업 할 수 있습니다 (스위치 옵션은 대시 보드에 있습니다). 첫 번째는 디자이너 모드입니다, 설명은이 검토의 기초로 사용됩니다. 두 번째는 에디터 모드입니다. 후자의 변형은 웹 페이지 내용 편집 – 텍스트 추가, 이미지, 링크 및 그래픽 대체를 허용합니다. 사용 가능한 조치가있는 설정을 보려면 요소 위로 커서를 가져 가십시오. 그런 다음 수정하면됩니다. 빠른 편집을위한 편리한 모드입니다.

디자인 모드는 여러 위젯을 제공합니다. 캔버스가 있습니다 (웹 페이지 템플릿)에서 div 블록, 섹션 및 덜 중요한 요소를 찾을 수 있습니다. 위젯을 원하는 위치로 끌어 놓을 수는 없습니다. 구조와 상호 작용하는 논리를 이해해야합니다. 대부분의 경우 빈 블록을 추가하고 섹션 레이아웃, 열로 채우고 양식, 텍스트, 이미지 등으로 작성해야합니다..

위젯 이름의 예 (집단) 다음과 같다: div- 블록, 섹션, 컨테이너, 열, 목록, 버튼, 제목, 초록, 링크, 복잡한 텍스트, 양식, 입력 필드, 확인란, 보안 문자, 코드 통합 (가능합니다!), 소셜 네트워크, 표준 및 팝업 창, 배경 비디오 그리고 더. 템플릿에 추가 한 후 각 요소의 디스플레이 매개 변수 및 특성을 세부적으로 설정할 수 있습니다..

식별자를 사용할 수도 있습니다 (기호) – 모든 작업을 수행 할 수 있도록 준비된 설계로 저장된 블록. 성공적인 검토 블록 또는 무언가를위한 양식을 작성했다고 가정하십시오. 식별자를 기반으로 생성하고 북마크에서 추가 할 수 있습니다. 다양한 유형의 장치 및 별도의 요소에 대한 가시성을 조정할 수 있습니다.

웹 플로우 컨테이너 설정

저장된 모든 웹 페이지는 폴더로 구성됩니다. 예를 들어, 하나의 템플릿 내에 홈페이지, 연락처 및 기타 페이지의 템플릿이 여러 개있을 수 있습니다. 추가 작업을 위해 새 폴더 나 페이지를 빈 캔버스로 만들 수 있습니다. 일반적으로 Webflow는 고급 그래픽 웹 편집기의 느낌을 만듭니다. 여기에는 여러 가지 준비된 요소가 있지만 처음부터 수동으로 만들 수있는 요소의 수는 훨씬 더 인상적입니다.

트리거 요소 관리 시스템도 있습니다. 특정 요소 위에서 커서를 움직이거나 클릭하거나 스크롤 할 때 수행 할 수있는 작업입니다. 임의의 양의 개별 요소 및 웹 사이트 페이지의 문자를 수동으로 설정할 수 있습니다. 예를 들어, 웹 페이지가 스마트 폰에로드 될 때 애니메이션 대화 상자를 표시 할 수 있습니다. 이 편집기를 사용하면 방문자와 웹 사이트 상호 작용에 대한 매우 복잡하고 다양한 시나리오를 설정할 수 있습니다.

동적 컨텐츠 생성

컬렉션은 주요 Webflow 하이라이트입니다. 그들은 다양한 컨텐츠를 가진 필드의 조합으로 역동적 인 구조를 만들 수 있습니다. 데이터베이스를 사용하여 정보를 업데이트하고 저장합니다. 설정의 유연성이 인상적입니다. 이를 사용하여 양식, 블로그 피드 형식, 갤러리, 이벤트 포스터, 메뉴 등을 만들 수 있습니다. 응용 프로그램 시나리오는 다양합니다. 다양한 작업을 해결하는 데 사용되는 필드 세트 템플릿이 준비되어 있습니다. 이 기능은 창의적인 접근 방식으로 특정 작업을 해결하는 데 도움이되므로이 수를 늘릴 수 있습니다.

또한 Webflow를 사용하면 비디오 및 이미지를 업로드, 표시 및 스타일링하여 동적 전자 상거래 및 CMS 갤러리를 만들 수 있습니다. 이것은 세 가지 방법 중 하나로 수행 할 수 있습니다. 첫 번째는 새로운 다중 이미지 필드로 한 번의 클릭으로 최대 25 장의 사진을 업로드 할 수 있습니다. 그렇게하려면 모든 샷이나 GIF를 삭제하면됩니다 (그러나 전체 크기가 4MB를 초과해서는 안됩니다.), 컬렉션의 설정 메뉴로 이동하여 “새 필드 추가”버튼을 클릭하고 다중 이미지 필드 유형을 선택하십시오. 그런 다음 라벨을 채우고 필요한 경우 텍스트를 추가 한 다음 이미지를 업로드 할 수 있도록 컬렉션 설정을 저장해야합니다.

동적 이미지 그리드를 만드는 또 다른 방법은 개선 된 CSS 그리드 2.0 버전을 사용하는 것입니다. 그리드가 자동으로 더 나은 표시를 위해 사용 가능한 셀에 배치 할 때 업로드 된 컨텐츠를 더욱 유연하게 만드는 향상된 자동 흐름 개념을 제공합니다. 동적 컨텐트를 사용하여 이러한 그리드를 만들려면 컬렉션 목록을 웹 페이지로 드래그하고 원하는 그리드 레이아웃을 선택한 다음 열, 행 및 간격을 사용자 지정해야합니다..

마지막으로 Webflow에서는 라이트 박스를 사용하여 동적 비디오 및 이미지를 보여줄 수 있습니다. 이러한 구성 요소를 사용하면 사진을 전체 화면 모드로 보여줄 수있어 매력적이고 몰입도 높은 사용자 환경을 보장 할 수 있습니다. 이 기능을 사용하면 라이트 박스 요소를 전자 상거래 및 CMS 비디오 및 사진에 연결할 수 있습니다. 라이트 박스 갤러리를 만들려면 처음에 컬렉션 목록을 만든 다음 비디오 또는 다중 이미지 필드와 같은 이미지 소스에 연결해야합니다. 그런 다음 배치하려는 항목을 컬렉션 목록으로 드래그하고 라이트 박스 구성 요소를 연결합니다.

대시 보드 구조

모든 프로젝트가 대시 보드에 표시됩니다. 폴더로 편집, 복제, 공유 및 정렬합니다. 시스템에 처음으로 액세스 할 때 편집기에서 사용할 수있는 인상적인 버튼 조합 목록을 볼 수도 있습니다. 각 프로젝트에는 웹 사이트 이름과 파비콘, 코드 통합, 외부 서비스 연결, SEO 및 백업 작업에 이르기까지 다양한 설정이 있습니다..

웹 플로우 대시 보드

프로젝트 설정에는 유용하고 재미있는 옵션이 많이 있습니다. 예를 들어, 클라이언트 웹 사이트 개발을 담당하는 사용자는 고객에게 웹 사이트 액세스를 제공하여 프로젝트를 관리하고 지정한 한도 내에서 편집 할 수 있습니다..

서비스 로고를 제거하거나 연결하여 프로젝트 브랜딩을 설정할 수 있습니다 Google 글꼴 / Adobe Typekit 프로젝트 측면에서 사용할 글꼴을 선택하십시오. 다른 옵션은 자신의 글꼴을 업로드하는 것입니다.

전자 상거래

Webflow에는 웹 기반 비즈니스를 설계하고 확장 할 수있는 가치있는 전자 상거래 엔진이 제공됩니다. 이 플랫폼을 사용하면 홈 페이지 사용자 정의에서 체크 아웃 절차에 이르기까지 웹 디자인 프로세스를 책임지고 대시 보드에서 사용할 수있는 광범위한 전자 상거래 기능과 도구를 제공합니다. 서비스를 갖춘 모든 기능을 갖춘 웹 스토어를 시작하고 관리하기 위해 코딩이 필요하지 않습니다..

웹 사이트 빌더를 사용하면 레이아웃, 애니메이션 효과 및 위치 지정을 포함하여 통합 쇼핑 카트를 사용자 정의 할 수 있습니다. 이름, 설명, 가격, 카테고리, 재고 추적 도구 및 디자인 옵션을 지정하여 제품 목록을 만들 수도 있습니다 (색깔과 그들의 변이), 현재 상태 또한 제품 컬렉션 및 카테고리를 생성하고 판매 가격을 나열하고 특별 기능 및 맞춤형 제품 필드를 할당 할 수 있습니다. 시스템 개발자는 곧 디지털 제품을 판매하고 판촉 및 쿠폰 코드를 만들 수있는 기회를 소개하려고합니다..

웹 플로우 전자 상거래

최근의 Webflow 혁신으로 인해 웹 상점 소유자는 체크 아웃 프로세스 중에 제출 된 고객 정보를 캡처 할 수있었습니다. 이를 통해 추가 웹 스토어 마케팅 및 고객 격려에 정보를 사용할 수 있습니다..

웹 스토어 작성이 완료되면이를 “주문”섹션에서 공개하고 성능을 평가할 수 있습니다. Webflow에서 할 수있는 일은 전자 상거래 웹 사이트를 다른 사람들과 차별화하기 위해 거래 전자 메일을 사용자 정의하고 상호 작용 및 애니메이션을 제작하는 것입니다. 또한이 시스템을 통해 스크롤 기반 시차 애니메이션과 효과를 통합하고 마우스 동작을 중심으로 미세 상호 작용을 구축하며 풍부한 다단계 시간 애니메이션을 생성하고 사전 설정 상호 작용을 추가하여 사용자의 관심을 끌고 탁월한 웹 구축 환경을 만들 수 있습니다.

다중 이미지 필드 Webflow는 최근 전자 상거래를 위해 시작되었으며 CMS를 통해 각 제품 변형에 대해 고품질 이미지 갤러리를 만들 수있었습니다. 지금 할 수있는 일은 특정 매개 변수 (크기, 색상, 모델 등.)를 통해 웹 스토어에서 판매하는 모든 제품에 대해 사용자가 구매하려는 제품을 명확하게 볼 수 있습니다. 전체적으로 각 제품 당 최대 25 개의 이미지를 업로드 할 수 있습니다.

Webflow는 편리하고 쉬운 결제 및 배송 기회를 제공합니다. 이 시스템은 신용 카드 결제, Apple Pay 및 Google Pay를 포함한 여러 결제 유형을 허용합니다. PayPal 기능은 가까운 장래에 도입 될 예정입니다. 통합 된 Stripe 도구로 인해 Webflow는 시스템에서 수행 된 모든 트랜잭션의 궁극적 인 보안을 보장합니다.

Webflow 사용자는 하루 종일 배송 목적지, 세금 설정을 사용자 정의하고 웹 스토어 세부 정보를 업데이트 할 수 있습니다. Zapier, MailChimp, ShipStation, QuickBooks 및 기타 서비스와의 통합을 통해 운송 규칙 및 위치를 지적하고 운송 라벨을 인쇄하는 것은 귀하의 책임입니다. 사용자는 자동 실시간 운송 요금을 설정하고 조정할 수도 있습니다. 미국, 캐나다, 호주 및 유럽 연합 고객에게 자동 세금 계산 및 VAT 제공.

라이트 박스 갤러리

최근 웹 플로우 업데이트 중 하나가 라이트 박스 갤러리 작성 프로세스를 해결합니다. 시스템 개발자는 전자 상거래 및 CMS 비디오 및 사진으로 이러한 갤러리를 만들 수있게되었습니다. 이 구성 요소를 사용하면 전체 화면과 완전히 몰입되는 경험을 통해 미디어 파일을 유리하게 선보일 수 있습니다..

이전에는 Webflow 라이트 박스를 사용하여 업로드하거나 독립적으로 링크 한 비디오 및 이미지 파일과 같은 정적 컨텐츠를 작업 할 수있었습니다. 이제부터는 특정 매개 변수와 관련하여 비디오 및 이미지를 구성하고 그룹화하기 위해 라이트 박스 및 파일 모음으로 디자인 된 기능을 갖춘 갤러리 및 그리드를 만들 수있게되었습니다 (예를 들어 음악 블로그 나 포트폴리오 앨범과 같은). 또한 컬렉션 템플릿 페이지에서 라이트 박스를 사용하여 웹 사이트 디자인을 만들 수 있으며 갤러리 항목의 내용이 표시됩니다..

라이트 박스 갤러리와 동적 콘텐츠 연결은 다음 두 가지 방법 중 하나로 완료 할 수 있습니다. 첫 번째는 라이트 박스를 컬렉션 템플릿 페이지 디자인에 직접 통합하는 것을 의미합니다. 두 번째 옵션을 사용하면 어느 곳에서나 이미지 / 비디오 컬렉션 목록을 만든 다음 페이지에 라이트 박스 구성 요소를 추가 할 수 있습니다.

후 효과 및 로티 통합

Webflow는 최근 After Effects 및 Lottie와 통합되어 웹 디자이너가 여러 Webflow 상호 작용을 통해 벡터 애니메이션의 재생을 제어 할 수 있습니다. 결과적으로 시각적으로 매력적이고 전문적이며 기능이 풍부한 웹 사이트를 만들 수 있습니다..

SEO

SEO 최적화에 많은 관심을 기울이고 있습니다. 각 페이지의 제목, 설명 및 키워드 메타 태그의 컨텐츠를 설정할 수 있습니다. Open Graph의 컨텐츠 디스플레이에서 작업 할 수도 있습니다. 이미지의 대체 태그도 여기에서 설정할 수 있습니다.

Sitemap.xml이 자동으로 형성됩니다 – 블로그 피드 게시물의 메타 태그와 같습니다. 빠른 웹 페이지 로딩, 높은 코드 품질 및 모바일 장치 최적화를 고려하여 웹 사이트 빌더는 효과적인 웹 사이트 프로모션을위한 훌륭한 솔루션으로 간주 될 수 있습니다.

Webflow SEO

Webflow는 웹 개발자에게 API 액세스 권한을 부여합니다. Google, Facebook 서비스 연결, Webhook 추가, 양식에서 사용자 정보 수집 매개 변수 설정, 사용자 IP 주소의 익명화 활성화, HTML / CSS 코드, 언어 코드 추가 등 웹 사이트는 다음과 같은 방법으로 서비스 하위 도메인에 게시됩니다. 기본값이지만 도메인을 위임하거나 템플릿 코드를 내보낼 수도 있습니다 (별도의 HTML / CSS / JS / 자산). 이 경우 CMS 파일은 저장되지 않습니다.

일반적으로 Webflow는 시각적 웹 페이지 편집기가 포함 된 SaaS 서비스 인 Photoshop, SaaS 서비스, 데이터베이스 및 코드 작업을위한 특정 모드의 도구를 혼합 한 것입니다. 이것은 복잡하지만 논리적 인 인터페이스로 압축 된 옵션의 유연한 조합입니다. 이 시스템을 사용하여 다음과 같은 다른 CMS에 대한 웹 페이지 템플릿을 만들 수 있습니다 워드 프레스 코드 내보내기 옵션으로 인해 이 제품은 분명히 강력하고 흥미롭고 클라이언트 웹 사이트의 디자이너와 개발자를 대상으로합니다..

3. 디자인

테마 수 :200
전문 템플릿 :&# x2714; 예
무료 테마 :&# x2714; 예
유료 테마 :$ 24- $ 79
반응 형 디자인 :&# x2714; 예
업종별로 정렬 :&# x2714; 예
CSS 코드 편집 :&# x2714; 예

이미 준비된 멋진 템플릿 세트로 인해 Webflow가 돋보입니다. 그들은 매우 다양하고 매력적입니다. 미리보기 단계에서 진정한 관심을 불러 일으 킵니다..

대체로 여기에는 200 개가 넘는 템플릿이 있습니다. 그 중 40 개는 무료이며 다른 테마의 비용은 $ 24에서 $ 79 사이입니다.. 프리미엄 및 표준 템플릿의 품질에는 뚜렷한 차이가 없습니다. 모두 고유 한 방식으로 인상적입니다. 유료 테마의 수는 더 많고 구색은 더 넓습니다. 각 템플릿에는 기능에 대한 설명과 함께 제공되며 미리보기 옵션도 있습니다.

시스템은 빈 캔버스를 사용하여 템플릿을 처음부터 그릴 수있는 기회를 제공합니다. 예를 들어 비즈니스 웹 사이트 나 포트폴리오 등을위한 회로도를 갖춘 데모 콘텐츠가없는 일반 디자인을 선택할 수도 있습니다. 많은 템플릿에는 웹 페이지 프리젠 테이션의 여러 변형이 있습니다. 5-10 개의 홈페이지 테마, 연락처 등을 제공합니다. 디자인이 많이 다르므로 한 번의 클릭으로 템플릿간에 전환 할 수 있습니다. 각 테마에는 구조와 주요 기능에 대한 설명이 포함되어 있습니다..

웹 플로우 템플릿

Webflow는 디자인 중심의 웹 사이트 빌더입니다. 템플릿 변동성은 정말 놀랍습니다. 크기, 위치, 효과, 회전, 불투명도, 레이어, 색상, 배경 등 다양한 측면에서 각 요소를 편집 할 수 있습니다. 여기에는 수백만 가지의 조합이 있습니다. 대시 보드에서 다른 디자이너의 작품을 살펴볼 수 있습니다. 여기에 많은 볼거리와 감동이 있습니다. 이 서비스는 템플릿 개발의 고급 잠재력에 대해 가장 높은 비율을 얻습니다. 이 도구는 다양한 웹 사이트 디자인 사용자 정의 옵션으로 모든 사람에게 감동을 줄 수있는 전문가 용 도구입니다..

4. 고객 지원

Webflow는 초보자 교육을위한 완벽한 조건을 제공합니다. 있다 대학, 인상적인 지식 기반, 여러 비디오 자습서가 여기에 있습니다. 이러한 모든 옵션은 편집기에서 직접 사용할 수 있습니다. 재료의 품질은 최고 수준입니다. 유용한 게시물 / 토론, 소셜 네트워크 그룹, 자습서, 서적 등이 포함 된 블로그와 포럼도 있습니다. 여기서 길을 잃지 않습니다..

기술 지원은 이메일 및 온라인 채팅을 통해 제공됩니다. 자격이 있고 사용하기 쉽고 24 시간 연중 무휴입니다. Webflow 커뮤니티는 매우 넓고 친근합니다. 여기서 최고의 디자이너 나 신뢰할 수있는 웹 개발자의 연락처를 찾는 것은 문제가되지 않습니다. 생태계는 활기차고 반응 적입니다. 이 시스템은 사용자의 편의를 위해 모든 것을 만들었습니다..

5. 가격 정책

서비스 하위 도메인, 광고 배너, 코드 내보내기 기능 없음 및 기타 단순화와 같은 일련의 제한 사항으로 Webflow를 무료로 사용할 수 있습니다. 이 계획은 무료이며 만료되지 않습니다. 유료 플랜은 “사이트”및 “계정”플랜으로 세분화되지만 이러한 각 구독 유형도 그룹으로 분류됩니다.. 매월 또는 매년 신용 카드로 지불 할 수 있습니다. 비용의 차이는 눈에 띄는 계획에 따라 20-50 %입니다. 사용자가 연간 지불 할 수있는 1 개월의 비용을 제공합니다 (이것은 유익한 변종입니다). 그러므로, 사이트 계획에는 웹 사이트 및 전자 상거래 계획이 포함됩니다. 웹 사이트 계획은 다음과 같습니다.

  • 기본 – $ 12 / 월 (CMS가 필요없는 간단한 웹 사이트에 적합) – 도메인 연결, CDN 포함, 500 양식 제출, 무료 SSL 인증서.
  • CMS – $ 16 / 월 (블로그 및 기타 컨텐츠 중심 웹 사이트를위한 좋은 선택) – 1000 개의 양식 제출, 2000 개의 CMS 항목, 제한된 CMS API, 3 개의 콘텐츠 편집기, 사이트 검색.
  • 비즈니스-$ 36 / 월, (트래픽이 많은 마케팅 웹 사이트 또는 모든 기능을 갖춘 블로그에 적합) – 고급 글로벌 CDN, 무제한 양식 제출, 전체 CMS API, 10 개의 컨텐츠 편집기 등.

전자 상거래 계획에는 다음이 포함됩니다.

  • 표준 – $ 29 (새로운 비즈니스에 적합) – CMS 계획의 모든 기능과 사용자 정의 체크 아웃 및 쇼핑 카트, 이메일 사용자 정의, 블로그 용 통합 CMS, 2 % 거래 수수료.
  • 플러스 – $ 74 (추가 기능이 필요한 대량 비즈니스에 적합) – 사업 계획의 모든 기능과 브랜드없는 이메일, 거래 수수료 0, 직원 계정 10 개.
  • 고급 – $ 212 (온라인 비즈니스를 위해 새로운 차원으로 확장하고 도달하려는 사용자에게 가장 적합) – 사업 계획의 모든 기능과 15 명의 직원 계정, 무제한 연간 판매량 등.

계정 계획도 두 가지 구독 유형으로 분류됩니다. 개인 및 팀 계획입니다. 개별 계획에는 다음이 포함됩니다.

  • 무료 – $ 0 (Webflow를 시작하는 데 필요한 모든 것을 포함합니다) – 2 개의 프로젝트, 고객 청구, 무료 준비.
  • 라이트-$ 16 (웹 사이트 코드를 내보내고 호스팅되지 않은 프로젝트에 대한 더 많은 페이지를 잠금 해제 할 수 있습니다) – 10 개의 프로젝트, 향상된 준비, 코드 내보내기, 무제한 프로젝트 전송.
  • 프로 – $ 35 (더 많은 프로젝트와 프리미엄 기능이 필요한 활동적인 프리랜서 및 디자이너에게 적합) – 무제한 프로젝트, 화이트 라벨링, 사이트 비밀번호 보호.

팀 계획에 관해서는 다음과 같습니다.

  • 팀 – 1 인당 $ 35 (공유 웹 사이트 액세스 및 협업 팀 작업 가능) – Pro 요금제의 모든 기능과 고객 청구, 코드 내보내기, 향상된 준비, 팀 대시 보드 등.
  • 엔터프라이즈 – 비용은 Webflow 전문가와 개별적으로 논의 (25 명 이상의 팀을위한) – 팀 계획의 모든 기능과 무제한 프로젝트, 화이트 라벨링, 사이트 비밀번호 보호, 팀 대시 보드 등.

그런데 클라이언트 청구 기회로 인해 프리랜서는 Webflow를 무료로 사용할 수 있습니다.. 즉, 클라이언트 웹 사이트 개발 작업시 엔진 비용을 지불 할 필요가 없습니다. 대신, 고객이 지불 할 수 있도록 도구 비용을 고객과 미리 논의 할 수 있습니다. 클라이언트는 웹 디자인 진행 상황을 볼 수 있도록 시스템에 액세스 할 수 있습니다..

따라서 Lite 계획에서 Webflow를 사용하여 코드 내보내기 옵션으로 인해 다른 CMS에 대한 템플릿을 만들 수 있습니다. 즉, 서비스를 그래픽 편집기와 웹 페이지 디자인 도구의 조합으로 간주 할 수 있습니다. 매월 지불하는 경우 $ 16 또는 $ 24로이 옵션을 사용할 수 있습니다. 여기에서 광고를 제거 할 수 없습니다. 그렇기 때문에이 계획은 고객 또는 개인 상업 프로젝트의 출판을 위해 고려 될 수 없습니다.

6. 장단점

Webflow는 숙련 된 고객을 대상으로하는 특정 서비스입니다. 품질이 뛰어나고 유연하며 클라이언트 웹 사이트 개발자의 관심을 끌 수있는 수많은 브랜드 기능이 포함되어 있습니다. 이 시스템은 개인 용도로는 잘 작동하지 않습니다. 여기에는 초보자를위한 추가적이고 모호한 기능이 너무 많습니다. 웹 디자인 기술이 분명히 필요합니다. 학습 곡선이 높습니다. 이것은 전혀 수익성이 없습니다. uKit, Wix, XPRS 또는 기타 적합한 서비스로 유일한 포트폴리오 또는 비즈니스 웹 사이트를 만드는 것이 더 유리합니다.

Webflow는 기술로 돈을 벌고 자하는 웹 디자인 팬을위한 것입니다. 이것은 유사한 웹 사이트의 개발을위한 초고속 열차가 아니라 창의력을위한 장소 이며이 작업에 대한 비용을 지불 할 준비가 된 사람들을 위해 독특한 테마를 디자인합니다. 따라서 이미 특정 웹 디자인 평판을 가진 사용자에게 서비스를 사용하는 것이 좋습니다. 이 시스템은 또한 다른 CMS를 위해 기성품 템플릿을 그리고 판매하고자하는 사용자들에게도 잘 작동합니다. 서비스의 장단점을 쉽게 지적 할 수 있습니다.

장점 :
단점 :
&# x2714; 두 가지 작업 영역 모드 – 디자이너와 편집자.
&# x2714; CMS 컬렉션 – 양식 및 데이터베이스를 사용하여 동적 콘텐츠 생성.
&# x2714; 빠른 추가 및 편집을위한 요소 클래스의 흥미로운 구현.
&# x2714; 훌륭한 템플릿, 창의성을위한 다양한 기회 및 복잡한 템플릿 디자인.
&# x2714; 편집기를 사용하여 품질 템플릿을 생성 / 판매 할 수있는 개발중인 디자인 코드를 내보낼 수있는 기회.
&# x2714; 상당히 강력한 SEO.
&# x2714; 경쟁력있는 전자 상거래 엔진.
&# x2714; 요소 계층 형식의 생생한 웹 페이지 구조.
✘ 신규 사용자를위한 매우 복잡한 시스템 탐색.
✘ 코딩 대신 요소 및 그래픽 프리젠 테이션 클래스 사용.
✘ 개인 용도로만 웹 ​​사이트 1 개가 필요한 사람들에게는 비교적 높은 비용.

Webflow는 청중에게 알맞은 제품입니다. 이것은 지루한 초보자와 실험 팬을위한 대량 솔루션이 아닙니다. 가장 큰 단점은 개발자가 인터페이스를보다 사용자 친화적으로 만들기 위해 ID 요소 및 CSS 클래스를 사용하는 효과는 있지만 보편적이지 않은 체계를 도입했다는 것입니다. 어쨌든 그들은 코드 편집 옵션을 남겼습니다. 웹 페이지 코드 편집 기능과 다른 기능을 통합하면 더 좋습니다. 나머지 옵션에 관해서는 적절한 수준입니다..

7. 경쟁자

경쟁자가 많지 않거나 대안 이와 같은 서비스를 위해. 가장 가까운 라이벌은 WordPress, Adobe Muse 및 Webydo입니다. 그러나 편집기를 차별화 된 요소를 확인하기 위해 가장 인기있는 웹 사이트 생성 옵션과 비교했습니다..

webflow 대 webydowebflow 대 어도비 뮤즈웹 흐름 대 워드 프레스웹 흐름 대 제곱Wix와 Webflow

결론

Webflow는 디자이너와 프리랜서를위한 뛰어난 품질의 웹 사이트 빌더입니다. 복잡하고 동적으로 변화하는 컨텐츠 양식을 사용하기 때문에 기능이 매우 복잡한 여러 페이지 웹 사이트를 작성할 수 있습니다. 라이브 예 Webflow 사용자가 만든. 데이터베이스, 통합, 식별자, 다양한 편집기 레이아웃 모드, 각 블록 및 요소를 개별적으로 편집 할 수있는 기회, 템플릿 코드 내보내기 – 모든 기능으로 Webflow.

훌륭한 자습서를 통해 시스템을 애호가에게 추천 할 수 있습니다. 그것으로 일한 후에는 코딩없이 매력적인 웹 페이지를 디자인하는 방법을 배우게 될 것입니다. 이것은 미래에 좋은 이익을 보장합니다. 이미 경험이 있다면 Webflow를 반드시 고려해야합니다. SaaS 플랫폼 형식으로 제공되는 Photoshop, Dreamweaver 및 CMS가 혼합 된 고품질의 틈새 제품입니다. 이 서비스는 확실히 가치가 있지만 모든 사람에게 적합하지는 않습니다. 대상 고객을 고려하여 권장합니다.

지금 Webflow를 사용해보십시오

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map