본문 바로가기

전체 글32

[03주_2024_11_06] 개인 과제 2024년 11월 06일 ( Wednesday )───────────⚪──────◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊[개인]🩶디자인 카타 진행하기🩶 개인 과제 진행하기🩶 TIL 작성 및 제출하기[팀플]🩶 저녁 팀 스크럼(회고)🩶 팀원들 TIL 댓글달기🤤오늘 과제로 진행한 부분!오늘 역시 개인과제를 진행하였다.어제 만들어 놓은 와이드프레임을 가지고 디자인하며 애니메이션을 작동시킬 수 있는 명령 작업을 했다. 디자인도 오래걸리지만, 포로토타입이 제일 많이 걸리는 거 같다 이거는 되는데 저거는 안되거나 이렇게 설정해야하는데 설정할 수 없거든 등 때문에 시간이 많이 소요되는 것같다. 그러고 아이콘 바꾸게 되었다ㅠㅠ 😆새로 알게 된 사실!지도가 들어간 디자인은 어떤 식으로 할.. 2024. 11. 6.
[03주_2024_11_05] 개인 과제 2024년 11월 05일 ( Tuesday )───────────⚪──────◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊[개인]🩶디자인 카타 진행하기🩶 개인 과제 진행하기🩶 튜터님과 면답🩶 TIL 작성 및 제출하기[팀플]🩶 저녁 팀 스크럼(회고)🩶 팀원들 TIL 댓글달기🤤오늘 과제로 진행한 부분!어제에 이어서 디자인 카타 끝나고 개인과제를 진행하였다.오늘 처음 만든것은 튜터님께 슬라이드할 수 있을 거 같은 버튼을 잘 만든 것이 맞는 지 확인하고 만들었다. (결론 안맞음)그런 다음 어제 만들어놓은 와이드프레임을 가지고 본격적으로 앱 디자인에 들어갔다. 우선 앱에 맞는 아이콘을 찾았다 그러나 png파일 밖에 없어서 매니점님과 튜터님께 질문을 하여 해답을 주셨지만, 맘에 드는 앱.. 2024. 11. 5.
[03주_2024_11_04] 개인 과제 2024년 11월 04일 ( Monday )───────────⚪──────◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊[개인]🩶디자인 카타 진행하기🩶 개인 과제 진행하기🩶 튜터님과 면답🩶 TIL 작성 및 제출하기[팀플]🩶 저녁 팀 스크럼(회고)🩶 팀원들 TIL 댓글달기과제: 사용자 시나리오에 맞게 앱 UI/UX 키트 및 프로토 타입 제작하기 ( 가상의 커머스 앱 ui 설계 및 프로토타입을 제작)UI/UX 키트제작앱 이름: FarmIt (팜잇) - 신선한 농산물과 식품을 쉽게 구매할 수 있는 앱Color palette1. Primary (주색)#00cc5c : 신선함과 자연 친화적인 이미지를 주는 메인 컬러2. Secondary (보조색)#f75a2f: 생기 넘치고 식욕을 자극.. 2024. 11. 4.
2주차 WIL (24.10.28 ~ 24.11.01) The four FsFACTS(사실, 객관) : 이번 일주일 동안 있었던 일, 내가 한 일새로운 팀을 만났다.데일리 미션으로 진행한 블로그 기록을 진행했다.디자인카타를 진행하면서 랜딩페이지, 웹페이지 래퍼런스를 찾고 발표했다.FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌예전에는 단축키 같은거 아예 사용 못했는데 이제는 한 두개는 자연스럽게 사용해서 좋다.같은 내용을 하루에 여러번 반복하면 내가 알고 있다라고 생각이 들어 집중력이 떨어지는 것 같다. 같은 내용을 하루에 여러번 복습하는것보다는 까먹을 때쯤 다시 한번 더 복습하는 것이 더 효율적인 방법인거 같다.래퍼런스를 찾을 때 예전에 하던 습관이 있어서 집중 시킬 수 있을 만한  요소를 갖고 있는 래퍼런스로 찾는 거 같다. UI/UX는 디자.. 2024. 11. 1.
[02주_2024_10_31] 강의 복습하기 2024년 10월 31일 ( Thursday )───────────⚪──────◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊[개인]🩶디자인 카타 진행하기🩶 강의듣기 및 과제🩶 강의복습하기🩶 TIL 작성 및 제출하기[팀플]🩶 저녁 팀 스크럼(회고)🩶 팀원들 TIL 댓글달기디자이너일반적으로 예쁘게 만드는 게 디자인이지만 실무에서는 예쁘게 만드는 사람이 아닌 사용자의 불편함을 해결해 주려는 사람프레임과 그룹프레임은 개발에 필요한 속성을 적용할 수 있음 ➜ 실제 개발에 들어가는 코드 블록이기 때문그룹은 개발에 필요한 속성이 적용되지 않음레이어와 정렬레이어 패널에서 더 위에 있는 건 더 앞에 있다는 뜻 ➜ Z값이 높다/ 나한테 더 가깝다어러개를 선택하고 정렬하면 더 가까운 곳 기준으로 .. 2024. 10. 31.
[02주_2024_10_30] UI 차이점 & 프로토타입 2024년 10월 30일 ( Wednesday  )───────────⚪──────◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊[개인]🩶디자인 카타 진행하기🩶 강의듣기 및 과제🩶 TIL 작성 및 제출하기[팀플]🩶 저녁 팀 스크럼(회고)🩶 팀원들 TIL 댓글달기iOS vs Android UI  디자인 차이점디자인 엘리먼트iOSAndroid최소 탭 크기44*44pt48*48dp주요 앱 탐색 방법하단 네비게이션화면 상단 탭보조 앱 탐색하단 탐색 메뉴 '더보기' 또는 하단 UI탐색 메뉴/ '햄버거' 사이드 메뉴기본 버튼/ 액션상단 탐색 메뉴/오른쪽플로팅 액션 버튼보조 조치페이지UI상단 메뉴 탐색/ 오른쪽단일 선택 목록선택된 항목에 체크 표시 목록라디오 버튼 목록다중 선택 목록스위치/ 선.. 2024. 10. 30.
[02주_2024_10_29] 랜딩페이지 & 버튼 2024년 10월 28일 ( Tuesday )───────────⚪──────◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊[개인]🩶디자인 카타 진행하기🩶 강의듣기 및 과제🩶 TIL 작성 및 제출하기[팀플]🩶 저녁 팀 스크럼(회고)🩶 팀원들 TIL 댓글달기랜딩페이지란?첫 방문자의 서비스 이해도를 높이고 이탈이 아닌 전환을 발생시키기 위해 중요한 것이 랜딩페이지임.랜딩페이지를 적절히 구성하여 방문자의 주의를 산만하게 하지 않고 핵심적인 메시지를 전달해 원하는 액션(Action)을 유도할 수 있어야 함랜딩페이지 구성요소4~6개의 섹션으로 구성섹션마다 배경 색상을 교차해서 사용글이 많을 경우, 좌우로 번갈아가며 정렬 / 글이 많지 않을 경우, 중앙 정렬이 흔하게 볼 수 있음윗 부분 50.. 2024. 10. 29.
[03] 웹/앱 서비스 조사 및 나의 관심 분야 찾아보기 📖 팀원들과 함께 진행하는 JD 분석 자료를 기반으로 내가 관심 있는 서비스는 어떤 서비스인지, 그 서비스를 운영하고 있는 기업은 어떤 기업들이 있는 지 조사합니다.- 나의 분야를 찾아가는 과정은 내가 어떤 회사를 갈 지, 그 회사를 가기 위해 구체적으로 어떤 작업들을 진행해야 하는지 등을 알 수 있는 매우 중요한 과정입니다.예시를 참고하여 보다 자세하게 조사해보세요. 현재 웹/앱에는 어떤 서비스들이 있는지 살펴봅시다.내가 자주 사용하는 웹/앱더보기애플뮤직카카오톡인스타그램카카오뱅크카카오맵KB페이토스유튜브쿠팡무신사배달의민족밀리의서재관심 있는 웹/앱더보기마이턴뉴닉노션    2. 내가 가고 싶은 기업에서 운영하고 있는 서비스 종류비바리퍼블리카 - 토스: 토스증권, 토스뱅크, 토스보험, 토스 페이먼츠    3.. 2024. 10. 28.
[02주_2024_10_28] 피그마 기초 2 2024년 10월 28일 ( Monday  )───────────⚪──────◄◄⠀▐▐⠀►► 𝟸:𝟷𝟾 / 𝟹:𝟻𝟼⠀───○ 🔊[개인]🩶강의 듣기🩶 퀘스트 진행하기🩶 TIL 작성 및 제출하기[팀플]🩶 새로운 팀명 정하기🩶 약속정하기🩶 저녁 팀 스크럼(회고) 파운데이션피그마를 통해 만들고자 하는 건 UI임UI는 버튼, 체크박스나 라디오, 탭 등 우리가 화면에서 볼 수 있는 모든 요소들을 뜻함UI는 기초 재료인 파운데이션과, 이 파운데이션을 조합해 만드는 컴포넌트로 나눌 수 있음버튼이라는 컴포넌트를 만들기 위해서는 파운데이션부터➜모든 컴포넌트들은 파운데이션 요소를 조합해서 만들 수 있음구성색상(Color)서체(Font, Typography)간격, 여백(Spacing, Gap)곡률(Rad.. 2024. 10. 28.