프로토타입

프로토타입

    Axure 온라인 클래스 오픈 - 제품 관리자를 위한 최적의 프로토타이핑 툴

    저는 한국형 기획자로 시작해서 지금은 제품 관리에 특화된 PM업무를 담당하고 있습니다. 처음에 기획자가 되었을 때는 스토리보드 작성이 주 업무였고 파워포인트 장인이 되어갔는데요. 시간이 지날수록 파워포인트 설계가 업무에 비효율적이라는 생각이 들었습니다. 그래서 새로운 툴들을 찾기 시작했고 그렇게 Axure를 만나고 10년 넘게 이 툴을 사용해오고 있습니다. 지금은 설계 업무 비중이 많이 줄어서 Axure를 자주 사용하지는 않지만, 아직도 플로우 차트를 그리거나 간단한 목업을 제작할 때는 Axure를 사용하고 있습니다. 물론 이러한 작업은 디자인 전문 툴인 피그마, XD, 스케치로도 모두 할 수는 있지만 아무래도 디자인 전용 툴이다 보니 손에 딱 맞는 느낌은 아닙니다. Axure는 파워포인트/키노트의 사용..

    티몬 상세페이지 프로토타입 만들기 YouTube Embed

    Axure에서 유튜브 영상을 불러와서 티몬 상세페이지를 만드는 영상입니다. 제가 만든 영상이지만 도입부분이 지루하네요 😂😂😂 앞 부분을 skip 하시고 중반으로 넘어가시면 티몬 페이지를 2배속으로 만드는 화면이 나오는데, Axure를 아직 접해보지 않으신 분들이 참고해보시면 좋을 것 같습니다 ^^ 프로토타입 툴을 이용하면 실제 사이트와 거의 흡사한 모형을 아주 빠르게 제작할 수 있습니다.

    Sketch로 디자인하고 Axure RP 9으로 프로토타입 만들기

    새롭게 출시 된 Axure RP 9 (베타)에서는 Sketch와 연동 된 플러그인을 통해 디자인 파일을 불러오고 자유롭게 편집할 수 있습니다. 아래는 실제 작업 영상입니다. [ Axure RP 9 Beta ] https://www.axure.com/blog/axure-rp-9-beta [ Axure RP 9 Prototype Sample ] https://nwi2et.axshare.com

    Axure 프로토타이핑 #10. PC Web 샘플

    프로토타이핑 툴 Axure로 제작한 여행사 사이트 PC Web 샘플입니다. 파워포인트 스토리보드가 Axure 프로토타입으로 어떻게 구현되는지 참고해보실 수 있습니다.

    [웹 기획] 화면 설계 용어 - 와이어프레임, 스토리보드, 프로토타입의 차이점

    📌 이 글은 벌써 4년도 넘은 글인데요. 2020년 9월 기준으로 최신 내용을 업데이트 했습니다. 아래 링크를 클릭해주세요! [웹/앱 설계의 기본] 화면설계서 작성방법 프로덕트 매니저의 툴, UI 디자이너의 툴 건축물을 짓기 위해서는 구체적인 설계도면이 필요하듯이 웹사이트 또는 모바일 앱 서비스를 제작하기 위해서도 설계도면이 필요합니다. IT 현장에서는 이를 화면 설계라 지칭하며 와이어프레임, 스토리보드, 프로토타입으로 구분하고 있습니다. 국내에서는 파워포인트로 제작한 스토리보드가 표준 설계 방법으로 사용되고 있지만, 보다 원활한 커뮤니케이션을 위해 점차 다양한 툴로 확장되고 있습니다. 알듯 말듯 조금은 헷갈리는 각 용어들이 어떠한 차이가 있는지 살펴보겠습니다. 와이어프레임(Wireframe) 와이어프레..

    Axure 프로토타이핑 #7. 백오피스 실제 설계화면

    앞서 Axure 프로토타입의 장점을 설명할때 모든 디바이스의 화면을 설계할 수 있으며, 백오피스와 같은 복잡한 화면도 실제와 흡사하게 설계가 가능하다고 했습니다. 백문이 불여일견이라고 실제 현업에서는 어떻게 설계하고 있는지 작업 샘플을 첨부합니다. 대외비라 최소한으로 압축해 GIF 파일로 제작했습니다. Axure로 설계한 백오피스 화면

    여성적인 느낌의 Axure 템플릿. (아이폰, 아이패드, 애플워치 등)

    웹 서핑 중 여성적인 느낌의 Axure 템플릿 사이트를 발견했습니다. 제작자는 폴란드의 Kate Lisowska라는 여성으로 사이트를 여성적인 감각으로 예쁘게 잘 만들었습니다. 아이폰, 아이폰6, 아이폰 플러스, 아이패드, 안드로이드, 애플워치에서 사용할 수 있는 Axure 템플릿을 유료로 판매하고 있으며 퀄리티가 상당히 좋습니다. Axure로 모바일 프로토타이핑을 고민중이시라면 이 사이트를 참고해보시길 추천드립니다. - 사이트 링크 : http://www.axlibrary.com/

    Axure 기초강좌 - Style 판넬

    Axure에서는 Style 판넬을 이용해 온라인에서 사용되는 내비게이션, 텍스트, 버튼 등 모든 요소를 동일하게 구현할 수 있습니다. 아래 다운로드 버튼을 예시로 어떤 스타일이 적용되었으며 각각 어떤 기능을 담당하는지 살펴보겠습니다. 1. 위치 및 크기 설정 : 위젯의 위치(X,Y)와 크기(W,H]를 설정할 수 있습니다. W와 H 사이의 [ ]를 클릭하면 위젯이 동일 비율로 커지거나 작아집니다. 2. Hidden : 위젯이 화면에서 안보이도록 숨김처리 합니다.3. 스타일 서식 : 미리 지정해놓은 스타일 서식을 적용합니다.4. 채우기 : 위젯의 채우기 색상을 선택합니다. 전체를 단색으로 채우거나 그라디언트 효과를 적용 할 수 있습니다.5. 그림자 : 위젯의 그림자를 설정합니다. 바깥 그림자, 내부 그림자 ..