디자인 마스터
오늘은 개인 과제가 마무리되는 날이자 팀프로젝트를 준비하는 날이다. 개인과제를 마무리하기 전에 특강을 듣고 여러 부분을 국소적으로 개선하였다. 어떤 개선점이 있었는지 그리고 왜 바뀌었는지에 대해서 사진을 첨부하여 기록하겠다. Feedback Improvemets 여러 작은 개선점 Point 개선점
위 사진들은 개인숙제 피드백을 받기 전까지 내가 추가적으로 진행한 연습 결과물이다. 강의를 복습하라는 매니저님의 말씀이 있었지만, 나는 개인숙제를 처음부터 다시 진행하였다. Hi-Fi로 넘어가기 전까지만 제작을 하고 치지직을 클로닝하면서 컴포넌트 활용 능력과 레이어 정리를 연습하였다. 이런 연습을 거듭하면서 디자인을 보는, 만드는 실력이 향상되었고 그사실을 1차 개인숙제 결과물을 보면서 깨닫게 되었다. 그래서 어제 올라온 TIL에서와 같이 많은 부분이 개선되고 수정되었지만, 오늘 김태길 튜터님의 특강(숙제 채점기준 등을 알려주는)을 듣고 수정할 부분이 많이 보였다. 대략 내용은 이러했다. 1. 4배수 디자인을 하면서 간격에 의해 컨텐츠의 크기가 소수점이 되는 것은 자연스러운 일이다. 2. 스파르타 우유를..
위 사진들은 전부 내가 오늘 피드백을 기준으로 수정을 한 내용이다. 여태껏 거의 두 번에 걸쳐 클로닝을 하다보니 레이어를 정하는 방법을 알게 된 것 같다. 이전에 했던 개인숙제 결과물을 보니 확실히 엉망인게 눈에 보였다. 인사이트 1. 컴포넌트 하나로 여러 자식을 편집해서 사용하는 것이 훨씬 효율적이다. 2. 카드컴포넌트 자체에 패딩 값을 넣는 방식도 있다. 이런 경우 프레임 안에 간격을 주지 않아도 거리를 유지할 수 있다. 미흡한 점 1. 개인숙제에서 버튼 간격이 좁다. 2. 또한 CTA 여백을 늘린 PX값과 그 값의 근거가 뭔지 아직 모른다. 3. 팀원들이 회고 시간에 비회원구매 버튼이 변경 전이 더 시인성이 좋아 보인다고 했다. 끝
스피커 이름 Soundcore Mini 3 존재의 이유 사용자들의 휴대폰이나 노트북에서 제공되는 음질을 보충해주기 위해 존재한다. 물건의 주요기능 및 특징 내부에 앰프가 있어 전기신호를 진동으로 바꾸어 소리를 증폭시켜준다. 특히 휴대폰이나 노트북에는 내장되기 힘든 앰프의 크기와 형태가 장착되어 있어 상대적으로 높은 퀄리티의 음질을 제공한다. 이 스피커의 독특한 특징은 따로 있다. 앰프의 진동이 바닥쪽으로도 전해져 바닥에 존재하는 물체의 재질에 따라 소리가 다르게 들린다. 예를 들면 나무로 된 책상 위에 올려놓으면 책상 전체가 베이스가 되어 웅장함을 선사시켜준다. 좋은 점과 아쉬운 점 이 스피커는 어디든지 들고 다닐 수 있게 소형으로 나온 용도에 맞게 방수 기능이 있다. 하지만, 스피커 Menu bar 안..
서론 이번 개인숙제를 진행하고 피드백을 받을 때까지 남은 시간은 D-Day이다. 하지만 피드백이 언제 나올 지 몰라서 나는 클로닝을 짧게나마 진행하기로 하였다. 짧고 굵게 클로닝을 하기 위해서는 목표가 필요했다. 클로닝 목표 1. 컴포넌트 효율적으로 제작하기 2. 컬러, 폰트 시스템에 있는 것 외에는 사용하지 않기 또한 클로닝 대상도 매우 중요했다. 이번에 트위치가 사라지면서 새로 네이버가 VIP 방식으로 급하게 내놓은 어플이 있다. 베타1까지 테스트가 진행이 된 상황이고 조만간 베타 2까지 테스트할 예정이다. 이 서비스는 계속 업데이트를 한다는 점에서 디자이너로서 배울 수 있는 점이 많을 것이라고 생각을 하였고 동시에 정적인 이미지의 네이버가 요즘 트렌드인 스트리밍 서비스를 어떻게 디자인을 해낼 지 궁..
문제점 어떤 문제가 있었나요? 1. 필터에 Sticky를 적용하려고 했는데 적용되지 않았다. 2. Fill 버튼 말고 Stroke 버튼도 많이 쓰였다. 하지만 컴포넌트로 만들어 놓지 않았다. 시행착오 어떤 것들을 시도해 봤나요? 1. 유튜브로 찾아보고 따라해보고 나서 안 되자 튜터님께 찾아갔다. 2. 기존 버튼 Asset을 가져와서 Detach 시키고 새로운 버튼을 만들었다. 해결방법 해결했다면 어떻게 해결했나요? 1. 튜터님께서 프로토타이핑은 사실상 실무에서 많이 안 쓰이고 지금은 UI에 집중하라고 조언해주셨다. 그래서 Sticky를 적용시키지 않고 다른 화면을 만드는 것에 집중하게 되었다. 2. 위 방법으로 해결 알게된 점 문제를 해결하는 과정에서 느낀점이나 새롭게 알게된 점이 있나요? 피그마를 마스..