UI/UX 공부기록

11/08 일일 목표📝팀프로젝트특강듣기  📝3주 차를 돌아보는 WIL 이번주는 내내 개인과제를 하느라고 정신이 없었다. 첫 개인과제로 커머스 UI 디자인을 했다. 그래도 이렇게 와이어프레임부터 최종본 까지 놓고 살펴보니 조금 뿌듯한것도 있고... 많이 배웠다.....    웹페이지와 프로덕트에 대해서 잘 알게된 시간이었다. 민주튜터님이 안계셔서 정훈매니저님과 같이 진행했는데 서로 코멘트달고 의견을 주고받으니까 재미도 있고 서로의 의견을 듣게되서 좋은 시간이었던 것 같다. 내가 생각하지 못한 부분도 말씀해주셔서 좋았다.  오늘 프로페셔널 말하기 특강을 듣게되었다. 프로페셔널한 태도와 말하기를 배우는 이유 : 협업, 면접, 실무역량을 위해서! 프로페셔널한 태도의 조건존중과 겸손신뢰성=시간엄수의사소통전문성..

11/07 일일 목표📝디자인 카타 - 프로덕트개인과제- 최종수정, 과제 제출   📖 오늘 배운 내용 오늘은 과제제출 마지막날.. 장바구니 다이얼로그를 만들었었는데 맘에 안들어서 옵션선택과 장바구니 바로가기를 새로운 바텀 모달형식으로 수정해보았다.  밑에 판매자,카드혜택,배송으로 자리를 채우고 모달로 옵션선택을 선택할 수 있도록 바꾸었다. 아무래도 다른 커머스 어플들을 보니 쿠팡말고는 다 수량을 모달로 선택할 수 있게 되어있어서 다르게 수정해보다가 더 마음에 들어서 바꾸어 보았다. 마음에 드는듯.. 옵션선택에서 한개씩 선택하는게 되지않아서 이리저리 해보다가 한개씩 프로토타입을 지정해서 누를 수 있도록 만들었는데 실무에서는 이렇게 안 만든다고 하셨다는데..대체 실무에서는 어떤 방식을 쓰는거지 ㅋㅋㅋ.,,..

11/06 일일 목표📝디자인 카타 - 프로덕트개인과제- 간격조절, 심화과제   📖 오늘 배운 내용 디자인카타에서 오늘은 다들 코멘트를 달아주셨는데 내가 찾은 어플들에대해서 어떻게 생각하시는지 또 내가 생각못한 점을 말해주셔서 좋았다. 네이버지도 리뷰창에서 키워드를 고르게되어있어 한눈에 알아보기 쉽다고 설명했는데 리뷰창에서 키워드를 5개밖에 못고른다는 점은 리뷰는 안써보고 보기만해서 처음알게되었다! 앞으로 어플을 깔면 이리저리 안써보던 기능들도 한번 둘러보고 사용자의 편의에 맞게 제작되었는지 둘러보는 것도 나쁘지 않을 것 같다고 생각했다.        오늘은 디자인 UI키트 정리하고, 심화과제를 시작해보았다. 품절페이지랑 로그인창은 어렵지않았지만... 다시 살펴보니 간격.. 간격이 너무 머리아팠다.. ..

11/05 일일 목표📝디자인 카타 - 프로덕트개인과제- 홈화면, 목록화면 만들기   📖 오늘 배운 내용 디자이너가 다루는 프로덕트란?자동차, 가전 제품, 의류, 신발 등과 같은 물리적 제품부터 앱과 웹사이트 같은 디지털 제품까지 다양한 형태의 제품을 다룸유저 인터페이스를 통해 사용자와 상호작용하는 디지털 제품을 의미우리가 일상에서 자주 사용하는 "웹이나 앱 기반 제품"  그리고 개인과제로 만든 커머스 UI 디자인.. 오늘 홈이랑 목록페이지까지 만들려고했는데 시간이 널널하게 남아서 상세페이지랑 다이얼로그까지 완성^^,, 메인에 들어갈 아이콘 찾는데 너무 힘들었다.. 맘에 드는게 없어서 .. 타협했지만 이러다가 진짜 내가 그리는게 빠를 지도 모른다는 생각이 .... 그래도 만들고 나니 뿌듯하다!와.. 프..

11/04 일일 목표📝디자인 카타 - 웹페이지개인과제   📖 오늘 배운 내용 디자인 카타 시간에 웹페이지에 대해서 조사한것을 튜터님께서 보고 말씀해주셨는데, 너무 메인페이지만 찾아온 것 같다고 서브페이지도 뜯어보고 알아보면 좋겠다고 하셔서 내가 찾아본 웹페이지에서 서브페이지들 하나씩 찾아서 더 조사했다. 첫번째 메인페이지말고도 나머지 소개, 제품페이지도 찾아보고 공부해보니 도움이 된 것 같다  드디어 오늘부터 개인 과제 식료품커머스앱 만들기가 시작되었다!첫 개인프로젝트라서 그런지 아이콘 하나 고르는데도 고민이 참 많이 들었다.여러 레퍼렌스를 찾아봤는데 역시 비슷한 커머스 홈플러스, 컬리, 이마트몰, 쿠팡 이정도 찾아보고 와이어 프레임을 먼저 만들어봤다.  하나 배운점, 홈 인디케이터는 보통 34px로..

11/01 일일 목표📝강의 복습피그마 사용하여 UI 만들어보기  📝2주 차를 돌아보는 WIL 디자인 카타를 시작하고 랜딩페이지와 홈페이지에 대한 레퍼런스를 많이 찾아보게 되었다.혼자서 시간 내서 찾기에는 약간의 귀찮음.. 과 깊게 생각해 볼 시간이 없을 것 같았는데, 카타시간을 가지면서 레퍼런스도 많이 찾아보고 어떤 면에서 UI가 좋은지 생각해 볼 수 있는 시간을 가져서 공부가 많이 된 것 같다!  일주일 동안 피그마 강의를 여러 번 듣기도 하고, 다른 유튜브도 많이 찾아보고 공부해 보니 이제 좀 손에 익기 시작한 것 같다.우리 팀의 재경님께서 피그마 따라 해보기 유튜브를 추천해 주셔서 따라 해 보았다! 여러 가지 피그마 기능들도 써보고 여백이나 콘텐츠 사이사이 간격 등을 조금 따라 해 보니 재미도 ..

10/31 일일 목표📝디자인 카타 - 홈페이지피그마 5~7주차 다시듣기배운거 복습하기   📖 오늘 배운 내용 웹페이지란?특정 기업, 개인, 또는 조직이 인터넷을 통해 제공하는 정보의 모음으로, 사용자가 웹 브라우저를 통해 접근할 수 있는 여러 웹페이지로 구성된 플랫폼을 의미웹사이트의 기본 목적은 사용자에게 정보를 제공하거나, 특정 제품과 서비스를 알리는 것웹사이트 내에는 다양한 하위 페이지가 포함될 수 있음   내가 마음에 드는 웹페이지를 찾는게 쉽지 않았다.. 평소에 많이 찾아본 적도 없어서 그런지 찾기가 어려웠다.마음에 드는 부분이 어떤 건지 대체..... 한시간안에 찾아서 이유까지 쓰는거라 그렇게 어렵게 생각안해도 됐던거 같기는 한데... 아직 카타를 시작한지 얼마 되지않아서 내가 이해를 잘 못..

10/30 일일 목표📝 피그마 7주차까지 완강피그마 개인숙제   📖 오늘 배운 내용 다양한 환경에서의 UI차이UI에 차이를 두기 위해서는 UI를 사용하는 목적과 기능을 모두 고려하여 다르게 설정해야 함앱, 웹 이라고 무조건 정해진 디자인이 있지는 않음디자이너가 판단했을 때 어떻게 디자인 해야하는지, 사용자에게 좋은 경험을 남길 수 있는지 고민해야 함  조사를 하면서 여러가지 앱을 보았다. 앱들을 살펴보면서 어떤점이 안드로이드와 다른지 살펴보았다.그런데 국내앱만 조사해서 그런지 안드로이드에 맞춰서 IOS 디자인을 한건지 잘 모르겠지만 안드로이드의 하단바에 맞춰서 밑에 공간을 넓게 준 앱들이 많이 있었다. 로그인 창은 애플은 애플로그인을 위쪽 중점을 둔다면, 안드로이드는 구글로그인이나 애플 로그인은 밑에..