프로토
-
Axure 기초강좌 - 마우스 오버, 마우스 이탈, 위젯 선택 시 스타일 적용 방법프로토타입 툴 Axure/기초강좌 2015. 9. 18. 17:54
Axure 프로토타이핑의 최대 장점은 인터랙션을 시각화해서 보여줄 수 있다는 점입니다. 이번 챕터에서는 특정 위치에 마우스 오버, 마우스 이탈, 위젯이 선택 되었을 때의 스타일 지정 방법을 살펴보겠습니다. 1. 마우스오버, 마우스다운, 셀렉트, 비활성화 인터랙션별 스타일을 지정할 수 있습니다. 2. [위젯 우클릭] - [인터랙션 스타일] 클릭 시 인터랙션 스타일 팝업이 뜹니다. 3, [위젯 선택] - [Inspector/Properties] 판넬에서 원하는 인터랙션 스타일을 클릭하면 팝업이 뜹니다. 강좌 2016년 Axure 강좌일정 및 공식 커리큘럼 안내 소개 IT 기획 연구소 운영자 소개
-
Bootstrap 라이브러리프로토타입 툴 Axure/해외 라이브러리 2015. 9. 16. 23:29
부트스트랩(Bootstrap)은 트위터에서 공개한 웹 프론트 엔드 개발 도구로 최근에는 Admin 페이지를 제작할 때 많이 사용하고 있습니다. 아래는 부트스트랩 테마를 동일하게 본뜬 Axure 라이브러리입니다. - 부트스트랩 테마 : http://getbootstrap.com/examples/theme - Axure 데모 : http://goo.gl/hqq0OR 유료 샘플은 대부분 쉽게 구현할 수 있습니다. 샘플 사이트는 참고용으로 둘러보시길 권장합니다.
-
Axure RP 8 Beta 오픈!프로토타입 툴 Axure/기타 2015. 9. 8. 18:47
2015년 8월. Axure RP 8 Beta 버전이 공개되었습니다.Axure RP 8 버전은 Axure RP 7 버전과 비교하여 기본 인터페이스가 일부 변경되었으며 윈도우와 맥의 레이아웃을 통일했습니다. 인터페이스가 변경되었어도 기존에 7 버전을 사용하던 유저는 큰 거부감 없이 사용할 수 있습니다. 기본 위젯, 펜툴, 스냅샷 기능이 추가되었으며 인터랙션, 애니메이션, 그룹 기능, 협업 기능, 프린트 기능 등이 강화되었으니 한 번 체험해보시기 바랍니다. 아직은 자잘한 버그들이 남아있지만 빠르게 업데이트 되고 있으니 조만간 안정화가 될 거라 예상됩니다. - Axure RP 8 Beta 다운로드 : http://www.axure.com/beta- Axure RP 8 기능 소개 : http://www.axur..
-
Axure 플랫 디자인, 머트리얼 디자인, 애플 워치 디자인 템플릿프로토타입 툴 Axure/해외 라이브러리 2015. 9. 7. 22:00
해외에는 Axure UI KITS 유료 판매가 활성화되어있습니다. 지금 소개하는 샘플은 퀄리티가 워낙 좋아 저도 사볼까 고민을 했었는데요. 대부분이 직접 만들 수 있는 소스라 구매하지는 않고 필요할 때 직접 만들어서 사용합니다. 아래 샘플을 보면 Axure에 조금 더 흥미가 생길거라 생각되어 MARC-OLIVER가 제작해 판매하는 Axure 플랫 디자인, 머트리얼 디자인, 애플 워치 샘플 링크를 공유합니다. - MARC-OLIVER 웹사이트 : http://wearebridge.co/ux-tools/Axure-UI-Kits/ Axure FLAT UI Kit 샘플 보기 Axure MATERIAL UI Kit 샘플 보기 Apple Watch UI Kit 샘플 보기 유료 샘플은 대부분 쉽게 구현할 수 있습니다..
-
Axure 가격 및 라이센스프로토타입 툴 Axure/기타 2015. 9. 7. 08:12
Axure는 다른 프로토타입 툴에 비해 가격은 비싸지만, 비싼 만큼 기능은 확실합니다.STANDARD 버전은 $289(약 34만원) PRO 버전은 $589(약 70만원)이며, 한 번 구매하면 평생 라이센스가 발급됩니다. 버전이 6,7,8처럼 큰 단위로 업데이트 되어도 추가 비용은 발생하지 않습니다. - 구매 링크 : http://www.axure.com/buy 어떤 버전을 구매하는 게 좋을까요?팀원들과 함께 작업하는 협업 프로젝트가 아니라면 STANDARD 버전으로 충분하며, 노트 기능을 많이 이용하거나 협업이 필요한 경우 PRO 버전을 구매하는 게 좋습니다. 최초 30일간 트라이얼 버전으로 무료 체험이 가능하니 충분히 사용해보고 구매여부를 결정하시길 권장합니다. 기업 라이센스가 따로 있나요?Adobe ..
-
-
Axure 프로토타이핑 #5. 반응형 웹프로토타입 툴 Axure/프로토타입 샘플 2015. 9. 5. 11:24
다섯번째 샘플. 반응형 웹 프로토타입을 구현해봤습니다. 최근에 오픈한 SK c&c 웹사이트를 프로토타입 형태로 작업했습니다. 웹 브라우저의 가로 사이즈(Width)를 확대 및 축소하면 브라우저 사이즈에 따라 웹사이트, 태블릿, 모바일 UI가 보여지고 좌측 메뉴의 모바일 화면, 태블릿 화면을 클릭하면 각 디바이스별 구동화면을 미리 볼 수 있습니다. SK c&c 사이트를 먼저 보시고 프로토타입을 보시면 좋을 것 같습니다. Axure 프로토타이핑 #5. 반응형 웹 샘플보기(클릭) 모바일에서 보시는 분은 여기를 클릭해주세요 (아이폰에 최적화되어 있습니다.) 기존에 구현 된 사이트를 본뜨는 작업이라 구현까지 약 반나절 정도 소요되었습니다. 사실, 서비스를 구상하는 기획 과정이 어렵지 화면은 누구나 금방 그려낼 수..
-
Axure 프로토타이핑 #4. 워치 앱과 계산기프로토타입 툴 Axure/프로토타입 샘플 2015. 9. 5. 11:23
네번째 샘플. 워치 앱 프로토타입을 구현해봤습니다. 애플 워치 실제 해상도에 맞게 UI를 구성하고, 시계 기본 기능인 실시간 타임을 반영했습니다. 계산기가 작동되도록 구현했으며 더블터치 및 롱터치 액션을 적용해 다양한 터치 방식으로 앱을 이용할 수 있도록 설계했습니다. Axure 프로토타이핑 #4. 워치 앱과 계산기 샘플보기(클릭) 애플 워치는 처음 설계해봤는데 생각보다 잘 나온것 같습니다. 계산기 작업이 난이도가 있지만 나머지 액션은 간단히 작업할 수 있습니다. 샘플 #1 모바일 인터랙션 샘플 #2 백오피스 프레임 및 기본 게시판 샘플 #3 동적 그래프 샘플 #5 반응형 웹 강좌 2016년 Axure 강좌일정 및 공식 커리큘럼 안내 소개 IT 기획 연구소 운영자 소개
-
Axure 프로토타이핑 #3. 동적 그래프프로토타입 툴 Axure/프로토타입 샘플 2015. 9. 5. 11:22
세번째 샘플. 동적 그래프 프로토타입을 구현해봤습니다. 그래프가 동적으로 로딩되고, 정렬 옵션을 이용해 오름차순/내림차순 정렬이 가능하며, 막대그래프 클릭 시 툴팁을 보여줍니다. Axure 프로토타이핑 #3. 동적 그래프 샘플보기(클릭) 동적 그래프 화면 구성은 쉽고 빠르게 할 수 있지만 동적인 효과를 넣기 위해 기본적인 개발지식이 필요합니다. 엑셀의 매크로와 같은 개념으로 생각하면 되구요. Axure 프로토타이핑에서는 최고 난이도 작업이라고 볼 수 있습니다. 이전에 만들었던 소스를 활용하여 구현까지 약 1시간 소요되었습니다. 샘플 #1 모바일 인터랙션 샘플 #2 백오피스 프레임 및 기본 게시판 샘플 #4 워치 앱과 계산기 샘플 #5 반응형 웹 강좌 2016년 Axure 강좌일정 및 공식 커리큘럼 안내 ..