프로토타입
-
IOS8 라이브러리프로토타입 툴 Axure/해외 라이브러리 2015. 9. 13. 16:38
uxtooltime에서 제공하는 IOS8 라이브러리에는 홈, 전화번호입력, 설정 등의 화면이 모두 포함되어 있으며 아이폰5, 아이폰6 해상도에 맞추어 각각 제작되어 있습니다. Library 사용법 1. 라이브러리 파일(OOOOO.rplib)을 다운로드 받는다. 2. Axure를 실행하고 Widgets 옆 햄버거 아이콘을 클릭한다. 3. Load Library를 클릭한다. 4. 다운받은 OOOOO.rplib 라이브러리 파일을 오픈한다. 5. Widgets에 추가 된 라이브러리를 드래그해서 사용한다.
-
어썸폰트 아이콘 라이브러리 (500여개의 아이콘)프로토타입 툴 Axure/해외 라이브러리 2015. 9. 9. 17:08
Axure에서 Font Awesome 아이콘 폰트 사용하기. 서비스 설계 시 기획 의도를 정확히 표현하기 위해 아이콘을 사용해야 하는 경우가 종종 발생합니다. 저는 그 동안 아이콘파인더에서 무료 아이콘을 다운받아 사용해왔는데요. 최근에는 아이콘 폰트를 활용한 방식이 많이 사용되고 있다고 합니다. 아이콘 폰트에 대한 내용은 weddir님의 아이콘 폰트(IconFont)의 모든 것 포스트 참조. 아이콘 폰트를 사용 할 경우의 가장 큰 장점은 폰트를 설정하는 방식과 동일하게 아이콘 크기와 색상을 자유롭게 지정할 수 있다는 점입니다. 기존 이미지 방식인 경우에는 이미지가 가공되면 손실이 발생하는데 아이콘 폰트는 그럴 일이 전혀 없습니다. 아이콘 폰트(어썸폰트)를 Axure에서 사용하는 방법은 다음과 같습니다. ..
-
Axure 화면구성프로토타입 툴 Axure/기초강좌 2015. 9. 9. 00:18
Axure RP는 Rapid Prototyping의 약자로 빠른 프로토타이핑이라는 의미를 가지고 있습니다. 또한 코딩없이 프로토타입을 제작할 수 있는 툴입니다. IT 현장에서는 서비스가 출시되기까지 많은 시간과 비용이 발생하는데 프로토타입은 단기간에 실제 서비스와 유사한 형태로 구현이 가능하기에 리스크를 최소화 할 수 있고, 실제 작동이 눈에 보이기 때문에 구성원들과의 의사소통이 수월하다는 장점이 있습니다. 현재까지도 대부분의 현장에서 파워포인트를 중심으로 화면을 설계하고 있지만 정적인 화면만으로는 기획 의도를 명확히 전달하기 어렵기 때문에 프로토타이핑에 대한 Needs가 점차 늘고 있는 추세입니다. 시중에 여러 프로토타이핑 툴이 출시되어 있지만 각각의 장/단점이 명확합니다. 저는 Axure를 5년 이상..
-
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 프로토타이핑 #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 강좌일정 및 공식 커리큘럼 안내 ..
-
Axure 프로토타이핑 #1. 모바일 인터랙션프로토타입 툴 Axure/프로토타입 샘플 2015. 9. 5. 11:10
안녕하세요. 기획자 조영수입니다. 서비스를 기획할 때 PPT에서 벗어나 프로토타입 툴을 사용해보고 싶은 적 없으셨나요? 사용하고 싶다고 해도 업무협업, 효율성 등의 이유로 현업에 도입하기가 쉽지 않으셨을 겁니다. 또한 시중에 수많은 프로토타입 툴이 나와있어 어떤 툴을 사용할 지 결정하기 어렵죠. 저 또한 Axure, balsamiq mockups, Flinto, Framer, Indigo Studio, Invision, Marvelapp, Mockups, Proto.io, Pencil, Pixate, pop, Oven.io, Origami, UXPin, 프로토나우 등 대부분의 툴을 사용해봤는데 툴 마다 장단점이 명확해서 어떤 툴이 좋다라고 설명하기 어렵더라구요. 저는 위의 툴 중 Axure를 5년간 사용..