반응형 프론트엔드/리액트 네이티브2 색상 밝기 기준으로 상태 나타내기 이번에 리액트 네이티브 강의 들으면서 새로 배운 디자인 지식이 생겼다. 사실 알고는 있었지만 이러이러하게 하는게 좋다고 설명할 수 있지는 않았는데 이번에 정리가 됐다. 요하자면 컨트롤의 상태(선택, 비활성화, 일반 등)를 나타낼때 같은 색상 톤에서 밝기를 조절해서 상태를 나타내면 좋다는 점이다. 주로 일반(default) 상태는 500 비활성화(disable) 상태는 2-300 활성화(focus, click, selected) 상태는 7-800 으로 선택하면 된다고 한다. Customizing Colors - Tailwind CSS Customizing the default color palette for your project. tailwindcss.com 2023. 6. 17. Material Theme Builder 도구로 메인 색상 확인해보기 이건 리액트 네이티브 랑 직접적으로 관련된 내용은 아니라서 나중에 다른 목차로 옮겨야 할 것 같다. Material Theme Builder라는 도구가 있다. 웹으로 접속할 수 있고 색상을 선택해서 어떤 느낌이 나는지 확인해 볼 수 있다. 웹 말고도 Figma로 된 도구도 제공해서 FIgma를 사용할 수 있으면 사용해보는것도 좋을 것 같다. https://m3.material.io/theme-builder Material Design Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital ex.. 2023. 6. 17. 이전 1 다음 반응형
