WordPress 테마 및 플러그인 디자이너를 위한 25가지 스케치 리소스
게시 됨: 2017-07-18Sketch는 인기가 있지만 슬프게도 지난 몇 년 동안 진정으로 인기를 얻은 Mac 전용 디자인 도구입니다. 모든 종류의 디자인에 사용할 수 있지만 디자이너가 Sketch를 사용하는 방법 중 하나는 WordPress 테마 및 플러그인에 대한 디자인을 만드는 것입니다.
Sketch를 사용하는 WordPress 디자이너를 돕기 위해 WordPress 테마 및 플러그인 디자이너를 위해 가장 좋아하는 Sketch 리소스를 모았습니다. 여기 있습니다!
WordPress 디자이너를 위한 25가지 스케치 리소스
다음 리소스는 다양한 범주에 걸쳐 있습니다. 그러나 다음은 귀하가 찾을 수 있는 대략적인 개요입니다.
- WordPress 전용 관리 템플릿
- 아이콘 세트
- 다양한 디자인 스타일을 위한 UI 키트
- 가져올 수 있는 웹사이트 디자인 개념
- 비디오 플레이어 또는 Facebook 콘텐츠와 같은 특정 요소
- 몇 가지 프로토타입/모형 리소스
뛰어들자!
1. WordPress 관리 템플릿 스케치 리소스
모든 워드프레스 사용자에게 친숙한 워드프레스 편집기부터 시작하겠습니다. 구텐베르크 편집기가 출시되어 모든 것을 변경할 때까지 이 WordPress 관리 템플릿을 사용하여 WordPress 편집기 내부에 표시될 플러그인 또는 테마의 일부를 빠르게 디자인할 수 있습니다.
가격 : 무료 | 추가 정보
2. WordPress 백엔드 포스트 템플릿 스케치 리소스
WordPress 대시보드를 다르게 보고 싶은 경우 이 Sketch 리소스는 개별 WordPress Editor 대신 전체 게시물 목록을 보여줍니다. 다시 말하지만, WordPress 백엔드 어딘가에 표시되는 것을 디자인해야 하는 경우 유용한 옵션입니다.
가격 : 무료 | 추가 정보
3. 스케치용 Google 머티리얼 아이콘
이 리소스에는 Google Material 아이콘 웹사이트에서 직접 가져온 900개 이상의 아이콘이 포함되어 있으며 디자인에 사용할 수 있습니다.
가격 : 무료 | 추가 정보
4. UI 요소
Piotr Adam Kwiatkowski의 세련된 무료 UI 요소 세트. 이러한 요소는 양식에서 제품 목록 등에 이르기까지 다양한 용도로 사용됩니다.
가격 : 무료 | 추가 정보
5. 머티리얼 UI 키트
테마 또는 플러그인 인터페이스를 위해 머티리얼 디자인을 찾고 계십니까? Sergiu Firez의 이러한 머티리얼 디자인 요소는 디자인을 구축할 때 유용할 수 있습니다.
가격 : 무료 | 추가 정보
6. Bootstrap3 그리드 템플릿
Bootstrap을 사용하여 테마를 구축하시겠습니까? Gauthier Eloy의 Bootstrap 3 그리드 리소스는 레이아웃을 설정할 때 유용할 수 있습니다.
가격 : 무료 | 추가 정보
7. 무료 플랫 UI 키트
테마 또는 플러그인에 평면 디자인 스타일을 사용할 계획이라면 Pavel Kreewtsov의 멋진 무료 평면 UI 키트가 몇 가지 일반적인 인터페이스 요소를 시작할 수 있는 좋은 옵션입니다.
가격 : 무료 | 추가 정보
8. 스케치용 Font Awesome 4.3의 완전한 519개 아이콘 세트
Font Awesome은 WordPress 사용자에게 매우 인기 있는 아이콘 세트입니다. Font Awesome 아이콘을 WordPress에 통합하는 방법에 대한 전체 게시물을 작성했습니다.
Sketch에서 동일한 아이콘을 사용하고 싶다면 Sasha Lantukh가 친절하게 변환해 주었습니다. Font Awesome 5.0으로 인해 약간 구식이 될 수 있지만 여전히 도움이 될 것입니다.
가격 : 무료 | 추가 정보
9. 부트스트랩 3 벡터 UI 키트
위에서 Bootstrap 3 그리드와 페어링하기 위해 몇 가지 Bootstrap 3 UI 요소가 필요하십니까? 이 UI 키트에는 벡터 형식의 모든 Bootstrap 3 UI 컨트롤과 Glyphicon 및 보너스 UI 요소가 포함되어 있습니다.
Sketch, Adobe Illustrator 및 PDF 파일에서 모두 사용할 수 있습니다. 따라서 Sketch가 질리더라도 이러한 요소를 계속 사용할 수 있습니다!
가격 : 무료 | 추가 정보
10. 전자상거래 UI 키트
WooCommerce, Easy Digital Downloads 또는 다른 WordPress 전자 상거래 솔루션을 사용 중이신가요? Five Agency의 멋진 전자상거래 UI 키트가 도움이 될 것입니다. 50개 이상의 화면이 포함되어 있으며 모두 모바일용으로 준비되어 있습니다.
가격 : 무료 | 추가 정보
11. 40 소셜 아이콘
여기에는 특별한 것이 없습니다. 3가지 스타일로 된 40개의 소셜 미디어 아이콘으로 구성된 편리한 세트입니다. 소셜 미디어 아이콘이 없는 워드프레스 사이트를 찾는 것은 드뭅니다. 따라서 이를 잘 사용할 수 있을 것입니다.
가격 : 무료 | 추가 정보
12. 새로운 YouTube 플레이어
디자인에 YouTube 플레이어를 포함해야 합니까? 포스트 형식이나 플러그인 요소를 위한 것일까요? Nicolas Carey는 YouTube 플레이어를 위한 이 무료 스케치 리소스를 만들었습니다.
가격 : 무료 | 추가 정보
13. 목업 장치 컬렉션
Facebook 팀의 이 유용한 목업 컬렉션은 디자인 목업에 사용할 수 있는 다양한 장치를 제공합니다. WordPress 디자인에 스마트워치를 사용하게 될지는 모르겠지만 다른 요소가 유용할 것입니다.
가격 : 무료 | 추가 정보
14. 스케치 리소스 보기 체크아웃
이것은 전자 상거래에서 WordPress로 작업하는 모든 사람에게 유용한 또 다른 리소스입니다. 결제 보기 전용입니다.
가격 : 무료 | 추가 정보
15. Wistia 비디오 플레이어 스킨 스케치 리소스
YouTube와 마찬가지로 Wistia는 많은 WordPress 웹사이트에서 볼 수 있는 또 다른 비디오 플레이어입니다. Mikey Casalaina의 이 스케치 리소스에는 전체 Wistia 플레이어와 일부 특정 요소가 포함되어 있습니다.
가격 : 무료 | 추가 정보
16. 지불 로고
이 간단한 Sketch 리소스에는 마스터카드 로고 변경 사항을 설명하기 위한 최근 업데이트를 포함하여 다양한 결제 방법에 대한 결제 로고가 포함되어 있습니다.
결제 로고는 다양한 디자인 유형에 적용되므로 이 로고는 매우 다양해야 합니다.
가격 : 무료 | 추가 정보
17. 1800 아이콘 세트
Font Awesome 세트가 제공하는 것보다 더 많은 Sketch 지원 아이콘이 필요하십니까? Alexandru Stoica는 다양한 용도에 걸쳐 있는 이 방대한 1,800개 이상의 아이콘 세트를 모았습니다(쉽게 검색할 수 있도록 용도별로 유사하게 구성).
가격 : 무료 | 추가 정보
18. 페이스북 포스트
Facebook 게시물은 WordPress 사이드바와 콘텐츠 모두에 표시될 가능성이 높은 것입니다. 디자인에 Facebook 게시물을 포함해야 하는 경우 Pedro Ribeiro의 이 간단한 리소스를 사용하면 시간을 절약할 수 있습니다.
가격 : 무료 | 추가 정보
19. 랜딩 UI 키트
테마의 일부로 전용 랜딩 페이지를 생성해야 하는 경우 lstore.graphics의 이 방대한 랜딩 페이지 UI 키트가 다양한 요소로 도움을 줄 수 있습니다. 이것은 전용 홈 페이지 또는 이와 유사한 것을 만드는 데 좋은 옵션입니다.
가격 : 무료 | 추가 정보
20. 스케치 3 치트 시트
좋아 – 이것은 WordPress 전용이 아닙니다. 그러나 Sketch를 사용하여 보다 생산적으로 작업하는 데 도움이 되는 편리한 치트 시트이며 꽤 도움이 된다고 생각합니다!
가격 : 무료 | 추가 정보
21. 나의 베스트 레스토랑
레스토랑 산업과 관련된 일을 하고 있다면 Vivien Bocquelet의 이 무료 Sketch 리소스가 유용할 수 있습니다. 여기에는 메뉴, 연락처 정보 등에 대한 요소가 포함됩니다.
가격 : 무료 | 추가 정보
22. 필수 프로토타이핑 템플릿
플러그인 또는 테마의 프로토타입을 빠르게 만드는 데 도움이 되는 스타일 및 기호 모음입니다.
가격 : 무료 | 추가 정보
23. 헬륨 UI 키트
Karl Schmidt의 다채로운 UI 키트. 이것은 모든 단일 스타일에 적합하지는 않지만 꽤 화려합니다.
가격 : 무료 | 추가 정보
24. Kanbio 앱 랜딩 페이지
올바른 방향으로 시작하는 데 도움이 되는 간편한 랜딩 페이지 리소스입니다. 다시 말하지만, 이것은 전용 홈페이지에 적합합니다.
가격 : 무료 | 추가 정보
25. 유연한 UI 키트
마지막으로 가입 양식, 가격표, 달력 등과 같은 인기 있는 요소를 포함하여 다양한 용도로 사용되는 Kristaps Elsins의 멋진 UI 키트로 마무리해 보겠습니다.
가격 : 무료 | 추가 정보
가장 좋아하는 스케치 리소스는 무엇입니까?
WordPress 디자이너를 위한 최고의 Sketch 리소스를 찾기 위해 최선을 다했습니다. 그러나 사용할 수 있는 Sketch 리소스가 엄청나게 많은데 하나하나 볼 수 있는 방법은 없습니다.
따라서 다른 디자이너에게 도움이 될 것으로 생각되는 훌륭한 리소스를 놓친 경우 댓글로 공유해 주시면 감사하겠습니다. 그렇게 하면 우리 모두는 모두의 집단 지식으로부터 혜택을 받을 수 있습니다!
Nub1 Iconsdesign / shutterstock.com의 기사 축소판 이미지