UI/UX에 도움 되는 사이트 정리

QA 컨퍼런스 중 디자이너 안소현 님이 알려주신 레퍼런스 목록만 추려서 정리해봤습니다.

QA 컨퍼런스 후기를 작성하다가 업무를 진행할 때 도움이 되는 사이트가 많아서 별도 포스팅으로 작성했습니다

내용은 이전에 작성한 포스팅과 같습니다 

4. QA 엔지니어와 협업하여 생성형 AI 프로덕트의 완성도 높이기

 

개발 관련 레퍼런스

 

1. 다양한 통계를 확인할 수 있는 statconter

https://gs.statcounter.com/screen-resolution-stats

Screen Resolution Stats Worldwide | Statcounter Global Stats

 

---

 

Chrome Extension

1. 브라우저의 해상도를 즉각적으로 변경해 주는 Window Resizer

https://chromewebstore.google.com/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh?hl=ko

Window Resizer

 

2. 화면 해상도를 한 번에 띄워두고 자유롭게 변경하며 확인할 수 있는 Responsive Viewer

https://chromewebstore.google.com/detail/responsive-viewer/inmopeiepgfljkpkidclfgbgbmfcennb

Responsive Viewer

 

3. 컴포넌트에 간격을 쉽게 확인할 수 있게 지원해 주는 Dimensions

https://chromewebstore.google.com/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj

Dimensions

 

4. 스타일을 바로바로 확인할 수 있고 색상 정보도 볼 수 있는 CSS Peeper

https://chromewebstore.google.com/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=ko

CSS Peeper

 

5. 웹 페이지에서 사용하고 있는 글꼴에 대한 정보를 얻어올 때 사용하는 WhatFont?

https://chromewebstore.google.com/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=ko

WhatFont

 

---

UI/UX Reference

1. 타사 서비스의 화면을 확인하여 UI 제작에 참고 자료로 활용할 수 있는 Mobbin

https://mobbin.com/browse/web/apps
 
 

2. Mobbin의 국내 버전, 국내 서비스 화면을 기능별 구분하여 UI 화면을 알려주는 WWIT 

https://wwit.design/

Lifeplus

 
 

3. IT 산업 동향이나 프로덕트 디자인 트렌드의 아이디어를 얻을 수 있는 Product Hunt

https://www.producthunt.com/

Product Hunt – The best new products in tech.

 
 

4. AI 피쳐를 가지고 있는 프로덕트를 소개해주는 aiverse.design 

https://aiverse.design/#explore

AIverse for Designers & Innovators

 
 

5. AI 프로덕트가 있는지 확인해 볼 수 있는 There is an AI For That

https://theresanaiforthat.com/
 
 

6. 국내외 IT 자료들을 정리해 주는 지금 써보러 갑니다 (요즘 IT) 

https://yozm.wishket.com/

요즘 사람들의 IT 매거진, 요즘IT