UI/UX 공부기록

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

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

10/29 일일 목표📝 디자인 카타 '랜딩페이지'피그마 3~6주차 강의듣기   📖 오늘 배운 내용 디자인 카타에서 랜딩페이지에 대해 발표하고, 튜터님의 설명을 듣게되었다.다른 사람들이 찾아온 랜딩페이지들을 보니, 좋은 예시든 나쁜 예시이든 공부하기 좋은 것 같다. 랜딩페이지어떠한 상품이나 서비스를 홍보하는 목적의 제작물깔끔한 디자인을 유지하는 것이 사용자의 목적의 명확성을 높이는데 중요  랜딩페이지 메인, 즉 히어로섹션에는 목적이 정확한 한가지를 유도하는 것들이 설명되어 있는 반면, 홈페이지 내에서는 홍보를 위한 여러가지 배너들을 붙여놓는 섹션을 메인에 늘어 놓은 것을 볼 수 있다.   랜딩페이지의 목적에 따라 왼쪽 사진처럼 버튼으로 사용자들을 신청, 구독을 유도할 수 있고 오른쪽 사진에 있는 예시들..

10/28 일일 목표📝 새로운 팀과 인사하기피그마 1~3주차 강의듣기   📖 오늘 배운 내용 처음으로 시작한 디자인카타 28~29일 디자인 카타 주제는 랜딩페이지에 대한 조사였다. 랜딩페이지란?소비자가 검색 엔진 혹은 웹/앱의 광고를 통해 도달하는 페이지이기 때문에 착륙이라는 뜻의 랜딩(Landing)을 붙여 사용사용자가 하이퍼링크를 클릭했을 때 사용자 에게 제일 처음 보여주고 싶은 페이지방문자에게 제품 구입, 회원 가입과 같은 특정한 액션을 유도하는 페이지 랜딩페이지와 홈페이지의 구분이 내가 알고 있던 것과 조금 차이가 있던 것 같아서 흥미로웠다.여러 랜딩페이지를 찾아보면서, 약간은 정의가 된 것 같다.랜딩페이지는 제품 홍보나, 제품 가입유도 등 한페이지에 설명을 넣고 목적이 있는 페이지인 것 같다..

10/25 일일 목표📝강의 복습할 부분 듣기프로젝트 발표프로젝트 추가 수정 📝1주차를 돌아보는 WIL 지난 일주일 동안 가장 인상 깊었던 배움에는 뭐가 있었지?드디어 프로젝트 발표날, 발표를 마치고 튜터님께서 피드백을 해주셨다. 1.앞으로는 우리가 왜 이런 컨셉의 웹사이트를 디자인한걸 자세히 공유 2.조금더 디테일한 디자인요소 3.디자인 가이드를 폰트나 색체외에도 제작 (그외 글자 크기나, 자간 등) 4.바디폰트가 작음 (본문글) 5.줄간격이 타이트해서 가독성이살짝 안좋음 (레퍼런스를 여러개 봐서 가독성이 좋은걸 보편적인걸 확인하고 디자인을 하기) 요 피드백을 참고하여, 다시 팀원들과 상의하여 줄간격과, 폰트크기를 수정하였다.   다시 튜터님께 가니, 아직은 UI 에 대해서 많이 모르기 때문에 레퍼런..