본문으로 바로가기

Axure 기초강좌 - 위젯 모양 변경방법

category 프로토타입 툴 Axure/기초강좌 2015. 9. 17. 18:44

이번에는 Axure 도형 활용방법을 살펴보겠습니다. 

먼저 사용 할 위젯을 드래그해 와이어프레임에 올려놓습니다. 



위젯 모양 변경

1. 위젯을 선택하면 우측 상단에 동그란 아이콘이 보여집니다. 아이콘을 클릭하면 다른 도형으로 변경할 수 있습니다.

2. 위젯을 선택하고 우측 Inspector PaneProperties를 클릭하면 하단에 Select Shape 옵션이 있습니다. 우측의 셀렉트 박스를 클릭하면 다른 도형으로 변경할 수 있습니다.



코너 라운드 처리

1. 위젯을 선택하면 좌측 상단에 노란색 역삼각형 아이콘이 보여집니다. 아이콘을 좌우로 드래그해서 라운드 크기를 조절할 수 있습니다.

2. 위젯을 선택하고 우측 Inspector Pane의 Style을 선택하면 하단에 Corner Radius 옵션이 있습니다. 우측 인풋박스에 수치를 입력해 라운드 크기를 조절할 수 있습니다. 숫자가 커질수록 라운드의 크기도 함께 커집니다.

3. 라운드를 적용 할 코너 위치를 선택할 수 있습니다. 파란색 박스를 클릭하면 라운드가 활성화/비활성화 됩니다. 


기획자 조영수
IT Product를 만드는 프로덕트 오너이자, 글/영상/서비스를 만드는 기획자입니다.

댓글을 달아 주세요

  1. 긍정디자이너장뱀 2017.03.27 18:05

    안녕하세요^^ 질문이 있어 댓글 남깁니다.
    스마트폰 모양의 밑그림은 이렇게 위젯을 통해 그리는 건가요, 이미지를 통해 가져오고 그 위에 그려낼 수 있나요?

  2. Axure DreamTree 2020.06.17 18:58

    안녕하세요! 현재 Axure RP 9 사용 중인데요 Corner 부분 질문있습니다 :)
    도형 선택한 상태에서 두번 클릭하면 꼭지점(마름모)로 변하던데요!
    거기서 꼭지점 하나를 추가하고 다시 클릭하게 되면 노란색 역삼각형이 사라져있습니다 ㅠ
    추가한 꼭지점을 지워도 재생성 안되묘
    Inspector Pane의 STYLE에서도 CORNER가 비활성화 되어있고 적용이 안되요...
    왜 이런걸까요?

    • Axure DreamTree 2020.06.17 18:59

      다시 클릭한다는 말은 꼭지점 추가한다음에 여백을 클릭 한 후 도형을 다시 누르는 것을 말합니다!