본문으로 바로가기

Axure 기초강좌 - Style 판넬

category 프로토타입 툴 Axure/기초강좌 2015.09.25 17:01

Axure에서는 Style 판넬을 이용해 온라인에서 사용되는 내비게이션, 텍스트, 버튼 등 모든 요소를 동일하게 구현할 수 있습니다. 아래 다운로드 버튼을 예시로 어떤 스타일이 적용되었으며 각각 어떤 기능을 담당하는지 살펴보겠습니다.


1. 위치 및 크기 설정 : 위젯의 위치(X,Y)와 크기(W,H]를 설정할 수 있습니다. W와 H 사이의 [ ]를 클릭하면 위젯이 동일 비율로 커지거나 작아집니다. 

2. Hidden : 위젯이 화면에서 안보이도록 숨김처리 합니다.

3. 스타일 서식 : 미리 지정해놓은 스타일 서식을 적용합니다.

4. 채우기 : 위젯의 채우기 색상을 선택합니다. 전체를 단색으로 채우거나 그라디언트 효과를 적용 할 수 있습니다.

5. 그림자 : 위젯의 그림자를 설정합니다. 바깥 그림자, 내부 그림자 모두 설정이 가능합니다.

6. 외곽선 : 위젯의 외곽선을 설정합니다. 외곽선 두께, 스타일, 컬러 등의 지정이 가능합니다.

7. 코너 : 위젯의 모서리를 둥글게 설정합니다. 숫자가 커질수록 둥글어집니다.

8. 투명도 : 위젯의 투명도를 설정합니다.

9. 폰트 스타일 : 폰트의 서체, 크기, 색상, 볼드체, 이탤릭체, 언더라인, 그림자 효과를 적용 할 수 있습니다.

10. 행간 : 글과 글의 행간을 설정할 수 있습니다.

11. 블릿 : 텍스트 맨 앞에 블릿을 추가합니다.

12. 정렬 : 위젯을 정렬합니다. 좌측, 중간, 우측 / 상단, 중간, 하단 정렬이 가능합니다.

13. 패딩 : 위젯의 좌,우,상,하 여백을 조정합니다.

저작자 표시 비영리 변경 금지
신고
웹기획자 조영수
여행 카테고리 서비스 기획자. 《처음부터 다시 배우는 웹 기획》 저자. 웹기획&AXURE 강사. 웹/모바일 기획자 그룹 운영자.

댓글을 달아 주세요