뉴노멀

삼성카드 어플리케이션 홈화면 클론 디자인 완료 ! 재미는 있었는데 시간이 상당히 오래걸린다. 클론디자인을 하면서 느낀것은 컴포넌트의 중요성! 하나 제대로 만들어두면 수정이 확실히 오래 걸리지 않고, 통일성 있는 디자인을 만들기가 쉽다. 또한 삼성카드 어플리케이션도 반복적인 요소가 상당히 많아서, 실무에서도 화면 구축을 할때 컴포넌트를 생성해두고 돌려쓰는게 중요하겠구나. 생각이 들었다. 클론 디자인을 할때에는 폰트 크기나 색상은 Library에 저장하지 않고 그냥 만들었는데, 아직까지 그정도로 꼼꼼하게 해야하는 이유는 몰라서 다음 클론 디자인때에도 그렇지 않을까 생각:) 아무래도 실제사용되고 있는 어플리케이션의 UI/UX 요소를 파악하고, 트렌드가 어떤지 참고용으로 만드는 작업이라고 생각한다. (레이아웃도..

디자이너라서 행복해 2023. 12. 8. 18:46

생성형AI가 쏟아져 나오다보니, 오늘 관심이 생겼던 것은 그림을 비디오로 만들어주는 생성형AI 사이트이다. 수많은 사이트 중에 우연히 방문하게 된 AIkaidvision 사이트이다. 현재 이용할 수 있는 대표적인 기능으로는 1. 이미지+행동영상 -> 이미지가 행동영상처럼 움직인다 2. 이미지만 업로드 -> 간단한 이펙트 (입을 벌리거나 눈깜박임)을 지원한다. undersea . halloween . fantasybeast와 같은 해시태그를 달아서 특정 무드를 연출할 수 있다. 메인화면의 토큰. 현재 베타버전이라 그런지 토큰을 무료로 제공한다. 몇번 지속해서 사용해볼 수 있는 점이 매력적이다. 이미지 + 행동 모션으로 이미지를 춤추게 할 수 있는 모드인데 동물은 지원안되는 것 같다 귀여운 강아지 이미지가 ..

AI와 동고동락, 좋은 파트너 2023. 12. 7. 14:24

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

어젯밤에 11월을 끝내면서 한달간 혼자서 무슨 일을 할 수 있었는가 돌이켜보는 시간을 가졌었는데, 마침 오늘 스파르타코딩클럽에서 한주간 어떠한 학습을 했고 적용을 할 수 있는가에 대한 숙제가 나왔다 XD 지난 일주일 동안 가장 인상 깊었던 배움 사례 그 배움까지 어떠한 어려움이 있었는지 과정에서 나는 무엇을 깨달았고, 어떤 감정/생각이 들었는지 현재 나의 상태는 어떻게 되었는지 다음 일주일을 더 잘 보내기 위해 무엇이 필요할지 FACTS(사실, 객관) : 이번 일주일 동안 있었던 일, 내가 한 일 일주일동안 오토레이아웃/컴포넌트 개념을 익히고 프로토타입을 적용하는 강의를 들었었다. UI/UX 피그마툴 외에도 블렌더, 시네마 프로그램 툴을 수강하고 있었는데 배움 초보자의 실수인것 같다. 뭔가를 배울 때에는..

디자이너라서 행복해 2023. 12. 1. 10:24

1. 오늘의 아티클(주제) 어플리케이션의 미리보기, 맞춤형 페이지 최근 어플리케이션을 만들면서 이런 내용에도 관심을 갖게 되었다. 생각해보면 나도 특정 카테고리의 앱을 설치하기 전에 ' 맞춤형 페이지 '를 통해 해당 어플리케이션에서 내가 필요한 요소가 있는지, UI는 어떻게 구성되어 있는지 살펴보고 마음에 들면 설치를 했었다. 또 맞춤형 페이지가 얼마나 깔끔하게 구성되어 있느냐도 어플리케이션에 대한 신뢰를 올려주는 요소가 되었다. 2. 아티클 정보 요약 앱스토어에서 보여지는 미리보기 페이지는 3장이 가장 메인이다. 필수적으로 보여지는 단계이기 때문에 어플리케이션에 대한 킬링포인트를 여기에 넣고, 이후 단계에서는 어플리케이션의 실제 구동을 보여주는 것이 좋. 3. 인사이트 역시 가장 필요한 것은 UI/UX..

디자이너라서 행복해 2023. 12. 1. 10:07

1. 오늘의 아티클(주제) 복잡함과 단순함, 어떤 것이 좋은 디자인이라 할 수 있을까? 2. 아티클 정보 요약 간혹 디자인 레이아웃을 제작하다보면 많은 콘텐츠를 삽입하기 위해서 화면 구성이 복잡해질 때가 있다. 대표적인 예로 이커머스를 들 수 있는데, 상품명/브랜드명/가격경쟁/상품설명/배송방식/옵션/환불절차 등. 빼놓을 수 없는 요소들이 섞이다보면 소비자 입장에서는 페이지에 진입했을 때 혼란스러울 수가 있다. 소비자의 스크롤 시선을 따라 레이아웃을 어떻게 구성할 것인지 생각하는 것이 디자이너의 역량이 될 것이다. 이에 대한 답변으로 다음과 같은 질문을 던져볼 수 있다. ' 서비스 하고자 하는 포인트가 무엇인가 ' ' 무엇을 보여줄 것인가 ' ' 어떻게 보여줄 것인가 ' 공급자가 아닌 소비자의 관점에서 생..

디자이너라서 행복해 2023. 12. 1. 09:39