ONE-OFF
ui 디자인 가이드 본문
이번 강의 ui 디자인 가이드가 필요한 이유에 대해서 설명해 주었다 가이드가 필요한 이유는 대략적으로 알고 있었지만 강의를 통해서 구체적으로 알 수 있었다 디자이너와 개발자가 효율적으로 협업을 하기 위해 꼭 필요한 과정이라는 것을 느꼈다 가이드가 있으면 일관성 있는 디자인 개발이 가능하다 그리고 제작 시 디바이스를 고려하여 가이드를 작성해야 한다는 것을 중요하게 느꼈다 각 디바이스마다 가이드 기준이 다르기 때문에 이 점을 활용하여 가이드를 작성해야 한다
웹은 페이지 수와 디자인 소스들이 무수히 많기 때문에 공통적으로 사용하는 에셋의 디자인 가이드를 설계하고 각 페이지에 필요한 디자인 소스들을 준비해야 한다 그리고 에셋의 명칭도 잘 설정해야한다 개발자가 명확하게 이해할 수 있는 명칭을 사용해서 혼란을 겪지 않도록 해야 한다
가이드를 문서화했을 때 필요한 가이드에 대해서도 알게 되었다 간격과 타이포, 컬러, 등 무엇을 사용하고 어디서 써야 하는 등등 문서화 시 필요한 목록들을 잘 살펴보고 개발자가 이해할 수 있도록 해야 한다 가이드 작성 시 유의해야 하는 점과 협업 시 원활한 방법에 대해 숙지하게 된 강의였다 범위가 큰 프로젝트는 타이틀을 쓰고 업데이트 날짜를 기입해 언제 수정됐는지를 확인해 볼 수 있도록 하였다
상세페이지
반복되는 상세페이지는 가이드를 제공해 이미지만 변경할 수 있도록 하였다 그러면 번거로움이 더욱 사라질 것이다. 이 부분은 생각하지 못하였는데 가이드를 제공하여 혼란과 번거로움을 막고 일관된 디자인을 할 수 있을 것이라고 생각된다.
인터렉션 가이드
이 부분의 강의를 듣고 이 정도로까지 디테일하게 한다는 것을 알게 되었다 모션이 움직이는 속도나 범위까지 계산하여 가이드에 기입하였다 프로젝트 의도에 맞는 디자인을 만들기 위해 정말 많은 노력들이 들어간 것이 보인다
수강후기
꽤나 도움이 되는 강의였다 어떤 식으로 접근해야 하는지 가이드 시 개발자가 이해할 수 있게끔 어떻게 설계해야 하는지를 알 수 있는 강의였다 지금은 아직 혼자서 작업을 진행하고 있지만 추후에 있을 동료들과의 협업이 필요하기 때문에 잘 기억하고 숙지해 둬야겠다.