본문 바로가기

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

[231227] UXUI디자인 입문 3주차 강의정리, HW_테스트케이스 작성+디자인QA로 발견한 이슈 공유하기 12/27 *3주차 강의 정리* (제품팀) 목적조직: 특정한 목적을 달성하기 위해 여러 직무의 사람들이 모인 팀(=스쿼드, 사일로) 기능조직: 유사한 직무끼리 구성된 팅(=챕터), 전문성을 높일 수 있다. 매트릭스 조직: 기능, 조직 교차 형식 (제품팀이 일하는 방식) 린스타트업: 스타트업, 빠르게 제품테스트하고 결과를 다시 제품에 반영/만들기->측정->학습 애자일: 제품을 만드는 방법론, 1-~4주의 스프린트 단위로 제품을 개발, 테스트하고 피드백 받아 개선해 나감 폭포수 방식: 수직적이고 독립적인 형태, 이전 단계로 돌아가지 않음 애자일의 핵심-빠르게 피드백 검증=빠르게 만듦 기획(문제 정의, 아이데이션, 프로덕트 스펙 문서 작성)-디자인(초안 디자인, 피드백, 최종 디자인 확정)-개발(디자인 QA).. 2023. 12. 27.
[231226]UXUI디자인 입문 2주차 강의정리/HW_디자인 씽킹 적용해보기 12/26 2주차 강의 정리 *디자인 씽킹* 공감하기- 문제 정의하기-아이디어 발산하기-프로토타입 만들기-테스트하기 Q. 디자이너는 왜 디자인씽킹을 배워야 할까요? A. 빠른 시간안에 논리적, 현실적으로 눈에 보이는 것으로 만들 수 있도록 도와주기 때문이다. !!!효율적이기 때문!!! -데이터 드리븐: 데이터를 중심으로 의사결정 하는 것 *데이터=사용자에 대한 이해 데이터 드리븐가 중요한 이유 1)정확도 높은 의사결정 가능, 만드는 사람의 취향이나 주관이 들어가지 않도록 객관성 유지 2)빠른 의사결정으로 제품 개발의 속도 향상 -데이터는 다수의 사람이 빠르게 공감할 수 있는 수단, 다수의 의사결정이 빨라질 수 있다. 그러나 데이터는 도구이기 때문에 사용자에 따라 결과가 달라질 수 있음, 그렇기에 데이터를.. 2023. 12. 27.
[231226]UXUI디자인 입문 1주차 HW_자주 사용하던 서비스 분석해보기/강의 정리 12/26 -> UXUI 차이점? UI: 목적을 달성하기 위한 행동을 할 때 무언가와 상호작용하는 것을 도와주는 수단 UX: 감정, 경험 등 모든 것들..! HCI: 인간과 컴퓨터 간의 상호작용에 대해 연구하는 분야 CX: >UX, CS포함, 고객 여정의 모든 측면에서 고객의 모든 경험 BX: 브랜드-고객 ->UI 디자이너: 화면의 전체적인 구조, 시각적인 요소를 디자인한다. -레이아웃, 색상, 크기와 정렬, 컴포넌트 버튼, 아이콘 등을 디자인=GUI 디자이너 -> UX 디자이너: 총체적인 경험을 디자인하는 사람 ->프로덕트 디자이너: UX, UI 포함하여 제품 전반적인 경험을 디자인 ->JD분석! 필요역량: 나의 디자인을 잘 설득, 설명할 수 있어야 함, 커뮤니케이션 능력 ->디자인 가이드/지침서 : .. 2023. 12. 26.
[231222]WIL_클론 디자인 실시간 강의, 개인과제 피드백 12/22 *튜터님 강의_개인과제 클론디자인* -클론 디자인을 할 때는 Major를 선정할 것: 이커머스, OTT, 금융 어플 ->기능이 많고, 유저 많고, 빠르게 변경 되기 때문에(=리소스가 많다.) -비율이 괜찮은지, 배치가 왜/어떻게 되어있는지, 버튼이 왜 여기에 있는 지 등 디자인을 뜯어보고 계획을 세운 후! 진행할 것 -오토레이아웃...잘 활용... ->정렬이 맞아야 함!!!! 실무에서 중요 -도형에서 선으로 바꾸는 단축키 L -좌우 마진 16, 20 등으로 설정! -레스터화 단축키=컨트롤+E -도형 자를 때 그대로 잘리니까 래스터화 활용할 것!! 아마 엔터눌러도 되었던 거 같은데? 각도 조절하고 레스터화!(움직일 수가 있음) 아이콘 영역 잡기!!! *과제피드백* 프로토타입을 적용하는 것은 좋긴.. 2023. 12. 22.
[231221]TIL_과제 수정, UXUI 아티클 읽기, 관련 영상 찾아보기 12/21 *개인 과제 수정* search 화면 삽입 -클론하면서 자간이 다른 부분은 왜 그렇게 디자인 한 건지..? 사용자가 보기에 편하라고 그런걸까? -비교적 쉬운 과제였지만 무에서 유를 만드는 건 어려울 거라는 생각이 든다... -또한 레이어를 보기 좋게 정리하는 게 필요할까?! 주먹구구 식으로 만들었는데... -아이콘들은 기존의 것을 사용해도 좋지만..! 깨진다면 펜툴이나 일러스트로 그리자 https://www.figma.com/proto/pJee3HW8CGQZe5iKN8zvgT/%5BB13%EC%A1%B0%5D-%EA%B0%9C%EC%9D%B8%EA%B3%BC%EC%A0%9C_%EA%B9%80%EC%9D%80%EC%95%A0?type=design&t=gJ0UigeG9B42Z3qR-1&scalin.. 2023. 12. 21.
[231220]피그마 개인 과제_클론 디자인 12/20 개인 과제하면서 배운 점 펜으로 누끼 딸 때 shift 누르면 한 쪽 핸들 없어짐 일러, 포토샵할 때 쓰던 게 도움이 되다닝... 누끼 자동으로 따주는 pixcut background remover plugin 왜 나는 appkey 안 먹는 거지,,,,,??????? 중요한 기능도 아닌데 사진 10개 누끼 펜툴로 따느라 시간 왕 잡아먹음,,ㅠ 여튼! 개인 과제 얼추 정리했는데 하면서 배운 것? 느낀 것? -누끼 따는 pulgin이 save가 안된다... 되면 펜툴로 안따도 되었을텐데 결국 펜툴로 따고 마스크 씌워서 배경을 지웠다. -백터가 뒤에 있어야 마스크 씌워짐 -Boolean Group_intersect seclection또한 백터가 밑에 있어야지 원하는 대로 가능(fill 채울것!) -.. 2023. 12. 20.
[231220]4주차 피그마 HW_피그마로 포트폴리오 만들기 12/20 https://www.figma.com/proto/yrdJGYbi0GQiVNC76giVsB/Untitled?type=design&node-id=1-2&t=It1Eq84Itixnwcqp-1&scaling=scale-down&page-id=0%3A1&mode=design Figma Created with Figma www.figma.com 만들면서 느낀 점 prototype 지정하는 게 꽤 까다롭다. 2023. 12. 20.
[231219]4주차 피그마 강의 정리_시각자료 템플릿 만들기, 피그마 기능, 단축키 12/19 *플러그인으로 시각자료 템플릿 만들기* -Plugin_Mockup 소스 활용: 썸네일 등 (제품, iphone 실물 사진 등) -Plugin_Unsplash(랜덤이미지 활용가능): 인덱스 등 -Plugin_Wireframe Desingner: 주제 검색 후 활용 가능 -Plugin_Product Planner -Plugin_Charts: 인포그래픽 차트 활용 -Plugin_Color Paletts: 캔버스에 넣고 스포이드 (단축키 I)로 색 가져오기 *피그마 활용 발표* -Prototype에서 Flow starting point=시작점 설정 가능 -여러개 file->PDF 묶어보낼 때 = File->export to frame(내보낼 파일을 새로운 창에 뽑기) -이미지 저장 후 PDF로 묶는 .. 2023. 12. 19.
[231219]3주차 피그마 HW_프로토타입, 스마트 애니메이션 12/19 *유저 플로우* 사용자가 제품, 서비스를 사용할 때 취하는 전체 경로를 표시하는 다이어그램 *화면 설계서* -오토레이아웃을 잘 활용할 것 -오토레이아웃 리사이징 확인하기 *Prototype* 화면 순서, 플로우 간을 연결시켜 트리거를 통해 어떤 화면으로 어떤 이터랙션 스타일로 이동할 것인지 목업으로 보여주는 것 -다중 컴포넌트로 활용을 같이 하면 좋다. *스마트 애니메이션* -이미지 플러그인: upsplash -레이어 이름 순서 확인!!!!! 핵심화면을 먼저 제작할 것 *피그마 미러 앱* 폰으로도 플로우를 볼 수 있다. 2023. 12. 19.

티스토리툴바