뉴노멀

figma툴은 직관적이고 사용이 쉽게 만들어져 디자이너 외에 기획자도 함께 사용이 가능하다. 그리고 개발자도 화면 UI를 참고하고 프로토타이핑으로 디자이너가 의도하는 UX를 볼 수 있다는 것이 피그마의 큰 장점이다. 폰트 종류, 폰트 사이즈, 색상 설정, 디자인 에셋을 추출하는 것도 편리하며, 화면 플로우를 한번에 볼 수 있다. 그러나 화면 UI만을 구성해서는 해당 화면 기획 의도나 중요한 포인트를 알 수 없다. 또한 디자인이 변경되었을 경우 여러가지 자료들이나 에셋이 겹치면서 어떤것이 최종 디자인인지 헷갈릴 수 있다. 물론 디자이너가 디자인을 하면서 주기적으로 에셋을 정리하고 figma 보드를 깨끗하게 유지한다면 크게 문제가 되지 않을 수 있지만, 디자인만큼 오래 걸리는게 정리하는 일이기에 언제나 깨끗..

디자이너라서 행복해 2023. 12. 6. 15:57

개발자 친구와 어플리케이션을 제작해보기로 한 이후에 러프한 UI를 먼저 만들었고, 플로우차트/프레임워크는 따로 두지 않았었다. 내가 생각했던 아이디어라 비주얼적으로 보여지면 충분하겠지라고 생각했는데, 개발자 입장에서 구현하기 위해서 구체적인 페이지의 의도/플로우가 써져있지 않는한 같은 생각으로 구현하기가 어렵다는 것을 깨달음...!!! (피그마 프로토타이핑으로도 한계가 있더라...! - 예를 들어 intro01 페이지에서 선택안함 옵션을 눌렀을때, 이후 홈으로 이동하면 특정 옵션이 안보인다던지에 대한 선택사항) 그래서 찾아봤던 아티클이 [ 효율적인 기획 방법 찾기 ] 글이었다. 디자인을 기획하고 개발자가 구현하는 커뮤니케이션 방식은 각 회사마다 다른 방법을 선택하고 있고, 결국 " 얼마나 많은 사람이 기..

디자이너라서 행복해 2023. 12. 4. 17:11

피그마의 꽃이라고 생각하는 프로토타이핑. 그중에서 애니메이션 효과는 어떻게 손대느냐에 따라 괜찮은 GIF를 만들기도 좋고, 인터랙션을 보는 맛이 쏠쏠하다. 재미있게 이용했던 피그마 프로토타이핑 정리! instant instant는 세부적인 slow/gentle/quick/bouncy 같은 옵션은 없고 즉각 바뀌는 애니메이션 형태이다. 어플리케이션 이동할때 깔끔하게 넘기거나 버튼을 반응형으로 만들때 쓸만할 것 같고, delay옵션과 함께 사용하면 반짝반짝거리거나 깜박깜박거리는 효과 애니메이션을 만들기 좋다. dissolve (slow) 가장 많이 봤었던 스무스하게 나타나는 그래픽 스타일. 자연스럽게 변경될 수 있게 만들어주는 애니메이션이라 많이 이용할 수 있는 것 같다. 감성적일때 쓰기 좋은 스타일 sm..

디자이너라서 행복해 2023. 12. 4. 15:11