본문 바로가기

전체 글35

UIUX_3주차_학습일지_2 1. To Do List - UIUX 디자인 툴 (Figma) Chapter 4. 그래픽 스타일의 활용 Chpater 5. 정렬과 레이아웃 - pre-2 '사용자를 생각하게 하지마' 책 과제 2. 학습 드디어 본격적으로 피그마를 배우게 되었다. 피그마도 하다보니 어도비랑 비슷해서 강의를 보는데 집중을 해서 하는데 왠만한 단축키는 다 알 수 있었다. 다만 다른점은 어도비는 수동으로 뭔갈 다해야했다면 피그마는 조금 더 편하게 만들 수있도록 되어있었다. 이게 처음으로 피그마를 이용해서 만든 과제물이다. 과제는 책을 읽고 거기에 나오는 7가지 기준을 충족하는지 어플하나를 찾아서 간단하게 분석하는 것이었다. 어떤 어플을 선정하면 좋을까 하다가 개선점이 많은 어플을 찾기보다 자주 사용하면서 불편하다고 느낀적이 없는.. 2024. 2. 26.
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.

티스토리툴바