본문 바로가기

분류 전체보기127

스코클 본캠프 4주차 목요일 TIL 위 사진들은 전부 내가 오늘 피드백을 기준으로 수정을 한 내용이다. 여태껏 거의 두 번에 걸쳐 클로닝을 하다보니 레이어를 정하는 방법을 알게 된 것 같다. 이전에 했던 개인숙제 결과물을 보니 확실히 엉망인게 눈에 보였다. 인사이트 1. 컴포넌트 하나로 여러 자식을 편집해서 사용하는 것이 훨씬 효율적이다. 2. 카드컴포넌트 자체에 패딩 값을 넣는 방식도 있다. 이런 경우 프레임 안에 간격을 주지 않아도 거리를 유지할 수 있다. 미흡한 점 1. 개인숙제에서 버튼 간격이 좁다. 2. 또한 CTA 여백을 늘린 PX값과 그 값의 근거가 뭔지 아직 모른다. 3. 팀원들이 회고 시간에 비회원구매 버튼이 변경 전이 더 시인성이 좋아 보인다고 했다. 끝 2024. 1. 18.
내 물건을 소개합니다! 라는 주제로 글을 써보겠습니다 스피커 이름 Soundcore Mini 3 존재의 이유 사용자들의 휴대폰이나 노트북에서 제공되는 음질을 보충해주기 위해 존재한다. 물건의 주요기능 및 특징 내부에 앰프가 있어 전기신호를 진동으로 바꾸어 소리를 증폭시켜준다. 특히 휴대폰이나 노트북에는 내장되기 힘든 앰프의 크기와 형태가 장착되어 있어 상대적으로 높은 퀄리티의 음질을 제공한다. 이 스피커의 독특한 특징은 따로 있다. 앰프의 진동이 바닥쪽으로도 전해져 바닥에 존재하는 물체의 재질에 따라 소리가 다르게 들린다. 예를 들면 나무로 된 책상 위에 올려놓으면 책상 전체가 베이스가 되어 웅장함을 선사시켜준다. 좋은 점과 아쉬운 점 이 스피커는 어디든지 들고 다닐 수 있게 소형으로 나온 용도에 맞게 방수 기능이 있다. 하지만, 스피커 Menu bar 안.. 2024. 1. 18.
스코클 본캠프 4주차 수요일 TIL 서론 이번 개인숙제를 진행하고 피드백을 받을 때까지 남은 시간은 D-Day이다. 하지만 피드백이 언제 나올 지 몰라서 나는 클로닝을 짧게나마 진행하기로 하였다. 짧고 굵게 클로닝을 하기 위해서는 목표가 필요했다. 클로닝 목표 1. 컴포넌트 효율적으로 제작하기 2. 컬러, 폰트 시스템에 있는 것 외에는 사용하지 않기 또한 클로닝 대상도 매우 중요했다. 이번에 트위치가 사라지면서 새로 네이버가 VIP 방식으로 급하게 내놓은 어플이 있다. 베타1까지 테스트가 진행이 된 상황이고 조만간 베타 2까지 테스트할 예정이다. 이 서비스는 계속 업데이트를 한다는 점에서 디자이너로서 배울 수 있는 점이 많을 것이라고 생각을 하였고 동시에 정적인 이미지의 네이버가 요즘 트렌드인 스트리밍 서비스를 어떻게 디자인을 해낼 지 궁.. 2024. 1. 17.
스코클 본캠프 4주차 화요일 TIL 문제점 어떤 문제가 있었나요? 1. 필터에 Sticky를 적용하려고 했는데 적용되지 않았다. 2. Fill 버튼 말고 Stroke 버튼도 많이 쓰였다. 하지만 컴포넌트로 만들어 놓지 않았다. 시행착오 어떤 것들을 시도해 봤나요? 1. 유튜브로 찾아보고 따라해보고 나서 안 되자 튜터님께 찾아갔다. 2. 기존 버튼 Asset을 가져와서 Detach 시키고 새로운 버튼을 만들었다. 해결방법 해결했다면 어떻게 해결했나요? 1. 튜터님께서 프로토타이핑은 사실상 실무에서 많이 안 쓰이고 지금은 UI에 집중하라고 조언해주셨다. 그래서 Sticky를 적용시키지 않고 다른 화면을 만드는 것에 집중하게 되었다. 2. 위 방법으로 해결 알게된 점 문제를 해결하는 과정에서 느낀점이나 새롭게 알게된 점이 있나요? 피그마를 마스.. 2024. 1. 16.
스코클 본캠프 4주차 월요일 TIL 오늘은 와이어프레임을 토대로 컴포넌트를 제작했다. 이번에 새로 만드는 작업물은 깔끔하고 시원한 느낌을 원했다. 그렇게 위 사진과 같은 결과물이 나왔다. 가장 큰 문제는 색감이 이쁘지 않다는 것이다. 왜 그런 것일까? 어쨌든 현재 가장 중요한 목표는 컴포넌트를 효율적으로 만들고 사용하는 법을 연습하는 것이기에 부가적인 사항들은 크게 신경쓰지 않고 진행중이다. 문제점 어떤 문제가 있었나요? 아래 칩이 한 개 이하일 때는 칩을 복사할 때 오토레이아웃이 걸려 있어도 그 오토레이아웃 밖에서 복사되는 버그가 있었다. 시행착오 어떤 것들을 시도해 봤나요? 오토레이아웃을 한 겹 더 겹쳐보고 구글링을 했다. 해결방법 해결했다면 어떻게 해결했나요? 튜터님께 여쭤 보았다. 알게된 점 문제를 해결하는 과정에서 느낀점이나 새롭.. 2024. 1. 15.
스코클 본캠프 3주차 WIL 현재 현황: 개인 숙제를 다시 제작하기 시작해서 현재 와이어프레임까지 만들었다. \ 문제점 어떤 문제가 있었나요? 와이어 프레임을 제작하는 과정에서 간격이나 픽셀 비율을 정확하게 맞춰야 하는 지 몰라서 제작할 때 많이 버벅였다. 시행착오 어떤 것들을 시도해 봤나요? 구글링과 레퍼런스를 찾아보았다. 하지만 답을 찾지 못해 튜터님께 찾아갔다. 해결방법 해결했다면 어떻게 해결했나요? 금민주 튜터님께 들은 조언으로는 완벽하게 만들 필요는 없다고 하셨다. 왜냐면 프로토타입 결과물과 차이가 많이 날 경우 개발 과정에서 다른 사람들을 설득하기 어려울 수 있기 때문이다. 또한 나는 텍스트 대신 Rectangle을 이용해서 얼추 텍스트처럼 꾸며놨는데 튜터님께서는 텍스트 정도는 집어넣어야 보이는 게 있다고 하셔서 나도 그.. 2024. 1. 12.

티스토리툴바