캐로셀 요소(Carousel)

캐로셀 요소는 여러 개 컨텐츠를 한 영역에서 슬라이드 형태로 보여주는 방식의 구성입니다. 슬라이더와 비슷한 사용성이 있지만 전체 블럭이 슬라이딩 되는 것이 아니라 한 영역에서 슬라이드 되는 점에서 슬라이더와 차이가 있습니다. 캐로셀 요소 메뉴 캐로셀 메뉴는 자동재생 여부 / 재생속도 / 열 / 스페이싱 을 설정합니다 자동재생은 페이지가 오픈되면 속도를 기준으로 자동으로 컨텐츠가 슬라이딩 됩니다. 재생속도는 …

카운터,프로그래스 요소(Counter, Progress)

카운터나 프로그래스 요소는 데이터를 동적으로 전달해 사이트 방문자에게 데이터에 대해 좀 더 강조할 사용하면 효과적입니다. 카운터 요소 메뉴 메뉴에서 보이는 것 처럼 언제 시작해서 언제 끝나는지 숫자로 적으면 페이지에 유입될때 자동으로 카운트가 됩니다 시작 부터 끝까지 몇초안에 카운트할 지 설정이 가능합니다 만약 숫자가 높으면 시작과 끝이 차이를 너무 넓히면 오히려 더 좋지 않을 수 있습니다. …

차트 요소(Chart)

Brizy 챠트 요소는 사용방법이 매우 간단하고 쉽게 제작이 가능합니다. 챠트는 상세한 데이터를 취급하기 보다는 전반적이 데이터를 보여줄 때 보다 효과적으로 사용이 가능합니다. 챠트 요소 메뉴 챠트는 파이프/ 바/ 선 3가지 로 표현이 가능합니다. 챠트 메뉴-데이터 구성 챠트 요소-항목 추가 챠트 요소-그래프 변경 챠트 요소-바 그래프 바 형태나 선 형태 그래프는 기간을 설정할 수 있으며 데이터 …

이미지비교 요소(Image compare)

이미지비교 요소는 일반적으로 서비스 이용 전후 비교 또는 업그레드 이전 이후, 이런 식으로 두개의 이미지를 대립적으로 비교할 때 사용합니다. 이미지비교 요소 메뉴패널 위 그림 중 아래는 이미지2개 를 올려놓은 모습입니다. 그 위에 이미지비교 요소 메뉴는 탭으로 나뉘어 있어 탭마다 각각 한개씩 이미지를 업로드하면 자동으로 가운데 비교선이 생깁니다. 이미비 비교 요소 이미지 업로드 이미지 비교 요소-상하비교 …

Brizy 편집기 둘러보기

기본 에디터 웹에 대해 잘 알지 못하더라도 직관적으로 파악이 가능한 에디터이며, 제작하는 대로 동일하게 모니터에서 표현됩니다. 화면 구성이 되어 내가 하는 작업이 어떤 것인지 파악이 매우 쉽습니다. 그래서 전체적으로 에디터에 대한 프리뷰를 통해 과연 어떤 것인지 파악해 보도록 하겠습니다 편집버튼을 클릭해 편집기로 들어오면 위와 같이 편집기 화면이 보입니다. 편집기는 블럭을 추가하지 않으면 어떤 내용도 추가할 …

아코디온 요소(Accordion )

아코디온 요소는 다양하게 사용되기 보다 FAQ와 같은 문답형식에 효과적으로 사용하는데 탁월합니다. 아코디온 요소 드랍 아래는 완성한 FAQ 아코디온 요소 이며 별모양 아이콘이 있는 아코디언 요소는 아코디온 요소를 바로 드랍했을때의 상태입니다. 아이콘을 삭제하면 요소를 추가할 수 있는 버튼이 생성됩니다. 아코디온 요소 메뉴 아코디온 메뉴는 접을 수 있음/ 기간/ 스페이싱 이렇게 3가지 입니다. 접을 수 있음은 만약 …

애니메이션 텍스트 요소(Animation Text)

사이트의 완성도가 있게 보이고 싶거나 사용자로 하게끔 집중할 수 있다고 판단되어 애니메이션 텍스트 사용을 원하시는 분들이 많습니다. 그 사용법에 대해 알아보고 장단점에 대해 말씀드리겠습니다. 애니메이션 텍스 요소 메뉴 이미지처럼 메뉴는 접두사 / 텍스트 / 접미사 를 넣는 것만으로 작동이 됩니다. 접두사 나 접미사에 쓸 말이 없다면 빈칸으로 두면 됩니다. 메뉴처럼 중간 텍스트에 원하는 단어를 넣고 …

재생목록 요소(Video List )

한글 번역과정 중에 비디오리스트가 재생목록으로 되어 있어 무엇에 대한 재생 목록인지 알지 못해 사용성에 대해 이해 못하는 경우도 있습니다. 재생목록 요소 메뉴 이미지처럼 다양한 재생리스트를 한번에 플레이 할 수 있게 설정된 요소입니다. 직관적으로 타이틀과 서브타이틀을 마우스로 클릭해 직접 타이핑으로 설정합니다. 그리고 왼쪽 리스트의 영상을 복사해 리스트를 계속 추가할 수 있습니다 재생목록 메뉴-리스트 추가 재생목록 메뉴-리스트 …

비디오 요소(Video )

이미지도 보다 영상을 선호하는 경우도 많습니다. 서비스에 대한 설명 뿐만 아니라 이미지로 하지 못하는 정보전달을 최근에는 간단한 영상 제공으로 간단하게 해결합니다. 비디오 요소 메뉴 비디오는 일반적으로 유튜브 / 비메오 / URL / CUSTOM 이렇게 4가지 유형으로 플레이 할 수 있습니다. 먼저 유튜브는 무료로 사용할 수 있지만 SD급 의 영상 전송을 기본으로 하고 있어 좋은 품질의 …

지도 요소(Map )

지도 요소 또한 Brizy 빌더의 장점이기도 합니다. 다름 빌더의 경우 api로 연동 후 사용해야 하나 Brizy 빌더의 경우 그냥 요소만 올려 사용하면 되기 때문입니다. 지도 요소 드랍 국내에서는 주로 카카오나 네이버 지도를 사용하는 경우가 많지만 웹에서 특히 해외 프로그램은 구글맵을 주로 사용하고 있습니다. 과거에 비해 구글맵이 국내에서도 지도도 개선이 되어 현재는 네이버나 카카오맵이 아닌 구글맵도 …