편집기 살펴보기

2-1   디자인 블록 살펴보기

2-2-1
2-2-2
2-2-3
2-2-4
2-2-5

텍스트 스타일링

Brizy에서 각 텍스트는 다양한 역할을 하고 있습니다.

①번 'Above title' : 타이틀 위의 작은 텍스트. 카테고리나 앞으로 설명할 주제를 간단하게 표시합니다.
②번 'Heading 1' : 가장 중요한 타이틀. 내용상 가장 중요한 타이틀을 Heading 1로 설정할 경우 구글이 자동으로 인식해서 구글이나 네이버 검색결과에 영향을 줍니다.
③번 'Paragraph' : 가장 일반적인 본문 내용.
④번 'Button' : 버튼 안의 텍스트입니다.

Heading에는 각각 번호가 매겨져 있는데요. Heading 2는 부제목이며 Heading 4, 5 ,6은 구글의 검색결과에 그다지 영향을 미치지 않기 때문에 여기서는 사용하지 않겠습니다.

텍스트 스타일링②

텍스트 스타일은 미리 설정된 템플릿입니다. 각각의 폰트, 글씨 크기, 행간 높이 등을 설정할 수 있습니다.
예를 들어, Heading 1을 '굴림체 / 글씨 크기 40' 로 미리 설정해놓고, 새로운 텍스트를 Heading 1로 분류하는 순간, 텍스트는 자동적으로 굴림체 / 글씨 크기 40이 적용됩니다.

기본적으로 미리 디자인되어있는 블락을 사용하실 경우, 모든 텍스트는 자동적으로 중요도에 따라 분류되어 있습니다.

오른쪽 사진의 블록은 Brizy에서 미리 디자인한 블록이므로 ①번이 'Heading 1'으로 분류되어있습니다만, 이걸 변경할 수도 있습니다. 노란색 박스 부분의 'Heading 1'을 클릭해서 'Above title'로 바꾼다면 ①번의 텍스트는 자동적으로 ①번 위에 있는 'FASHION OUTLET'이라는 텍스트와 같은 크기로 축소됩니다.
메인 타이틀인 ①번을 클릭한 후 'T' 모양의 ②번을 클릭하시면 'Typography'창이 뜹니다. 여기서 노란색 박스를 보시면 텍스트 스타일링이 'Heading 1'으로 설정된 것을 확인할 수 있습니다.
①번의 페인트모양 아이콘을 클릭하면 Styling 창이 뜹니다. 여기서 ②번 Heading 1을 클릭하면 Heading 1이라는 미리 설정된 글꼴이나 글자 크기를 변경할 수 있습니다.  그리고 ③번 Add New Font를 클릭하면 새로운 폰트를 추가할 수 있습니다.

스타일  변경

홈페이지를 제작할 때 통일감은 가장 중요한 요소입니다. 따라서 미리 설정된 스타일 값인 Heading 1, Heading2, above tilte, button 등을 직접 변경함으로써 홈페이지의 모든 텍스트를 한꺼번에 일괄적으로 변경할 수 있습니다.

왼쪽 그림의 Heading 1의 사이즈는 46입니다만, 이것을 23으로 변경하면 모든 홈페이지의 메인 타이틀은 절반의 크기로 축소될 것입니다. 마찬가지로 Button이라는 스타일링을 변경한다면 홈페이지의 모든 버튼 안에 있는 텍스트들은 자동으로 변경이 적용됩니다. 정말 편하죠? 단, 주의할 점은 「버튼 안의 텍스트가 Button으로 분류되어 있는가」 입니다. 버튼 안의 텍스트가 Heading 3으로 지정되어 있다면 자동으로 Heading3의 설정을 따르겠죠?

폰트의 변경도 간단합니다. Heading 1의 폰트를 바꾸고 싶다면 ③번을 클릭해서 새로운 폰트를 추가해야 합니다.
①번을 클릭 후 ②번에 원하는 폰트의 이름을 입력한 뒤 아래의 Continue버튼을 눌러주시면 폰트가 추가됩니다.

폰트 추가

구글 폰트를 추가하면, 각 텍스트 스타일마다 다른 글꼴을 부여할 수도 있습니다. Heading1에는 굴림체를, 본문내용인 Paragraph에는 돋움체를 지정할 수 있겠죠.

폰트를 추가하려면 ②번에 원하는 폰트 이름을 입력해야 합니다. 예시로 Noto Serif KR 을 입력하면 새로운 폰트가 추가될 것입니다.

구글 폰트를 잘 모르시는 분들은 아래 버튼을 통해 원하는 폰트의 이름을 찾아보세요.
구글 폰트 찾아보기
초록색 테두리가 각 폰트의 이름입니다. 복사해서 Brizy에 추가해보세요.

폰트 추가

2-2-4의 구글 폰트 찾아보기 버튼을 누르셨다면 왼쪽의 페이지에 접속하셨을겁니다. Brizy는 모든 구글 폰트를 지원하기 때문에 처음에 마음에 드는 모든 폰트를 추가하시는걸 추천드립니다.
편집기 살펴보기

2-2   간단한 편집툴 소개

수고하셨습니다!
마지막엔 저장!
오른쪽 아래 파란색 버튼 Save draft를 누르면 초안을 저장할 수 있습니다.
다음 단계
디자인의 필수 요소인 폰트를 설치해봅시다.
편집기 살펴보기

2-3   폰트 설치 및 커스터마이징

2-3-1
2-3-2
2-3-3
2-3-4
2-3-5

텍스트 스타일링

Brizy에서 각 텍스트는 다양한 역할을 하고 있습니다.

①번 'Above title' : 타이틀 위의 작은 텍스트. 카테고리나 앞으로 설명할 주제를 간단하게 표시합니다.
②번 'Heading 1' : 가장 중요한 타이틀. 내용상 가장 중요한 타이틀을 Heading 1로 설정할 경우 구글이 자동으로 인식해서 구글이나 네이버 검색결과에 영향을 줍니다.
③번 'Paragraph' : 가장 일반적인 본문 내용.
④번 'Button' : 버튼 안의 텍스트입니다.

Heading에는 각각 번호가 매겨져 있는데요. Heading 2는 부제목이며 Heading 4, 5 ,6은 구글의 검색결과에 그다지 영향을 미치지 않기 때문에 여기서는 사용하지 않겠습니다.

텍스트 스타일링②

텍스트 스타일은 미리 설정된 템플릿입니다. 각각의 폰트, 글씨 크기, 행간 높이 등을 설정할 수 있습니다.
예를 들어, Heading 1을 '굴림체 / 글씨 크기 40' 로 미리 설정해놓고, 새로운 텍스트를 Heading 1로 분류하는 순간, 텍스트는 자동적으로 굴림체 / 글씨 크기 40이 적용됩니다.

기본적으로 미리 디자인되어있는 블락을 사용하실 경우, 모든 텍스트는 자동적으로 중요도에 따라 분류되어 있습니다.

오른쪽 사진의 블록은 Brizy에서 미리 디자인한 블록이므로 ①번이 'Heading 1'으로 분류되어있습니다만, 이걸 변경할 수도 있습니다. 노란색 박스 부분의 'Heading 1'을 클릭해서 'Above title'로 바꾼다면 ①번의 텍스트는 자동적으로 ①번 위에 있는 'FASHION OUTLET'이라는 텍스트와 같은 크기로 축소됩니다.
메인 타이틀인 ①번을 클릭한 후 'T' 모양의 ②번을 클릭하시면 'Typography'창이 뜹니다. 여기서 노란색 박스를 보시면 텍스트 스타일링이 'Heading 1'으로 설정된 것을 확인할 수 있습니다.
①번의 페인트모양 아이콘을 클릭하면 Styling 창이 뜹니다. 여기서 ②번 Heading 1을 클릭하면 Heading 1이라는 미리 설정된 글꼴이나 글자 크기를 변경할 수 있습니다.  그리고 ③번 Add New Font를 클릭하면 새로운 폰트를 추가할 수 있습니다.

스타일  변경

홈페이지를 제작할 때 통일감은 가장 중요한 요소입니다. 따라서 미리 설정된 스타일 값인 Heading 1, Heading2, above tilte, button 등을 직접 변경함으로써 홈페이지의 모든 텍스트를 한꺼번에 일괄적으로 변경할 수 있습니다.

왼쪽 그림의 Heading 1의 사이즈는 46입니다만, 이것을 23으로 변경하면 모든 홈페이지의 메인 타이틀은 절반의 크기로 축소될 것입니다. 마찬가지로 Button이라는 스타일링을 변경한다면 홈페이지의 모든 버튼 안에 있는 텍스트들은 자동으로 변경이 적용됩니다. 정말 편하죠? 단, 주의할 점은 「버튼 안의 텍스트가 Button으로 분류되어 있는가」 입니다. 버튼 안의 텍스트가 Heading 3으로 지정되어 있다면 자동으로 Heading3의 설정을 따르겠죠?

폰트의 변경도 간단합니다. Heading 1의 폰트를 바꾸고 싶다면 ③번을 클릭해서 새로운 폰트를 추가해야 합니다.
①번을 클릭 후 ②번에 원하는 폰트의 이름을 입력한 뒤 아래의 Continue버튼을 눌러주시면 폰트가 추가됩니다.

폰트 추가

구글 폰트를 추가하면, 각 텍스트 스타일마다 다른 글꼴을 부여할 수도 있습니다. Heading1에는 굴림체를, 본문내용인 Paragraph에는 돋움체를 지정할 수 있겠죠.

폰트를 추가하려면 ②번에 원하는 폰트 이름을 입력해야 합니다. 예시로 Noto Serif KR 을 입력하면 새로운 폰트가 추가될 것입니다.

구글 폰트를 잘 모르시는 분들은 아래 버튼을 통해 원하는 폰트의 이름을 찾아보세요.
구글 폰트 찾아보기
초록색 테두리가 각 폰트의 이름입니다. 복사해서 Brizy에 추가해보세요.

폰트 추가

2-2-4의 구글 폰트 찾아보기 버튼을 누르셨다면 왼쪽의 페이지에 접속하셨을겁니다. Brizy는 모든 구글 폰트를 지원하기 때문에 처음에 마음에 드는 모든 폰트를 추가하시는걸 추천드립니다.

마케팅을 생각한 홈페이지 제작

새로운 가능성을 발견하다
당신의 순수익을 올려주는 홈페이지 제작소
구입하기
all rights reserved 아스나다 by mintoprove.com
대표 : 김동섭
이용규칙
개인정보보호
사업자정보
magic-wandlockcartmagnifier