Axure에서는 Style 판넬을 이용해 온라인에서 사용되는 내비게이션, 텍스트, 버튼 등 모든 요소를 동일하게 구현할 수 있습니다. 아래 다운로드 버튼을 예시로 어떤 스타일이 적용되었으며 각각 어떤 기능을 담당하는지 살펴보겠습니다.
1. 위치 및 크기 설정 : 위젯의 위치(X,Y)와 크기(W,H]를 설정할 수 있습니다. W와 H 사이의 [ ]를 클릭하면 위젯이 동일 비율로 커지거나 작아집니다.
2. Hidden : 위젯이 화면에서 안보이도록 숨김처리 합니다.
3. 스타일 서식 : 미리 지정해놓은 스타일 서식을 적용합니다.
4. 채우기 : 위젯의 채우기 색상을 선택합니다. 전체를 단색으로 채우거나 그라디언트 효과를 적용 할 수 있습니다.
5. 그림자 : 위젯의 그림자를 설정합니다. 바깥 그림자, 내부 그림자 모두 설정이 가능합니다.
6. 외곽선 : 위젯의 외곽선을 설정합니다. 외곽선 두께, 스타일, 컬러 등의 지정이 가능합니다.
7. 코너 : 위젯의 모서리를 둥글게 설정합니다. 숫자가 커질수록 둥글어집니다.
8. 투명도 : 위젯의 투명도를 설정합니다.
9. 폰트 스타일 : 폰트의 서체, 크기, 색상, 볼드체, 이탤릭체, 언더라인, 그림자 효과를 적용 할 수 있습니다.
10. 행간 : 글과 글의 행간을 설정할 수 있습니다.
11. 블릿 : 텍스트 맨 앞에 블릿을 추가합니다.
12. 정렬 : 위젯을 정렬합니다. 좌측, 중간, 우측 / 상단, 중간, 하단 정렬이 가능합니다.
13. 패딩 : 위젯의 좌,우,상,하 여백을 조정합니다.
'프로토타입 툴 Axure > 기초강좌' 카테고리의 다른 글
| [Axure 강좌] 유튜브 동영상 embed 하기! (2) | 2016.01.26 |
|---|---|
| [Axure 강좌] 구글 지도 연동하기! (14) | 2016.01.23 |
| Axure 기초강좌 - Style 판넬 (0) | 2015.09.25 |
| Axure 기초강좌 - 마우스 오버, 마우스 이탈, 위젯 선택 시 스타일 적용 방법 (3) | 2015.09.18 |
| Axure 기초강좌 - 위젯 모양 변경방법 (6) | 2015.09.17 |
| Axure 기초강좌 - Widgets Pane 사용방법 (4) | 2015.09.16 |
