728x90 반응형 웹디자이너4 반응형 웹사이트 미디어쿼리 브레이크포인트 잡을 때 참고사항 반응형 웹에 흔하게 쓰이는 브레이크포인트를 챗GPT에게 물어봤다. 통계적으로 3개의 최고의 브레이크포인트가 몇이냐 물어봤더니 자기는 실시간 통계를 알지못하지만 업계에서 통상적으로 쓰이는 것이라며 알려주었다. 그런데 개인적으로 요즘은 1920x1080 PC가 대부분이며, 아이패드 프로는 1366x1024 (아마도?), 갤탭은 그보다 높은 해상도도 있다. 딱 세가지로만 나누기엔 웹 뷰포트가 너무 다양화되었다. 768도 아이패드미니 해상도임. 아이패드 에어는 820이라는 점. 2023년 전세계 데스크톱 해상도 통계를 살펴보자 https://gs.statcounter.com/screen-resolution-stats/desktop/worldwide Desktop Screen Resolution Stats Wor.. 2023. 6. 1. 유용한 MIT라이센스 무료 아이콘 라이브러리 모음 1. Feather icons 사이즈와 두께, 색상을 커스터마이즈 가능하다는 장점이 있다. 웹 다크모드도 지원한다. https://feathericons.com/ Feather – Simply beautiful open source icons Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability. feathericons.com 2. Heroicon 라인아이콘/솔리드아이콘이 나뉘어있어서 보기 편하다. https://heroicons.com/ Heroicons Beautiful.. 2022. 4. 2. 웹디자이너를 위한 목업(Mockup) 사이트 모음 웹디자이너라면 이래저래 이미지 목업을 해야할 일이 많다. 오늘은 목업 사이트를 추천해보려 한다. 1. https://www.shutterstock.com/ 벡터 목업도 얻을 수 있고 못보던 (흔하지 않은) 목업이 은근히 많다. 라이센스를 구매해야 하는 유료라는 것이 단점. 회사에서 셔터스톡 라이선스를 구독 중인 경우 추천하는 경로이다. 2. https://www.freemockupworld.com/ 너도 알고 나도 알고 모두가 아는 무료 목업 사이트. 감수해야 할 단점은 웹을 떠돌다 보면 종종 발견하는 익숙한 무료 목업의 향기..😂 3. https://www.mockupworld.co/all-mockups/ 너도 알고 나도 알고 모두가 아는 무료 목업 사이트 2 위의 사이트와 동일한 단점을 안고있다. 4.. 2022. 4. 1. 웹디자이너에게 도움이 되는 사이트 추천 (색감, 트렌드, 코딩 등) 웹디자이너들에게 도움이 될만한, 디자인 관련 유용한 사이트 몇가지를 소개하겠다. 📌 컬러 1. https://coolors.co/ 트렌딩 중인 컬러 팔레트 보기, 이미지에서 컬러 팔레트 생성, 이미지에서 색상 값 추출, 색상 대조값, 그라디언트 생성 등 색상 관련 다양하고 유용한 기능을 제공한다. 앱과 크롬 확장 프로그램으로도 만나볼 수 있다. 2. uigradients.com/ 그라디언트 참고용 사이트. 심플한 UI로 이용이 편리하다. 단점은 그라디언트가 아주 많지는 않다. 📌 웹디자인 공부 1. http://styleguide.co.kr/index.php 웹디자이너를 위한 웹스타일 가이드. 해상도, 아이콘, 타이포그래피 등 웹디자인의 기초적인 내용을 담고있다. 쉬워보이지만 가장 중요하고 놓치기 쉬운 .. 2022. 3. 31. 이전 1 다음 728x90 반응형
