Table of contents
디자인 참고 사이트
디자인, HTML, CSS 등 다양한 참고 사이트를 다 정리해보려고 한다. 개인적으로 아름다운 것이 좋고, 그렇기에 아름답게 만드는 것을 좋아하기 때문에 각종 사이트들을 여기저기에 저장했더니 하나하나 찾아보기도 어렵고해서 비슷한 주제 관련된 사이트를 다 모아서 한 곳에 정리하는 것이 좋겠다는 생각이 들었다.
Design Reference
디자인 뿐만 아니라 모든 종류의 참고 자료를 얻기 좋은 사이트
Website Design
HTML, CSS를 연습할 때 Free website design을 찾아서 하면 좋다. 구글에 검색해도 많은 자료가 나오지만, 아래 사이트에 고퀄의 자료가 많다! 개인적으로 간단한 프로젝트를 진행할 때 디자인이 전혀 감이 잡히지 않을 때 참고하기도 한다.
Color Picker Site
Color Picker Site는 잘 어울리는 색들을 모아 팔레트처럼 제공해주는 사이트이다. 원하는 색 하나가 있다면 그 색과 어울리는 색들을 알아서 추천해주기 때문에 색 조합을 쉽게 만들 수 있다. 또한 원하는 색상의 색상코드 값을 제공하기 때문에 더 쉽게 사용할 수 있다.
- Adobe Color CC
- Coolors
- Color Tool
Colorzilla는 chrome의 확장 프로그램으로 웹사이트의 어떤 색상을 알고 싶을 때 이를 이용하면 색상코드를 알 수 있다. 디자인을 참고할 수 있는 사진을 보고 해당 색상 값을 알고 싶을 때 유용하다. 개인적으로 사이트를 클론하는 연습을 할 때 많이 이용했다.
CSS
CSS에서 gradients나 shadow를 직접 예쁘게 만드는 것은 어려운 작업이다. 이때 아래 사이트들을 참고하면 예쁜 gradients나 shadow를 쉽게 만들 수 있다.
HTML
HTML에 무료로 아이콘을 가져올 수 있는 사이트