웹관련사이트추천 (17) 썸네일형 리스트형 [웹디자인관련] 쏘카 브랜드 디자인 가이드 사이트 주소 : https://design.socar.kr/ 쏘카 브랜드 디자인 가이드 design.socar.kr - 쏘카 브랜드 디자인 가이드 사이트로, BX팀에서 만든 홈페이지 - 웹디자인이나 앱디자인쪽을 공부하는 UI/UX디자이너라면 참고하면 좋을 사이트 - 로고 다운로드 및 사용방식에 대한 안내 - 컬러가이드를 통한 쏘카의 이미지 구축에 중요한 역할을 하므로 반드시 색상 활용 기준을 준수 - 타이포그래피를 통한 서체 사용방식 및 라이센스 안내 - Iconography를 이용한 아이콘 제작 및 사용방식에 대한 안내 - Photography를 이용한 사진사용에 대한 제한 및 사용방식 안내 - illustration를 이용한 그림 사용방식에 대한 안내 [웹디자인관련] Remain Style Guide http://styleguide.co.kr/ 리메인 스타일가이드 웹 디자이너를 위한 웹 스타일 가이드 styleguide.co.kr 웹디자인 스타일가이드 지침서 - 6명의 디자이너가 디자인에 대해 잘 공부할 수 있도록 잘 정리 - 해상도와 그리드시스템 - 타이포그래피 - 컬러 - 아이콘 - 컴포넌트 - 버튼의 시각적 계층구조 상당히 많은 내용이 들어 있어서 UI/UX디자이너가 공부하기에 매우 좋은 사이트이다. [웹디자인관련] Adobe Color - 색상배색 및 코드를 제공해주는 사이트 주소 : https://color.adobe.com/ko/create https://color.adobe.com/ko/create color.adobe.com - 키워드를 통한 색상배색 추천 - CSS, SASS, LESS등의 코드도 지원 - 팬톤컬러와도 연결을 통해 색상 제공 [웹디자인관련] 팬톤(Pantone) - 팬톤색상을 찾을 수 있는 사이트 사이트 주소 : http://pantone.kr/ PANTONE 팬톤코리아 PANTONE 한국공식, 팬톤컬러칩 전제품 구매 및 상담가능, 팬톤코리아 공식 스토어 www.pantone.kr [HTML/CSS] Ultimate CSS Gradient Generator - CSS그라디언트 코드 제공 사이트 사이트 주소 : https://www.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator from ColorZilla A powerful Photoshop-like CSS gradient editor www.colorzilla.com - CSS3에서 그라디언트 코드를 쉽게 생성해주는 사이트 - 포토샵 그라디언트 에디터처럼 색상을 변경 후 코드만 복사하면 된다. - Radial(원형) 그라디언트도 제공 [폰트] 눈누폰트 - 한글무료폰트안내 사이트 사이트 주소 : https://noonnu.cc/ 상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc - 상업적 이용이 가능한 한글 무료폰트 모음 사이트 - 라이센스에 대한 세부내용들도 자세 설명 - 다운로드 받을 수 있는 주소를 안내 - 웹폰트로 사용할 수 있는 코드도 제공 [웹사이트모음] RWDB - 반응형웹사이트 모음 주소 : http://rwdb.kr/ RWDB RWDB Responsive Web Design dB Web awards, 우수 하이브리드웹·반응형웹 모음 사이트 rwdb.kr - 최신 반응형웹 사이트를 모아놓은 사이트 - 코딩에 관련된 좋은 팁들도 많이 있다. [웹사이트모음] GDWEB - 최신 오픈/리뉴얼사이트 모음 주소 : http://www.gdweb.co.kr/main/ 굿디자인웹 국내 최우수 웹디자인 선정, 웹사이트. 굿디자인웹 www.gdweb.co.kr 이전 1 2 3 다음
