[Reference Site] 웹 디자인을 위한 참고사이트

안녕하세요🐰 개발자 재민콩입니다.

 

웹 디자이너 분들은 항상 더 나은 UI/UX 디자인을 하기 위해 많은 고민을 하고 있는데요!

웹 디자인을 하는 웹 디자이너들을 위한 참고 사이트를 추천해 드리겠습니다.

 

1. 벤치마킹

1.1) 디비컷이라는 국내외 사이트들을 모아둔 사이트입니다.

https://www.dbcut.com/

디비컷 - 웹디자인 평가 및 우수 웹사이트 모음

 

1.2) Behance는 이미 많은 분들이 알고 계신 사이트입니다. 웹 디자인은 물론 다양한 디자인을 참고할 수 있습니다.

https://www.behance.net/

Search Projects | Photos, videos, logos, illustrations and branding on Behance

 

1.3) Awwwards는 전문 웹 디자인 및 개발 경쟁 기관입니다. 최고의 혁신적인 웹 디자인을 인정하고 홍보하는 것을 목표로 합니다. 개발자가 출품할 수 있는 웹사이트 공모입니다. 해외 디자인이 많이 있어 국내에서 사용하는 grid와는 다소 다를 수 있습니다.

https://www.awwwards.com/

Awwwards - Website Awards - Best Web Design Trends

 

1.4) FWA는 웹 디자인 및 개발 분야의 우수성에 대해 전 세계의 웹 디자이너, 개발자 및 에이전시를 기리고 보상하는 국제 수상 플랫폼입니다.

https://thefwa.com/

Awards - The FWA

 

2. 무료 폰트

2.1) Google Fonts는 구글에서 제공해 주는 무료 폰트입니다. 다양한 폰트와 사용하기 편리하게 되어있어 많은 디자이너, 개발자 분들이 참고하고 있습니다.

https://fonts.google.com/

Google Fonts

2.2) 눈누는 다양한 한글 폰트를 제공해 주는 사이트입니다. 유료폰트도 있기 때문에 상업적, 무료로 사용할 수 있는 폰트인지 잘 확인하고 사용해야 합니다.

https://noonnu.cc/

눈누

 

3. 무료 아이콘

웹 폰트로도 제공되는 사이트로 디자인은 퍼블리싱에 편의를 주어 빠른 협업, 개발이 가능합니다.

 

3.1) Material Icons은 구글에서 제공해 주는 무료 아이콘(웹 폰트)입니다.

https://fonts.google.com/icons?icon.style=Filled&icon.set=Material+Icons

Material Symbols and Icons - Google Fonts

 

3.2) Font Awsome로 Google의 Material Icons 다음으로 많이 사용되는 무료 아이콘(웹 폰트)입니다. 무료와 유료 버전이 있기 때문에 확인 후 사용해야 합니다.

https://fontawesome.com/icons

Font Awesome