아이콘 요소는 버튼이나 선등 아이콘이 같이 사용되는 요소에서 사용법과 동일합니다. 아이콘만 단독으로 사용될 때는 일반적을 PPT의 느낌을 좋아하는 디자인 구현 시 자주 사용하게 되지만 크기나 사용 빈도가 너무 높으면 너무 설명적인 느낌이 강해져 웹 제작의 장점을 살리기 어렵습니다. 아이콘요소 메뉴 패널 아이콘은 아이콘만 사용할 것이냐 배경도 사용할 것이냐에 따라 느낌의 변화가 큽니다. 사이드 메뉴에 배경에서 …
글 타입 보관함지드 블로그
갤러리 요소 (Gallery)
갤러리 요소는 자주 사용하지 않지만 이미지를 다양하게 보여줄 수 있어 포트폴리오를 더 자유로운 느낌으로 표현할 수 있습니다 갤러리 요소 메뉴 패널 갤러리 요소는 이미지 요소와 매우 비슷한 메뉴로 구성 되어 있는데 개별 태그를 메뉴 패널에서 직접 입력하도록 되어 있습니다. 그리고 개별 2개만 업로드 하게 되어 있는 것 처럼 되어 있지만 우측 모서리에 갤러리 메뉴를 클릭하면 …
메뉴 요소(Menu)
메뉴 요소는 주로 헤더 제작 시에 많이 사용되는 요소입니다. 하지만 다양한 메뉴 제작으로 페이지에서 페이지 블럭에서 블럭을 연결해 줄수 있는 요소입니다 기본 요소로 사용하는 방법에 대해 포스팅하겠습니다. 메뉴 기본 사용 메뉴요소는 미리 구조화된 메뉴를 제작해서 해당 리스트를 불러와 사용해야 합니다. 그러기 위해서 편집기가 아닌 대쉬보드 내에서 미리 메뉴를 구조화 해야 합니다. 메뉴 구조화 대시보드 좌측 …
폼 요소 (Form)
폼 요소는 Brizy 편집기에서 매우 중요한 기능입니다. 쇼핑몰이나 블로그를 운영하더라도 직접 문의는 매우 중요합니다. 콜투액션의 액션에 해당하는 중요한 요소입니다. 폼요소 메뉴 패널 주요 폼 메뉴는 1. 유형 2. 필수항목 여부 지정 입니다. 매우 간단하지만 여기서 굉장히 다양한 필드의 정보를 선택해줘야 합니다. 먼저, 필드를 선택하기전 폼의 필드를 내가 원하는 만큼 늘리거나 줄일 수 있어야 합니다. 늘리는 …
여백,선 요소 (Space,Line)
여백과 선요소를 이용해 보다 쉽게 간편하게 페이지 디자인을 갈끔하게 제작할 수 있습니다. 선 메뉴 주요 버튼 메뉴는 1. 선스타일 2. 선유형 3. 높이 입니다. 선의 주요한 메뉴는 메뉴바에 있는 기본 설정인 길이 조정입니다. 선이 속한 영역에 몇 %로 설정할지 정할 수 있습니다. 선 스타일 메뉴 위의 이미지를 보면 선 중간에 아이콘이나 텍스트를 넣을 수 있는 …
버튼 요소(Button)
사이트 제작 시 가장 중요하게 생각하는 부분이 바로 콜투 액션입니다. 즉, 서비스 소개와 소개에 대한 반응을 할 수 있도록 하는 장치를 두는 것인데 그 장치가 바로 버튼 요소 입니다. 단순 콜투액션의 도구 뿐만 아니라 다양한 디자인 요소로도 사용될 수 있습니다. 전반적 버튼 메뉴 주요 버튼 메뉴는 1. 버튼 사이즈 설정 2. 배경 채우기 3. 모서리 …
이미지 요소(Image)
이미지가 사이트제작의 절반이라고 해도 과언이 아닙니다. 좋은 이미지 하나 업로드 한다고 할 수도 있지만 어떻게 업로드하는가에 따라 이미지 및 사이트 전체 속도를 좌우 할 수 있습니다. 전반적 폰트메뉴 주요 이미지 메뉴는 1. 이미지 업로드 2. 지연로드 3. 라이트박스에서 열기 이며 사이드메뉴로 필터/마스크가 주요 기능입니다. 이미지업로드 이미지 업로드는 특별한 것은 없고 이미지 자체 크기가 내가 정한 …
폰트 요소(Font)
모두 잘 아시겠지만 글을 쓰는 기능의 요소 입니다. 간단한 기능이지만 웹제작 상 폰트만으로 디자인표현도 가능하고 어떻게 사용하냐에 따라 SEO에 영향을 주기도 합니다. 전반적 폰트메뉴 전체 폰트 메뉴는 1. 별모양- AI로 문장 만들기(한글가능) 2.텍스트 스타일 전체,텍스트 추가 기능 3. 색상관련 기능 4. 문장 정렬 5. 순번매기기 6. 링크걸기 7. 기본설정 8. 문장복사 9. 휴지통버리기 와 같습니다. …
행,열 요소(Row,Column)
로우(행, 아래 부분 모두 ‘행’으로 표기), 컬럼(열, 아래 부분 모두’열’로 표기) 라고 하고 행,열로 표기하는 이유는 편집기 내에 행,열로 표기 했기 때문입니다. 하지만 정보검색을 하다보면 로우(Row),컬럼(Column)로 표기되는 경우도 있기 때문입니다. 본 포스팅에서는 편집기에 표기된 행,열이라고 쓰도록 하겠습니다. 행 기능 위의 이미지는 행을 블럭 위에 드랍한 이미지이며 + 위치(요소트레이)에 다양한 다른 요소를 다시 드랍하여 디자인 또는 …
블럭(Block)
블럭은 단순히 요소만 올려서 사용할 수 있는 요소가 아닙니다. 기본적인 틀을 제공하고 디자인 구성을 위한 기본 배경 세팅 및 전체적으로 매우 중요한 기본 요소입니다 블럭 전체 메뉴 위의 이미지를 보시면 기본 템플릿 블럭을 가져온 이미지를 확인 할 수 있습니다. 모든 블럭의 우측 상단 모서리 부분에 원으로 된 블럭 메뉴가 존재합니다. 그 메뉴를 클릭하면 이미지 처럼 …