Today I Learned
[이번주 목표] 피그마 강의 완강 + 개인과제
오늘 할 일 개인과제 아이콘, 컴포넌트 베리언츠 활용하기
1. 문제점
- 아이콘 직접 만들기 : 여태 구글 머터리얼 플러그인 사용해서 아이콘을 사용했는데, 예전 조원이었던 분께 펜툴 활용법을 배워 하나씩 시도해 보고 있다. 아직까진 남의 아이콘을 대고 똑같이 따라 그리는 것인데도 규격 맞추는게 너무 어렵다. 소수점으로 떨어지면 안 된다는데 flatten이나 유닛으로 묶으면 홀수나 소수점으로 떨어지는 경우가 많아 시간을 많이 잡아 먹음
- 아직까지 베리언츠 활용법이 손에 익지 않았다.
- 각 컨포넌트마다 간격을 얼마나 줘야 하는지, 폰트 강약을 어떻게 줘야 하는지 감이 없다.
- 버튼 컴포넌트에서 마진까지 같이 잡아서 베리언츠를 만들어야 하는건지?
2. 시행착오
- 펜툴로 하트 아이콘은 절대 예쁘게 그릴 수 없다.
- 오토레이아웃 텍스트 베리언츠 적용 왜 안 돼..? 구글링해도 내 케이스를 찾지를 못함
- 다른 사이트 계속 들어가보고 모바일웹 지원 사이트에서 f12로 보는데도 이해가.. 쉽지 안음. 앱에서 규격 확인할 수 있는 방법은 없어 보임,,
- 피그마 커뮤니티 컴포넌트들을 여러개 훔쳐왔다. 대부분 버튼+마진 박스 함께 컴포넌트로 잡고 있어서 이 형식으로 하나 만들고, 버튼 자체도 하나 만듦..혹시 몰라서
3. 해결방법 해결했다면 어떻게 해결?
- 유튜브에서 피그마 하트 그리는법 검색하자마자 10초도 안 걸려서 그릴 수 있었음.
- 길게 끙끙거리다가 강의 다시 들으러 갔다. 프라이오티 > txt가 아니라, txt 자체를 눌러서 프라이오티 버튼을 누르면 해결 되는 것이었음
4. 알게 된 점 - 문제 해결 과정에서 느낀점, 새롭게 알게 된 점
피그마 관련해서 영어 구글리은 대부분의 강의가 나오는 듯. 영어 공부 진짜 꾸준히 해야지
기교부리기 전에 기초 다지자
UI에 치중되다보니 UX를 거진 잊고 디자인을 한다. 그럴수록 와이어프레임이나 기초 디자인 단계를 더 탄탄히 설계한 다음 디자인 해야겠다는 생각이 듦. 그런데 이번 과제는 2일 안에 마무리해야 한다는 압박감에 무작정 손이 먼저 나감