본문 바로가기

UIUX 3기 사전캠프+본캠프44

디자이너들이 FFFFFF와 000000을 안쓰는 이유 소영 튜터님이 주신 버튼 컴포넌트를 만드는 과정에서 튜터님은 FFFFFF는 사용하시는데 검은색인 000000은 사용하지 않으시는 걸 발견했다. 왜 안 쓸까? 궁금증이 생겨 디자이너들이 검은색을 안 쓰는 이유를 찾게 되었다. 여러 가지 이유가 있었다! 대기업에서도 완전한 검은색은 쓰지 않는다는 것을 알게 되어 굉장히 신기했다! 2024. 3. 14.
피그마에서 2x로 내보내기 하면 적용이 안되는 이유 원본, 2x, 3x, 4x로 내보내기 한 결과, 2x로 내보내기 한 파일은 원본과 같은 사이즈로 내보내기가 되었다. 여러번 시도를 해보았고 1.5x도 적용이 안된 채 내보내기가 되는것을 확인했다. 이유를 찾아보았고 피그마 사이트에서 원인을 파악해서 정리했다. 피그마 사이트에 굉장히 도움되는 정보가 많아서 심심할때 자주 찾아가서 둘러봐야겠다. 2024. 3. 14.
UIUX에서 중요한것이란? (김튜터님의 말씀) 피그마 입문 강의 중 김튜터님께서 좋은 말씀 해주셔서 짧게 정리해 보았다! 색채감각이나 본능적으로 예쁘게 만드는 감각은 사실 UXUI에 중요한 요소가 아니다. UXUI에 가장 중요한 것은 사용자의 문제를 해결해주려고 하는 끈기와 집요함이 제일 중요하다. 논리적으로 생각하고 상대방에게 설명하고 설득할 수 있는 것이 중요하다. 상대방이 합리적인 이야기를 했을때 수용할 수 있는 열린 사고가 중요하다. 우리의 웹, 앱 사이트에 들어오는 사용자들에 대한 관심, 애정이 중요하다. 디자인계에서 많이 쓰이는 말이라고 한다. 멋있어서 이것도 남겨본다! "타인을 위해 제작하는 것이 디자인이며, 자신을 위해 제작하는 것은 예술" 2024. 3. 8.
디자인 씽킹의 가설에 대해서 가설이란? 발견한 문제를 해결하는 방법을 검증이 가능한 형태로 제시하는 것 어떤 변경을 통해 어떤 결과를 내겠다 라는 것 가설에서 필요한 것들 1. 문제를 해결할 방법 + 해결책 2. 그 해결 방법의 근거 토쓰에서도 사용하는 질문지 1. 제품의 주요 사용자는 누구인가요? 2. 사용자의 어떤 문제를 발견했나요? 3. 왜 문제라고 생각했나요? 3. 문제를 어떻게 해결할 수 있을까요? 왜 그렇게 생각하세요? 디자인 씽킹의 대략적인 순서 1. 화면 탐색 2. 탐색하며 문제 발견 3. 5 whys등 여러 방법을 통해 왜 문제라고 생각하는지 원인 찾기 4. 찾아낸 원인으로 가설 세우기 5. 솔루션 과 뒷받침할 근거 세우기 2024. 3. 6.
디자인 입문 강의 6주차 숙제(카카오톡 앱 화면 분석) 이번 강의는 레퍼런스 분석에 대한 내용이다. 주어진 숙제는 카톡 앱 화면을 분석하는 것인데, 숙제를 하기에 앞서 강의 내용부터 정리하려 한다. 레퍼런스 분석이란? 여러 가지 사례를 상세하게 분류해 생각해 보고 도움이 될 만한 부분을 찾아보는 과정 레퍼런스 분석을 통해 스스로 생각하는 힘을 기를 수 있다. 레퍼런스 분석 과정을 통해 디자인에 대한 영감을 얻을 수 있다. 좋은 디자인을 구분하는 지식을 쌓을 수 있다. 레퍼런스 분석하는 방법 1단계. 화면 구조 분석 화면이 각각 어떤 요소들로 구성되어 있는지 분해해 보는 단계 예시) 파운데이션 → 엘리먼트 → 모듈 → 페이지로 나눈 수 있다. 파운데이션: 더 이상 세부 속성으로 쪼개지지 않는 가장 기본이 되는 요소 예) 색상, 폰트, 아이콘 등 엘리먼트: 파운.. 2024. 2. 29.
디자인 입문 강의 5주차 숙제(디자인 원칙 사례 찾아보기) 이번 강의는 디자인 원칙과 종류들에 대해 다룬다. 숙제를 하기에 앞서 디자인 원칙의 정의 정리와 어떤 종류들이 있는지 정리를 먼저 하려고 한다. 이번 강의 내용에서는 많은 내용의 원칙을 설명하고 있어 길지만 세세하게 정리를 해보았다. 디자인 원칙이란? 인지심리학의 관점에서 디자인할 때 지켜야 할 규칙을 정해놓은 것 디자인 원칙의 종류 게슈탈트 심리학 UX 비주얼 디자인 원칙 UX/UI 심리학 법칙 기업의 디자인 원칙 게슈탈트 심리학이란? (착시현상과 비슷하다) 사람은 이미지를 인식할 때 주변에 있는 요소 간의 관계와 맥락에 영향을 받는다는 이론이다. 사람의 뇌는 대상을 있는 그대로 받아들이지 않고 형태의 정보 중 필요 없는 것은 지우고 기억하기 쉬운 상태로 정리해 받아들인다. 유사성, 근접성, 폐쇄성, .. 2024. 2. 28.

티스토리툴바