
Axure (아슈르) 강좌 2 for UX
필그램
·2019. 6. 17. 07:07
Axure를 공부하며 중요한것 몇가지를 적어봅니다.
1. Reusable Style:
재사용 가능한 것을 Master에 등록해 적용한다.
장점은 이전 블로그에 설명 했지만, 아래와 같으며, 특히 여러 페이지에 반복적으로 나오는
메뉴바나 문장을 한번에 고칠 수있다.
2. Form validation
폼은 일반적으로 '라이브러리'의 아이콘을 사용하면 되지만,
정확한 내용을 입력하는 지를 검사하는 폼 검사는 적용할 수 있다.
이때 form validator를 사용한다.
3. 작성한 프로젝틀 html로 변환가능하다.
Publish > Generate HTML files...
4. Check boxes and Radio Buttons
라디오 버튼은 중복 선택이 가능하다.
5. Show/hide menus
햄버거 메뉴 아이콘을 눌렀을때 메뉴를 보였다 안보였다 하는 기능으로 햄버거 아이콘의 onClick> Widgets > Toggle로 설정한다.
6. Tab Control
탭을 눌렀을때 내용을 변하게 하는 것으로, 영역을
'Convert to Dynamic Panel'로 선택
> 영역 더블클릭
> Panel States 를 2개이상 탭 수만큼 만들고
> Panel States의 항목 Edit을 클릭한뒤, 원하는 내용을 창에 넣는다
> 탭의 영역 onClick시 원하는 Panel 내용이 노출되도록 설정한다.
7. Casousel
위의 탭 콘트롤과 비슷하나, 맨 Case 설정시 Set Panel State > 영역 제목선택 > Select state를 Next 또는 Privious로 선택한다.
'프로그래밍' 카테고리의 다른 글
[쇼피파이-shopify] 국가별 화폐표기 (0) | 2020.09.27 |
---|---|
테스트 자동화란? (Automated testing) (0) | 2019.06.17 |
Axure - Master 사용하기 (0) | 2019.06.17 |
[HTML] <label> tag (0) | 2018.01.25 |
[UX] 프로토타입 제작을 위한 Sketch[스케치] 자료정리 (0) | 2018.01.02 |