UXUI Design

개인 과제 : 디자인싱킹, 레퍼런스 분석 미니 실습 : 에브리타임과 블라인드를 디자인씽킹으로 사용자의 니즈와 불만까지 도출하기필수 과제 1 : 디자인씽킹 프로세스로 음식 배달 시장에 필요한 아이디어 도출공감하기 - AEIOU 관찰법 →((진행중!!))문제 정의하기 - 친화도 분석 (Affinity Diagram)아이디어 도출하기 - HMW (How Might We?)⭐ 일일 회고개인 과제만 했다...ㅡㅜFeel : 프레임워크가 어떻게 하는건지 검색하고 이해하고 적용하는게 생각보다 오래 걸린다...여기서 시간을 쓸거라곤 생각도 못했는데...Action : 마저 디자인씽킹을 통해 개선 아이디어를 도출하고 레퍼런스 수집 및 정리

WIL (Weekly I Learn)일주일 동안 한 일 :Figma 활용법 (1) 강의 완강UXUI 디자인 입문 강의 완강나의 생각 :배우고 확인할 시간 없이 진행되는 일정에 내가 제대로 배우고 있는건지 모르겠다…허허배운 것, 얻은 것 :피그마 기본 활용법UXUI 디자인 원칙과 UXUI 실무 프로세스다음 일주일은 :개인과제 잘 끝내고 특강도 잘 듣고~쉬어가며 하자… 머리에 불나겠다.

UXUI 디자인 입문 강의 - 1주차UXUI용어UI(User Interface) : 사용자가 제품과 소통할 수 있게하는 도구(매개체) - 시각적인 요소로는 레이아웃, 색상, 크기와 정렬, 컴포넌트라고 불리는 버튼, 아이콘, 이미지 등이 있음.UX(User eXperience) : 사용자가 제품이나 서비스를 이용하면서 느끼는 경험HCI(Human Computer Interaction) : 대학원에서 불리는 UI/UX. 인간과 컴퓨터의 상호작용을 연구하는 분야라고 볼 수 있음. - 연구 목적 : 사람이 컴퓨터를 더 쉽고 잘 활용할 수 있게 개선CX(Customer Experience) : UX랑 다른 점은 브랜드와 제품에 대한 사용자의 느낌, 인상에 집중하며 고객서비스(CS)가 포함되어 있음.BX(Brand..

Figma 활용법 (1) - 4주차컴포넌트의 종류 (크게 6개로 분류)액션 : 사용자가 중요한 행동을 수행할 때 사용해요. (ex-버튼)인풋 : 사용자의 입력을 받을 때 사용해요. (ex-텍스트 필드)인포메이션 : 사용자에게 서비스의 상태나 안내 사항을 전달할 때 사용해요. (ex-툴팁)컨테이너 : 컴포넌트 여러개가 결합되어 하나의 덩어리를 이루는 컴포넌트에요.내비게이션 : 사용자가 페이지를 이동할 때 사용해요. (ex-메뉴)컨트롤 : 사용자가 설정이나 값을 수정할 때 사용해요. (ex-시간입력창, 날짜입력창)의사상태(pseudo-[수도]라고 읽음) : 가짜의, 가상의 라는 뜻으로 컴포넌트의 가상의 상태를 표시할 때 사용 (ex-hover상태의 버튼)베리언츠와 프로퍼티베리언츠 : ‘변종’이라는 뜻으로 컴..

Figma 활용법 (1) - 2주차프레임과 그룹의 차이   /코딩 가능효과 적용 시개발 속성기타프레임코드블록 O요소들 영향 X적용가능 O/그룹인식 X요소 각각에 영향적용불가 X실무에서 사용빈도 적음, 디자인 편의성을 위해 존재프레임으로 묶기(Frame Selection**)** 단축키 : Ctrl + Alt + G프레임 안 개체를 선택하려면 더블 클릭(or Ctrl+클릭)하면 됨.레이어 전부 접기 단축키 : Alt + L정렬 기준개체 하나를 눌렀을 때 정렬 기준 : 부모 컨테이너여러 개체를 눌렀을 때 정렬 기준 : 선택된 개체 중 가장 기준(명령)에 가까운 개체왼쪽 정렬 시 - 개체 중 가장 왼쪽에 있는 개체를 기준으로 왼쪽에 붙음.오른쪽 정렬 시 - 개체 중 가장 오른쪽에 있는 개체를 기준으로 붙음가운..

WIL (Weekly I Learn)일주일 동안 한 일새로운 팀을 만나 적응하고, 서로를 알아가며, 팀을 소개하는 앱 화면을 기획하고, 디자인하고 발표자료를 준비했음!강의도 들었음.나의 생각강의를 충분히 듣지 못한 상태에서 팀 과제에 최선을 다했는데 강의를 좀 더 듣고 배우고 나서 팀 과제를 했으면 더 수월했을 것 같은 생각이 든다. (물론 강의를 볼 시간이 없었기 때문에 못 본거라 후회는 없다)배운 것, 얻은 것피그마에서 컴포넌트, 베리언츠를 활용한 슬라이드 방식을 구현하는 방법과 체크박스 전체 선택을 하면서 활성화되는 버튼, 화면 안에서 윗 화면은 두고 밑 화면만 전환되는 탭 버튼...등등을 프로토타입으로 실행가능하게까지 할 수 있게 되었다.다음 일주일은 그래두 이번 팀원들이랑 2주는 같이 할 줄 알..

팀 과제 - 팀 소개 페이지 만들기발표 PPT자료 만들기배운 점 : 베리언츠 해제 단축키 = Ctrl+Alt+B1차 과제 제출!작업을 통해 느낀 점느낀 점 : 생각보다 PPT 발표자료 만드는 일이 오래 걸리는 구나... 그것도 모르고 혼자 하겠다고 할 뻔했네... 팀원들 모두 다같이 할 수 있어서 다행이였고 운이 좋았다...좋았던 점 : 발표자료를 만들면서 또 한번 개념과 플로우를 정리할 수 있었다.아쉬운 점 : 개인학습도 포기하고 작업했는데 기한에 맞춰 겨우 완성했다는 것이 아쉽다...하지만 덕분에 추진력있는 팀원이 없었다면 기한에 맞추지 조차 못했을거라는 걸 여실히 느끼고 있다. 후..쌓인 강의는 진짜 언제 다 보지...앞으로는발표하는 팀원의 긴장감을 덜어줄 수 있는 일들을 해봐야겠다. 발표가 끝나고..

팀 과제 - 팀 소개 페이지 만들기팀 노션 페이지 정리앱 페이지 디자인 마무리와이어 프레임과 플로우 차트 정리프로토타입 연결 및 시연 영상 녹화🥕🥕🥕앞으로는아좌잣이다. 기죽지 말자. 내일 강의 와자잣 들어야겠다.

팀 과제 - 팀 소개 페이지 만들기(팀 소개 페이지에 들어갈 예정인)본인을 소개하는 글을 돌아가며 발표했다. 팀원들의 장점이나 협업스타일, 목표 등을 들을 수 있었고, 나중에 발표할 것을 대비해 시간초를 재는 방식으로 발표를 진행해서 이 후 발표자를 투표로 정하기도 했다. 시간초 재가며 발표를 준비할 생각은 못했었는데...역시 E인가...어제 나눈 역할에 맞게 각자 디자인을 진행했다. 디자인은 일단 각자 진행한 거지만 계속해서 의견을 주고 받을 수 있어서 다른 사람이 맡은 페이지에 디자인 아이디어를 주기도 하고, 디자인 시안을 투표도 하고, 의논도 했다.나는 오늘 생각난 큰 그림을 빠르게 비주얼라이징해서 내가 의도한 것, 표현하고 싶은 부분을 보여주고, 그에 대한 의견을 묻는 작업방식을 시도해봤다(점심시..

Figma 활용법 (1) 강의 1주차피그마 파일로 컴퓨터에 저장하기클라우드 저장방식을 사용하는 피그마왼쪽 상단 도구창에서 피그마 아이콘 → File → Save local capy… 클릭진행상황 메모해서 클라우드 히스토리 저장방법왼쪽 상단 도구창에서 피그마 아이콘 → File → Save to version history… 클릭단축키 = Ctrl + Alt + S 팀 과제 - 팀 소개 페이지 만들기새로운 팀을 만나 각자 간단하게 소개를 나누고, 팀 이름과 컨셉을 정하고 각자 어떤 페이지를 디자인 할지 역할분담 함. 앞으로는바쁘다 바빠...할게 어떻게 이렇게 많지...ㅎ