UXUI 디자인 스터디

아이- 미션받고 운동하는 플로우 부모 - 첫미션생성 플로우 오늘은 본격적으로 프로토타입연결과 유저테스트를 위한 메이즈에 연결해보았다. 단순히 화면만 연결하는데도 프로토타입이 쉽지가 않았다. 분명 프리젠테이션 모드로 보면 정상작동하는데 프리뷰랑 미러링으로 보면 글자가 깨지거나 하는 문제가 있었다. 베리언츠안에서 버튼 글씨굵기가 달라지면 오류가 생기는건지, 폰트가 변해서 그런건지...끝날때까지 뭐가 문제인지는 파악하지 못했지만 베리언츠안에 있는 글씨를 세미볼드로 통일시켰더니 작동되는것 같았다. 계속 프로토타입 해보면서 불편해보이는점 수정하고, 튜터링받고 수정하고를 반복했던날! 내일은 태스크 중간에 들어갈 피드백을 조금 더 자세하게 쓰면서 수정하고 UT, 장표구성을 할 예정이다.

오전에 부모 운동리포트화면을 마무리짓고 UT에 들어가기전 Task를 정해보았다. 그리고 각자 개인시간을 가졌다. 나는 우리앱을 직관적으로 보여줄 수 있는 네이밍과 로고를 계속 생각해보았다. 앱 이름은 최대한 직관적으로 일반명사를 활용해서 딱 들었을때 어떤 앱인지 이해할 수 있게 짓는게 좋다고 한다. 몇시간째 이름 생각하며 마인드맵도 해보고, 앱스토어도 보고, 별의별 생각을 다해봤지만 도저히 생각이 나지 않았다. 도저히 안되겠으면 일상동체 아니면 버블핏으로 가야쥐.........

Overview 저번주 어떤 방향으로 갈지를 정했다면 이번주는 그 방향에서도 정말 다양한 시안들을 그려보며 화면을 완성해나갔다. 아이화면은 게이미피케이션 화면, 부모화면은 컨셉을 따로 가져가서 UI를 잘 보여줄 수 있는 화면으로 그려보았다. 아이화면을 글래스모피즘 스타일로 가져가려다 보니까 어떻게 해야할지 정말로 고민이 많았었던 한주 였다. 그리고 오늘은 마지막 화면인 부모 운동리포트 화면 시안구성부터 디테일하게 화면구상을 해보았다. 일간,주간,월간으로 나눠서 생각보다 생각해야될게 많아서 넘 어려웠다. Keep 디자인 시안을 하나로 픽스되기까지 엄청난 과정들이 있었지만 결론은 잘 이겨내었다. Problem 화면을 구상할때 플로우를 생각하면서 그리는게 쉽지가 않았다. 그냥 운동리포트 화면만 봤을땐 분명 말..

결국은 아이화면 디자인스타일은 글래스모피즘으로 가져가기로 했다. 대신 너무 투명하면 가시성이 안좋기 때문에 투명도를 너무 주지 않고 진행하였다. 각자 시안 여러개를 만들어보고 괜찮은 시안들을 뽑아서 하나의 시안으로 확정지어보고, 계속해서 디테일하게 그림자, 색상, 그라디언트조절,간격 등을 수정하고 또 수정한날이었다. 여기까지의 과정들을 돌이켜보면 진짜 눈물이 앞을 가립니다..ㅠ_^ 내일은 진짜 마지막으로 엄마 주간리포트화면이랑 로고,앱 아이콘 구상을 할 예정이다.

오늘은 개인적으로 작업해보고 의논하고 또 개인적로 수정해보고 의논하고 계속 디자인 수정을 했다. 아이화면 플로우를 보면서 조금 더 구체화시키는 작업도 했다. 스토리를 생각안하면서 만들고 있기 때문에 굉장히 머리가 아팠다. 그래도 운동이 몇세트로 이루어지고 완료했을때 어떻게 해야할지 정해져서 이해하기가 더 쉬워졌다. 처음 들어봤고 작업해본 글래스모피즘 스타일로 디자인을 해주었다. 유튜브 강의보면서 스타일을 적용해봤다. 하지만 홈화면에는 잘어울렸는데 나머지 화면들은 또 어떻게 풀어가면 좋을지 방법을 못찾아서 일단 시도해본거에 만족중이다. 글래스모피즘 방식 말고도 운동카테고리 화면에 다양한 베리에이션을 만들어보았다. 카드에 색을 넣어봤다가 색을 빼봤다가 랜덤운동을 단색으로 줘봤다가 그라데이션을 줬다가 배너를 ..

오늘은 어제에 이어 디자인 더 더 구체화 시킨날이다. 튜터링 받고 나서 디테일한 부분 수정해보았다. 좌우 마진 맞추고 일러스트 크기 조금만 더 줄이고 카드UI 그라디언트 넣어주고 추가할 내용 더 추가해주고 디테일한 부분을 계속 수정했다. 수정 다 하고 또 끝날때쯤에 디자인에 대한 피드백을 한번 더 받았었는데 더 수정할 부분이 또 생겼다..ㅎㅎㅎ 일단 시스템 폰트는 기본 프리텐다드로 쓰는게 가장 좋다고 하셨다. 왜 좋은지 이유도 설명해주셨는데 알아는 들었지만 말로 설명은 못하겠으니까 패스.. 그리고 좌우 정렬 다 맞춰주고, 버튼 라운딩값은 통일되게 맞추고 조금더 라운딩을 줘도 괜찮을것 같다고 하셨다. 버튼만들때 위아래 패딩보다 좌우패딩을 더 줘야된다, 버튼 클릭시 보이는 디자인은 다 통일 , 부모 맞춤미션..

오늘은 힘차게 디자인 시안작업을 했던날! 정말 끝날거 같지 않은 디자인시안 작업이 끝이 보인다. 아이화면에서 디테일하게 하단네비게이션과 간격, 운동카드요소들도 만들어보고 사진도 합성해서 넣어보았다. 아직 어떤 사진을 넣어야할지 모르겠지만 직접찍던, 그림으로 대체를 하던 할거 같다. 그리고 부모화면도 시안 확정을 지었다. 부모화면은 힘빼고 그리니까 오래걸리지 않고 만들 수 있었다. 내일 튜터님 피드백 받으며 디자인 퀄리티 높히기 작업에 들어갈 예정이다.

Overview 이번주는 정말 디자인 시안작업때문에 울고 웃고를 반복했던 날이었다. 아이홈화면을 기준으로 전반적인 디자인컨셉과 컬러, 폰트,스타일등을 정하고 정말 여러가지 시안을 그려보며 하나의 시안으로 정해보았다. Keep 처음부터 수업이 끝날때까지 집중하며 디자인작업에 열중했다! 이것저것 시도해보며 컴포넌트만드는것도 재밌었고 여러가지 시안들을 만들때는 정말 즐겁게 작업했던것 같다. 특히 우리 컨셉의 맞는 게임스킨을 피그마로 그릴때가 가장 즐거웠다. 피그마로 이런것도 할 수 있다니 놀라움반, 신기함반ㅎㅎ 그래도 폰트스타일이랑 어제보단 조금 더 나아간것 같아서 다행인 것 같다.다음주도 팀원분들이랑 예쁜말로 소통하며 끝날때까지 잘 마무리 짓고 싶은 마음이다. 이제 24일..남았어요ㅠㅠ Problem 팀프로..

오늘은 어제의 이어 어떤 방향성으로 갈지 각자 와이어프레임을 그려보고 하나를 선정해서 디자인 작업을 시작하였다. 게이미피케이션을 활용해서 게임식으로 하기로 해서 오늘의 절반을 캐릭터와 배경, 아이콘, 꾸밈요소를 만드는데 시간을 거의 다썼다. 그리고 와이어프레임에 맞는 요소들로 또 시안을 베리에이션해보면서 어울리는 것들을 하나로 정해서 최종시안을 만들었다. 그런데!!부튜터님이 디자인과 캐릭터가 너무 올드한거 같다고 하셨다. 살짝이 아니고 많이 당황했지만 디자인적인 감각을 익힐려면 디자인인 잘 된것들 (토스같은앱)을 많이 보면서 일단 따라해야한다고 하셨다. 그리고 너무 게임식으로만 가는것보다 UI디자인 적으로 풀어내는 요소도 같이 보여주면 된다고 하셨다. 내일 3D 캐릭터들을 보면서 메인캐릭터로 쓸만한 요소..

오늘은 어제의 이어 디자인작업을 마저 진행하였다. 먼저 구조를 어떻게 하면 좋을지 해본 후 서로 비교해보며 하나로 정한후 정한 구조로 또 다른 시안들을 만들어보았다. 각자 스타일이 너무 다르고 하나로 합쳐지는 과정에서 어떻게 해야하는지 도저히 감이 안잡히고 진도가 나가지 않아서 튜터님께 또 여쭤봤다. 우선 색을 하나만 쓰면서 하나의 구조로 정한거에서 진짜 다양하게 베리에이션을 더 해봐야 한다고 하셨다. 그리고 조금이라도 비슷한 구조는 과감하게 하나를 포기할 줄 알아야 한다고도..ㅎㅎ 우리팀이 다 너무 열심히 하고 의욕만땅인거는 좋지만 너무 잘하고싶은 욕심이 커서 더더욱 힘이 든거 같다. 시인성과 직관성이 모바일 디자인에서는 가장 중요하다고 하셨으니까 신경쓰면서 꼭 내가 하진 않았더라도 과감하게 선택할 수..