여백,선 요소 (Space,Line)

여백과 선요소를 이용해 보다 쉽게 간편하게

페이지 디자인을 갈끔하게 제작할 수 있습니다.

주요 버튼 메뉴는

1. 선스타일

2. 선유형

3. 높이

입니다.

선의 주요한 메뉴는 메뉴바에 있는 기본 설정인 길이 조정입니다.

선이 속한 영역에 몇 %로 설정할지 정할 수 있습니다.

위의 이미지를 보면 선 중간에 아이콘이나 텍스트를 넣을 수 있는 스타일을 정할 수 있습니다.

하지만 일반적으로 많이 사용하는 기능은 아닙니다.

선은 일반적인 얇은 선으로 서 사용될 때 가장 좋은 효과를 냅니다.

선은 기본적으로 가로로 사용하기 편하게 메뉴가 형성되어 있습니다.

세로선을 위해서는 강제로 높이를 원하는 만큼 숫자를 넣고 가로를 1% 정도로 설정하면 됩니다.

적당한 여백은 컨텐츠를 오히려 페이지를 꽉채우주는 효과를 가지고 있습니다.

특히 상하 여백을 만들어 줄때 효과적입니다.

여백 사용은 매우 간단 합니다. 원하는 위치에 드랍하고

마우스를 통해 위아래로 움직여 공간을 만들어 냅니다

선, 여백이야 말로 초보자가 사용했을 때 세련된 스타일로 페이지를 바꿔줍니다

특히 brizy의 템플릿은 선과 여백을 적극적으로 사용했습니다

레이아웃을 읽고 쓸때 이런 내용을 안다면 보다 쉽게 내가 원하는 제작이 가능합니다.

다음 시간에 폼 요소에 대해 알아보겠습니다. 감사합니다