디자인 초보를 위한! 홈페이지 디자인 템플릿 사이트 TOP 10

웹사이트 디자인을 시작할 때 가장 먼저 고려해야 할 요소 중 하나는 바로 템플릿입니다. 다양한 디자인 스타일과 기능을 갖춘 템플릿이 많아 선택의 폭이 넓지만, 어떤 템플릿이 적합할지, 어떤 식으로 제작할지 고민할 때 참고하기 위해 정리하게 되었으며 많은 분들에게 도움이 되었으면 좋겠습니다.

 

홈페이지 다지안 템플릿 사이트 TOP 10을 리뷰해보겠습니다.

 

 

1. Supahero.io

https://www.supahero.io/

시선을 사로잡을 수 있는 좋은 디자인들을 많이 참고할 수 있는 사이트 입니다. 여러 가지 디자인을 참고하며 좋은 영감을 떠올릴 기회를 갖게 될 수 있는 사이트 입니다.

2. Bento Grids

https://bentogrids.com/

컨테이너를 시각적으로 매력있게 배치하는 벤토 그리드 스타일에 대해 가르쳐주는 무료 사이트 입니다. 웹, 앱개발에 관심이 많고, 최근 사용되는 그리드 레이아웃 디자인에 대해 많이 배울 수 있는 사이트 입니다.

3. Footer Design

http://footer.design/

마찬가지로 푸터(footer) 디자인에 대한 여러 영감을 얻기 위한 참고하기 좋은 사이트 입니다.

4. CTA.gallery

https://www.cta.gallery/

Call-to-Action 디자인에 대한 여러 아이디어를 얻을 수 있는 사이트 입니다. 예를 들어, '지금 구매하기', '무료 체험 시작' , '뉴스 레터 구독' 같은 버튼이나 문구들이 바로 CTA에 속합니다.

5. landing.love

https://www.landing.love/

랜딩 페이지에 대한 여러 참고를 할 수 있는 좋은 사이트 입니다. 여러 분야의 예시들이 존재하기 때문에 웹개발을 하신다면 좋은 참고 사례가 될 듯 합니다.

6. Saaspo

https://saaspo.com/

SaaS 웹 사이트 디자인에 대한 참고를 할 수 있는 사이트 입니다. 최근에 제가 관심있는 분야라서 이 사이트를 돌아다니면서 여러가지 고민을 하고 있습니다.

7. Godly

https://godly.website/

웹 디자이너나, 개발자들이 최신 디자인 트렌드나 기법들을 살펴볼 때 유용하게 사용하실 사이트가 될 수 있습니다.

8. 60fps

https://60fps.design/

모바일 및 웹 앱의 UI/UX 참고를 할 수 있는 사이트 입니다. 특히 모션 쪽에 강점이 있습니다.

9. Navbar Gallery

https://www.navbar.gallery/

네비게이션 바에 대한 참고하기 좋은 사이트 입니다. 지금까지 봐왔던 것들과, 처음보는 것들도 굉장히 많더군요.

10. Dark Design

https://www.dark.design/

다크 모드를 적용한 사이트의 사례들 입니다. 다크모드라고 해도 단순하게 #000000만 사용하는건 아니잖아요? 이 정도로 다양한 참고 사례가 있다니 놀라웠습니다.