본문 바로가기

전체 글80

[240118]TIL_특강, 피그마 활용법 1~6주차 복습, 아티클 읽기 1/18 *튜터님 강의에서 얻은 것* 제한적이기 때문에 길을 잘 설정해주는 것이 UXUI 디자이너가 하는 일 UI->PUI: 제품의 그립감, 형태 등등 ->GUI: UXUI 디자인과 깊은 연관 경험설계->감정 유도->행정 유도->소비 유도->반복 유도 *데스크 리서치(배경/사례조사) -디스커버(다양한 사용자 조사 기법을 통함) 시장분석, 경쟁사분석(미충족 가치를 찾아보기 등) UX에이전시에 들어간다면 다양한 클라이언트들을 만나게 되는데 매우 재미있을 것 같다는 생각이 들었다. 만약 튜터님의 경험처럼 해양수산물관련 클라이언트와 커뮤니케이션을 해야한다면 그 분야에 대해 새롭게 배워야 하고 디자인의 사용자는 누구인지, 어떤 점을 목표로 해야하는지를 알아야 할 텐데 이 과정 굉장히 신선한 경험이 될 것 같다! .. 2024. 1. 18.
[240117]개인과제 피드백 후 디벨롭, 특강_디자이너의 소프트 스킬 1/17 *개인과제 디벨롭* - 피드백을 받아 별점 후기 폰트 사이즈를 6px에서 10px로 키웠다.(캡션이라고 해도 6px은 너무 작은 크기!!!) - 스타일 가이드에 텍스트를 적어 구분을 해주었다. - 구매하기->구매수량 선택 모달을 다이얼로그로 제작 - 장바구니에 담는 모달도 오버레이로 다시 재작하였다. *튜터님 특강_디자이너의 소프트 스킬* 문화지체 현상: 문화, 기술이 발달했지만 사람들의 사고방식, 사회가 그에 맞게 따라오지 못하는 사회적 현상 Owner+ship: 디자이너로서의 주인의식, 정체성 -내가 디자인을 대하는 관점 -시장이 디자이너를 대하는 관점 대충 얘기해도 뚝딱 만들어주는 사람 ->기획에 적극적으로 참여하기 디자인을 값싼 노동으로 생각하는 사회 분위기 ->내 디자인을 객관적으로 파.. 2024. 1. 17.
[240116]커머스 UXUI 디자인 디벨롭 1/16 오늘은 개인과제를 디벨롭해보는 시간을 가졌다. - 디벨롭한 사항들 버튼 컴포넌트를 새로 만들었다->pressed 베리언츠도 추가! 구매하기 버튼을 눌렀을 때 갯수를 선택할 수 있는 모달을 추가하였다. 라디오 컴포넌트 32px 사이즈를 추가하였다. 품절 화면에서 재입고 알림 설정 버튼을 버튼 베리언츠로 적용하여 수정하였다. 컨텐츠 간격들도 16에서 20정도로 더 넓게 바꾸었다. 상단 네비게이션 탭도 bg에 흰색 박스를 넣었고 간격을 조정하였다. 비회원으로 구매하기 화면 제작 중....! 2024. 1. 16.
[240115]UXUI 개인과제 디벨롭, 아티클 읽기 1/15 벌써... 1월의 반이 지나갔다. 오늘도 아침 8시 45분에 일어나서 습관처럼 책상에 앉았는데 이렇게 지낸지 벌써 약 한달이 되었다니..! 오늘은 UXUI 디자인 관련 영상 개인 학습을 했다. 1920 1080->1440이 적당? 썸네일 인트로는 강렬하지만 심플하게..! 와이드를 풀로 쓴다면 타이틀이 좌측에 치우칠 필요는 없다. 역피라미드 구성이 좋다. 설명 폰트와 디자인 폰트 강약 조절 계층 구조를 정확히 생각할 것... 다른 사이트 개발자모드로 폰트사이즈나 여백 간격 봐둘 것 2024. 1. 15.
[240112]WIL 1/12 오늘은 금요일이기때문에 마무리 WIL 작성 이번 주는 개인과제하느라 정신이 없었다가 수요일에 과제 제출하고 목요일에 강의 다 듣고 오늘 여유가 좀 있었다... 다음 주에는 개인과제 피드백 받기 전까지 디벨롭을 해봐야겠다..! 디벨롭할 것: 장바구니 추가 모달 오버레이로 넣어보기, 클릭했을 때 버튼 베리언츠 바꿔보기, 갯수선택 오버레이로 바꿔보기 계층 구조도 다시 한 번 바꿔보기!! - 폰트 사이즈, 컨텐츠간에 여백 사이즈 넓혀보기 2024. 1. 12.
[240111]Figma 활용법2_7주차 프로토타입 1/11 *강의에서 얻은 것 프로토타입 미리보기(실시간 반영) 단축키: shift+space bar 트리거(~하면: 조건)->액션(발생한다: 결과) 1000ms=1초 change to -> 베리언츠끼리 상호작용 스마트 애니메이션에서 가장 주의할 점 ->움질일 요소의 이름이 같은지! ->레이어의 구조가 동일한지! 컨텐츠의 길이가 스크롤보다 길어야 한다. -> 스크롤 할 게 있어야 작동하니까! 포지션: scroll, sticky, fixed 앱솔루트는 오토레이아웃 안에 있어야 작동한다. =앱솔루트는 오토레이아웃 안에서 위치 구애받지 않고 자유롭게 이동시킬 수 있 ->와 앱솔루트 기능 완전... 필요했던 기능인데 대박!!! 피그마 오버레이 안에는 라이트박스의 개념이 포함되어 있다. 오버레이->다이얼로그 활용... 2024. 1. 11.

티스토리툴바