Damon Cho
기획자 데이먼
Damon Cho
전체 방문자
1,363,673
오늘
7
어제
792
  • 전체 글 (135)
    • 제품 관리 (80)
      • PO, PM, 기획자 (27)
      • 비즈니스 분석 (14)
      • 서비스 기획 (26)
      • 마케팅 & 운영 & 팁 (7)
      • 여행 & 숙박 플랫폼 (6)
    • 프로토타입 툴 Axure (48)
      • 기초강좌 (14)
      • 프로토타입 샘플 (13)
      • 해외 라이브러리 (11)
      • 기타 (10)
    • 외부 아티클 (7)
      • PM, 제품 관리 (3)
      • 소프트스킬 (1)
      • 트렌드 (1)
      • 케이스 스터디 (2)
      • OTT 관련 (0)

블로그 메뉴

  • 🔗 PM/기획자 가이드 모음
  • 🔗 Axure 온라인 클래스
  • 🔗 웹/모바일 기획자 그룹
  • 문의 & 답변

인기 글

  • [웹/앱 설계의 기본] 화면설계⋯
    2020.09.08
    [웹/앱 설계의 기본] 화면설계⋯
  • 당신은 대체 불가능한 기획자인⋯
    2019.12.01
    당신은 대체 불가능한 기획자인⋯
  • 프로덕트 매니저의 툴, UI 디자⋯
    2020.09.01
    프로덕트 매니저의 툴, UI 디자⋯

최근 댓글

  • 많은 도움이 되었습니다. 감사⋯
    익명
  • 공부하는데 많은 도움이 되었습⋯
    제갈 PM
  • 오랜만이네요. Adobe XD공부하⋯
    김진남

최근 글

  • 네이티브 앱으로 제작할까? 크⋯
    2022.06.10
    네이티브 앱으로 제작할까? 크⋯
  • 리텐션을 고민할 때 생각해봐야⋯
    2022.03.27
  • 토스, 만보기 서비스 분석 글
    2022.03.22
글쓰기 · 관리자
hELLO · Designed By 정상우.
Damon Cho

기획자 데이먼

Axure 기초강좌 - Style 판넬
프로토타입 툴 Axure/기초강좌

Axure 기초강좌 - Style 판넬

2015. 9. 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/기초강좌' 카테고리의 다른 글
    • [Axure 강좌] 유튜브 동영상 embed 하기!
    • [Axure 강좌] 구글 지도 연동하기!
    • Axure 기초강좌 - 마우스 오버, 마우스 이탈, 위젯 선택 시 스타일 적용 방법
    • Axure 기초강좌 - 위젯 모양 변경방법
    AXURE, axure rp, axure 강좌, axure 기초강좌, axure 매뉴얼, axure 메뉴얼, axure 사용법, axure 프로토타입, 액슈어, 프로토타입
    Damon Cho
    Damon Cho
    제품 관리자(PO, PM, 기획자)로 일하며 경험한 것들을 정리하고 공유합니다.
    댓글쓰기
    다음 글
    [Axure 강좌] 구글 지도 연동하기!
    이전 글
    Axure 기초강좌 - 마우스 오버, 마우스 이탈, 위젯 선택 시 스타일 적용 방법
    • 이전
    • 1
    • ···
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • ···
    • 14
    • 다음

    티스토리툴바