본문 바로가기

개발일지

웹 사이트 설계 도구

20180103

날짜 : 2018. 01. 02.(화)

웹 사이트 설계 도구

본문

생각하게 된 계기

  • 앞선 프로젝트에서 문제점 중 UI가이드가 부실한 점
  • 인터랙션을 디자인 단계에서 UI가이드 단계에서 설계를 하면 코딩시 손이 안 꼬일것 같음.

알게 된 것.

  1. 웹디자인 기획 용어부터 알고 있지 못하였다.
    • 웹이란 짧은 역사를 가졌지만 폭발적으로 발전해 왔다는 것을 인지하지 못했다.
    • 간단히 sketchapp을 사용 할때에는 진정한 이 도구의 목적을 알지 못하였다.
  2. 웹 기획 단계(?)
    • wireframe, mockup : 정적 화면 기획
    • prototype : 인터랙션 + wireframe, mockup
    • storyboard : 정책, 프로세스 + prototype
  3. sketchapp을 기준으로 설명
    • sketchapp 은 정정 화면을 만들어 낸다.
    • 이것을 다른 inVision, Flinto 등을 사용해서 인터랙션 화면을 설계 한다.
    • Axure는 여기에서 서비스 정책 등을 적용하여 테스트 해볼 수 있다. (사용은 못해봤습니다.)
  4. (백수기준)배보다 배꼽이 커지는 상황이 다가 온다.
    • 다른 이들에게 보여줄 수 있는 결과물 이라는 점에서 좋은 것 같다.
    • 위 도구들의 공통점은 과금을 받는 프로그램이라는 점이다.
    • FreeTrial이 존재하는데, 이것을 이어가야 하는 것인가....

참고사이트