본문 바로가기

전체 글50

UIUX_3주차_레퍼런스분석 1. 목차 - 화면 구성 분석 - 사용자 분석 - 마무리 2. 화면 구성 분석 이번주는 '에어비엔비'를 분석해보고자 한다. 1. 메인화면 메인화면이다. 메인화면에 하단 네비게이션바에는 검색,위시리스트,여행,메시지,로그인/프로필으로 구성이 되어있다. 처음 어플에 들어갔을때 뜨는 화면에는 검색 페이지의 화면을 보여주는데 일반적인 검색화면과는 다르다. 위쪽에 검색창이 하나 더 떠있으며 그것을 누르면 검색이 시작된다. 메인화면 외에는 로그인을 해야지 사용할 수 있다는 안내창이 뜬다. 2. 검색창 검색창에 들어가서 이미지에 표시된 필터를 누르면 다음과 같은 화면이 뜬다. 스크롤을 내리며 확인하면 체험할 수 있는 종류를 세분화하여 설정할 수 있게 되어 있었다. 다만 가격범위 설정에서는 원화 단위를 선택할 수 없었다.. 2024. 2. 26.
UIUX_3주차_학습일지_1 1. To Do List - 프리스쿨_UI 기초 Chapter 6. 화면 디자인 - UIUX 디자인 툴 (Figma) Chapter 1. Figma소개와 설치 Chapter 2. Figma 인터페이스 Chapter 3 형태 만들기 - pre-1. 프리스쿨 UI 실습 디자인 25종 똑같이 따라 만들기 2. 학습 오늘의 해야할 것만 본다면 엄청 해야할 것이 많아 보이고 시작하기 두려울 것이다..ㅎㅎ 하지만 생각보다 간단했고 시간이 오래걸리는거는 프리스쿨 기초라인이 예제를 따라 해야하는 것이라서 시간이 오래걸린다. 아무튼 제일 먼저 마지막남은 챕터6의 화면디자인을 먼저 했다. 화면디자인이 시간이 오래 걸렸지만 이제는 익숙해져서인지 슥슥 강의를 듣지 않아도 혼자서 할 수 있었다! 물론 지금까지 연습을 그렇게 많.. 2024. 2. 23.
UIUX_2주차_학습일지_3 1. To Do List - 프리스쿨_UI 기초 Chapter 4. 페이지 Chapter 5. 화면 공통영역 2. 학습 챕터4의 첫번째 작업물이다! 그룹으로 다 묶여있지만 그룹안을 들어가보면 어마어마한...하하 하다보면서 느낀건데 포토샵이랑 비슷하다고 생각이 들었다. 포토샵도 유툽보고 따라하면 언젠가는 장인이 될것 같다! 챕터4는 두개의 강의로 이루어져있는데 그만큼 이미지나 해야할것들이 조금 많았다. 챕터5의 첫번째 작업물이다! 이거도 그룹안에 어마어마한... 할때마다 느끼는거지만 아이콘 만들기는 가이드 박스만드는게 정말 귀찮다 하지만 습관이 되야 한다고해서 열심히 습관으로 만드는중! 가이드 박스가 있으면 그만큼 계산하는 것과 그리는게 쉬워지는건 인정한다. 하다보니 목이 너무아팠다.. 전날 보드를 타서 .. 2024. 2. 19.
UIUX_2주차_학습일지_2 1. To Do List - 2-1 평소에 많이 사용하는 어플리케이션의 불편한 요소 찾아보기(과제) - 프리스쿨_UI 기초 Chapter 3. 모듈 2. 학습 1. 2-1 과제 이번 과제는 어플 5개에서 각각 5개의 불편한점을 찾아서 어떻게 바꾸면 좋을지에 대해 찾아보는 과제였다. 어플선정 할때 어떤걸 하면 좋을까 하며 내폰에 있던 어플을 다 들어가봤고 그중에 내가 자주사용하는 잘 알고있는 어플에서 단점찾기가 제일 쉬울것 같아 자주사용하는 어플을 위주로 들어가 하나하나 뜯어보며 불편한점을 찾아보았다. 이번과제의 틀은 ppt로 했으며 예시를 미리 주셔서 그 예시와 동일하게 진행하였다. 2. 프리스쿨_UI 기초 모듈 수업에서 첫번째 모듈이 1시간 걸리기에 겁을 먹었지만 그렇게 어렵지않았다. 다만 양이 많아서.. 2024. 2. 19.

티스토리툴바