웹 디자인 잘하는법 어떻게 배울까요?

Question

풀스택 사이드 프로젝트를 하나 준비하고 있는데 HTML, CSS 이런건 다룰줄 아나 막상 웹 UI 디자인을 하자면 어떤게 좋은 디자인인지 어떻게 해야 예쁘게 만들어지는지 감이 없어서요,이런 감각을 키우는 팁을 적어주셔도 좋고 책이나 강의를 추천해주셔도 좋겠습니다.시중에 찾아봐도 툴 사용법, CSS 사용법에 대한 강의가 많이 나오지 좋은 디자인을 하는 법을 배우는건 잘 못찾아서요.여기 질문하는게 적절한지 모르겠으나 조언 구해봅니다.

킁킁탐정 · Answer

가장 먼저 디자인 시스템을 여러개 분석해보고 HTML/CSS로 똑같이 만들어 보세요.모든 디자인 시스템은 바탕이 되는 색상과 쉐도우, 보더나 사이즈등과 같은 디자인 토큰이 정리되어 있습니다.이것을 기반으로 버튼부터 카드나 텍스트 필드 같은 컴포넌트르 만들고, 컴포넌트로 페이지를 구성하는방식으로 진행됩니다.대표적으로 구글 디자인 시스템의 경우, 다음의 사이트에 material ui 관련된 모든 정보가 상세하게 설명되어있고피그마에 예제 페이지와 함께 수 많은 컴포넌트가 총 망라되어있습니다.https://m3.material.io/https://www.figma.com/community/file/1035203688168086460비슷한 방식으로 피그마에서 유명한 디자인 시스템들을 분석하고 따라해보세요.https://www.figma.com/community/category/ui-kits어느정도 감각이 생기고 스스로 바탕이 되는 색상 팔레트부터 이펙트나 사이즈등을 모두 결정할 수 있게되면이후부터는 아이디어의 영역입니다. 영감을 얻기 위해 수 많은 사이트 디자인을 살펴보고 아이디어를 얻어야합니다.https://dribbble.com/shots/popular/web-design연구하고 분석하고 다양한 디자인을 접하다보면 자신이 원하는 이쁜 사이트를 만들 바탕이 되는디자인 시스템을 만들수 있습니다.끝으로 디자인 시스템은 Microsoft, Adobe, IBM등 수많은 회사에서 오픈소스로 운영하고 있습니다.함께 살펴보면 큰 도움이 됩니다.

웹 디자인 잘하는법 어떻게 배울까요?

1개의 답변

Q&A 목록