본문 바로가기

활동/내일배움캠프 UXUI 1기65

[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.
[240111]UXUI디자인 개인과제 1차_가상의 커머스 앱 디자인하기 1/11 어제 개인과제를 제출하고 1차 완성본 기록한다. 게으름을 피웠는지 23시 55분쯤에 제출을 했다. 이렇게 빠듯하게 제출을 하다니... 다음엔 더 여유롭게 제출하도록 나만의 기한을 미리 정해야겠다. https://www.figma.com/proto/vkQh9OOAeFrTyutzh94woz/%5BA13%EC%A1%B0_%EA%B0%9C%EC%9D%B8%EA%B3%BC%EC%A0%9C_%EA%B9%80%EC%9D%80%EC%95%A0%5D?page-id=0%3A1&type=design&node-id=1-4&viewport=50%2C273%2C0.42&t=pKG219GzSKpbs9bI-1&scaling=scale-down&mode=design Figma Created with Figma www.figm.. 2024. 1. 11.
[240110]TIL_개인과제, 특강 1/10 *특강 메모* 피그마 툴도 중요하지만 세상의 인사이트(유의미한 무언가)가 중요하다. 정량 데이터: 이탈율, 재구매율, 전환율, 유저 1인당 획득비용 등 정성 데이터: 사용자 인터뷰, 사용성 테스트, 도그피딩(직접 사용해 보는 것), 고객의 소리(VOC) 등 디자이너 직군의 향후 발전 방향 : 세분화, 탈디자인화, 기술 지식의 저주: 상대방이 나만큼 알고 있다고 생각해서 발생하는 문제 ->설명하지 않아도 이것정도는 알겠지? ->질문할 때도 주의해야한다! 2024. 1. 10.
[240109]개인과제_가상의 커머스 앱 UXUI 디자인하기 1/9 개인과제가 내일까지 제출인데. . . 막막하지만! 그래도 홈화면, 상품 목록 페이지는 어찌저찌 만들었다. 제품 컴포넌트를 만드는데 이미지랑 텍스트 부분을 같이 묶어서 컴포넌트로 만들었어야 하는데 이미지 10개 붙여넣은 거 바꾸기에 시간이 많이 걸릴 것 같아서 따로 만들었는데... 뭔가 찝찝하다ㅠ!!! 과제를 하면서 느낀 점은 디자인이라는 게 정답도 없고 툴 사용에도 제한이 없기 때문에 방법이 진짜 60000개는 되는 것 같다. 이렇게 진행해도 개발할 때 문제가 없는지,,, 가 제일 걱정이 된다. (계획 및 스케치) 패드에 글씨 쓰는 건 진짜 적응이 안된다... 지금까지 진행한 부분은 이렇다. (홈화면) (상품 목록 화면) 디자인 시스템도 2페이지에서 만들어서 쓰고 있는데 정리를 안하고 만들어 쓰는.. 2024. 1. 9.
[240108]Figma 활용2_ 6주차(UI 설계 시 유의할 점, 와이어프레임) 1/8 *TIL_강의에서 가져갈 것* UI 설계할 때 유의할 점: 사용자 환경을 고려해야한다. 모바일 웹, 앱의 UI는 차이가 있다.->사용자 입장에서 왜 차이가 있는지 궁금했는데 이번 기회에 알게 되었다. 페이지 이동, 뒤로가기 등 UI가 달라짐에 따라 UX도 달라진다. ->그러나 요즘은 사용자의 니즈에 따라 웹, 앱 UX/UI가 비슷해지고 있다. OS(운영체제)에 따라 다른 UXUI -앱 심사 기준이 있기 때문에 다를 수 있다. -홈 인디게이터, 뒤로가기 기능 등 각 운영체제의 기능이 존재 그러나! 사용성을 최우선으로 고려해야 한다. 와이어프레임에서 가장 중요한 것은 습관 형성 모델을 잘 설정했는지 검토할 수 있는 것 -> 사용자에게 몰입력 있는 서비스를 만들 수 있는 중요한 과정 ->최대한 단순하게.. 2024. 1. 8.
[240107]WIL 1/7 헉 금욜에 과제하느라 WIL 쓰는 걸 잊어서 한 주의 마무리 느낌으로 일요일에 작성한다... 주말에 가족 모임도 있었고 알바도 계속 나가서 잠도 부족하고 너무 지치고 힘든데... 왜 시간이 이렇게 빠르게 흐르는 걸까 빨리 2월되어서 캠프에만 집중할 수 있었으면 좋겠다ㅠㅠㅠ!! 사장님 절 놓아주세요 빨리... 여튼 이번 주에는 진짜 UXUI 디자인을 해보는 과제를 진행하는 주였다. 처음엔 감이 안잡혔지만 강의도 듣고 유튜브도 찾아보면서 하나하나 계획하고 설계해 나가고 있다. 지금은 막막하지만 다음 주에 제출할 땐 뿌듯하겠지? 하루하루 성장하는 느낌이라 재밌고 시간이 빨리가는 한 주였다. 다음주도 화이팅! 2024. 1. 8.
[240104]Figma 활용1_4주차(강의정리/HW) 1/4 *4주차 강의에서 가져갈 것* file->select matching layers: 같은 위계의 레이어 모두 선택해줌 [컴포넌트] 컴포넌트란 파운데이션의 조합을 쌓고 쌓아 만들어지는 구성품 컴포넌트는 모양이 아니라 기능이 중요하다! UI의 목적, UI의 기능에 초점을 둘 것! 종류 6가지 액션 : 사용자가 중요한 행동을 수행할 때 사용해요. 인풋 : 사용자의 입력을 받을 때 사용해요. 인포메이션 : 사용자에게 서비스의 상태나 안내 사항을 전달할 때 사용해요. 컨테이너 : 컴포넌트 여러개가 결합되어 하나의 덩어리를 이루는 컴포넌트에요. 내비게이션 : 사용자가 페이지를 이동할 때 사용해요. 컨트롤 : 사용자가 설정이나 값을 수정할 때 사용해요. [의사상태] 컴포넌트의 가상의 상태이다. 버튼에 커서를 .. 2024. 1. 4.

티스토리툴바