이나의 공부 블로그
[TIL] #8 디자인 카타, 컬러 아티클 읽기, 피그마 컴포넌트 어쩌구... 본문
오늘의 학습내용📖
1.디자인 카타
오늘은 약간 힐링타임이었다 ㅎㅎ
간단한 자기소개하고, 개인 목표와 카타에서 다루었으면 하는 주제에 대해 얘기했다.
다들 코멘트 남겨주시는 게 넘 귀엽다 ㅎㅎ~
2.아티클 읽어보기
피그마 활용법(1) 강의에서 추천한 아티클을 읽어보며 정리했다.
읽다가 디자인 토큰 부분이 잘 이해가 안가서 나중에 튜터님께 질문할 예정...!!
생각보다 내용이 많아서 오늘은 컬러 관련 아티클만 읽었다.
내일은 폰트 관련 아티클을 읽어봐야겠다 🐱
3.피그마 활용법(2) 수강
어제 피그마 활용법(1)을 다 수강해서 오늘부터는 (2)를 들었다.
배운 내용을 모두 남기는 건 비효율적인 것 같아서
앞으로는 중요한 부분,헷갈리는 부분만 TIL에 남기겠다!
💡다이얼로그 설계 시 유의점
1) 선택지의 유형에 따라 조작법이 달라진다
- 사용자가 A 또는 B를 선택해야하는 상황→ 다이얼로그
- 사용자에게 경고 또는 확인 등을 표시할 때→ 얼럿(Alert)
- 다이얼로그는 라이트박스를 누르면 취소 또는 닫기를 누르는 것과 동일하다
- 얼럿은 사용자가 반드시 알아야하는 중요한 서비스 상태를 알려주기 때문에, 사용자가 반드시 버튼을 눌러 확인하거나 직접 취소를 눌러서 닫아야 한다. (라이트 박스 눌러도 얼럿이 닫히지 않음)
2) 사용자 흐름에서 필수로 거쳐야 할 때 사용한다
- 다이얼로그는 사용자를 방해한다.
- 그만큼 중요한 시점이나 반드시 알아야하는 정보를 알릴 때에만 사용
- 사용자가 반드시 확인해야하는 정보라면 다이얼로그나 얼럿 대신 토스트(스낵바)를 사용한다.
요 이미지에 떠 있는 까만색 창을 토스트(스낵바)라고 한다.
상단에 뜨는 경우도 있음!
💡인스턴스 전환을 스위치로 하는 방법
배리언츠의 값을 True/False 또는 On/Off로 적용한 뒤, 인스턴스를 만들어보면 스위치가 생긴당
💡체크박스와 라디오
체크박스는 여러 선택지 중 0개~여러 개를 선택할 때 사용한다.
라디오는 여러 선택지 중 딱 1개를 선택할 때 사용한다.
둘 다 일반적으로 라벨과 함께 쓰인다.
둘 다 컨트롤 요소로 라벨을 누르더라도 작동하는 것이 일반적이고
배치할 때에는 요소 간 간격을 충분히 줘서 잘못 누르지 않게 해야한다.
4. 튜터님께 질문하기
이전에 잠깐 학원 다니며 유저 리서치까지만 진행했던 UXUI 프로젝트가 있다.
회사 다니면서 들었었는데 그 당시 야근도 많았고...넘 힘들어서 중간에 하차한 탓에 리서치까지만 되어있다...😂
설문조사는 90명 정도의 응답이 있었고 인뎁스 인터뷰까지 진행했어서 너무 아까운 마음에 마저 진행해보고 싶었다.
그래서 HYJ튜터님께 요 정도 진행한 게 있는데 어떤 방향성으로 가면 좋을지 여쭤보았다.
튜터님께서 설문조사 질문지를 볼 수 있냐고 하셔서 보여드렸는데
질문 구성이 좋다고 칭찬해주셔서 너무 감사했다...🥺
앞으로 어떤 방향성으로 가면 좋을지 주의해야하는 건 무엇인지 45분 동안 정말 상세하게 답변해주셨다.
그리고 말씀해주신 것들이 진행되고나면 그 때 또 와서 질문해도 된다고 하셔서 더더 감사했다 🥺🥺🥺...
후애앵... HYJ 튜터님 최고에요 🥺🥺🥺❤️❤️❤️
부캠 시작 전,끝난 후 시간 내서 틈틈이 말씀하신 리서치를 더 해봐야겠다...!!
느낀 점, 새롭게 깨달은 것💡
부지런해져야겠다 ㅇㅅㅇ
오늘의 잘한 점🥰
-아티클을 그냥 지나치거나 대충 훑어보지 않고 정리하며 읽었다!
-궁금했던 점 튜터님께 질문한 것!! 튜터님의 정성스러운 답변을 들을 수 있음에 너무 감사했다...❤️
오늘의 문제점,부족한 것😵💫
-오늘도 약간 늦잠 잤다 어제 완전 일찍 잤는데...^_ ^? 알람 계속 끔...
-강의 천천히 듣...기도 했고 안드로이드 폰이 없어서 과제 못했당 히히
-밥 제대로 안챙겨먹음
해결방법👊
-최후의 보루... 미치광이 알람시계를 쓰도록 하자
-내일 아침에 하면 되지롱~
-그ㅓ럴수도 있다... 제 시간에 먹도록 노력해볼게예
'스파르타 내일배움캠프 > 프로덕트 디자이너 트랙' 카테고리의 다른 글
[TIL] #10 피그마 강의 무한~복습 (2) | 2024.11.01 |
---|---|
[TIL] #9 디자인 카타(웹사이트),피그마 프로토타이핑,아티클 읽어보기 (4) | 2024.10.31 |
[TIL] #7 디자인 카타, 커리어 코칭, 피그마 강의 정리 등 (0) | 2024.10.29 |
[TIL] #6 레퍼런스를 고르는 기준,오토레이아웃 과제,분기점 (4) | 2024.10.28 |
[TIL] #5 미니 프로젝트 발표! (3) | 2024.10.25 |