디자인 키트 작업의 장단점
디자인 키트는 요즘 어디에나있는 것 같습니다. UI 키트에서 템플릿 및 그리드, 완벽한 디자인 키트에 이르기까지 이러한 도구가 인기있는 이유는 무엇입니까?
오늘 우리는 다른 유형의 디자인 키트를 사용하는 장단점을 살펴보고 다양한 목적으로 시도해 볼 가치가있는 예제의 몇 가지 키트를 보여줄 것입니다.
디자인 키트 란 무엇입니까?
첫째, 디자인 키트의 특성을 이해하는 것이 중요합니다. 이러한 도구는 범위, 비용 및 유용성이 매우 다양합니다.
간단히 말해 디자인 키트는 디지털 디자인 프로젝트를 만드는 데 사용할 수있는 사전 패키지 된 도구입니다. 가장 일반적인 디자인 키트에는 함께 사용하도록 설계된 사용자 인터페이스 아이콘, 버튼 및 그래픽이 포함됩니다. 대부분 사용자 정의가 가능하지만 대부분 키트에 포함 된 공통 색상 및 글꼴 팔레트를 포함합니다.
키트에는 수백 또는 수천 개의 요소가 포함될 수 있지만 단일 항목 (예 : 차트) 또는 격자와 같은 요소가 포함될 수도 있습니다. 일부 디자인 키트는 웹 사이트를 처음부터 만드는 데 사용할 수있는 WordPress 테마와 같은 전체 디자인 템플릿입니다. (일부 인쇄 디자이너는 레터 헤드 나 명함과 같은 항목에 키트를 사용합니다.)
일부 디자이너는이 키트를 프로젝트의 훌륭한 프레임 워크 또는 시작점으로 맹세하지만 다른 디자이너는 처음부터 모든 것을 구축하는 것을 선호하여 이들을 완전히 피합니다.
어떤 이론을 구독하든 디자인 키트 구매, 다운로드 및 사용과 관련된 거의 보편적 인 장단점이 있습니다.
프로 : 시간 절약
키트의 가장 큰 특징 중 하나는 실시간으로 보호 할 수 있다는 것입니다. 키트에는 웹 사이트를위한 수많은 작은 부품을 만드는 대신 미리 디자인되어 준비된 모든 것이 포함되어 있습니다.
최종 사용자의 유일한 약속은 나머지 사이트 디자인에 맞게 색상과 서체를 사용자 정의하는 것입니다. 수행중인 작업의 스타일과 흐름을 반영하는 키트를 선택하십시오. 프로세스 초기에 키트를 구입하고 사이트를 구축 할 때 다른 부분과 사용 방법에 대해 생각하는 것이 가장 좋습니다.
추천 : 다크 벨벳 UI 키트 ($ 39) 및 클린 UI 키트 PSD (무료)
단점 : 관련 비용
최고의 키트 중 일부는 무료가 아니며 프리미엄 기능이 포함 된 키트에 대한 비용을 지불해야합니다. 특정 예산에 따라 금지 할 수 있습니다. 그러나 대부분의 키트는 단일 라이센스에 비해 상대적으로 저렴하며 개발자 라이센스에 대한 수수료가 더 높습니다.
프로 : 일관성 유지
방문 페이지에서 연락처 페이지까지 요소, 버튼 및 아이콘이 동일하고 서로 일치하도록하려면 키트를 쉽게 사용할 수 있습니다. 키트 내에서 모든 요소, 버튼, 아이콘 및 색상은 키트의 다른 요소와 완벽하게 일치하도록 제작되었습니다.
이러한 항목을 사용하면 많은 노력을 기울이지 않고도 깨끗한 일관성을 얻을 수 있습니다. 그것은 조직과 계획을 산들 바람으로 만듭니다. 특정 색상 선택 등을 사용할 수 있도록 모든 사용자 정의를 수행하고 시작하기 전에 저장하십시오.
추천 : 300 Fineline 아이콘 ($ 11) 및 iOS Map 아이콘 (무료)
단점 : 부품이 너무 일치합니다
일부 디자이너는 부품이 "매우 일치"할 수 있기 때문에 키트 스타일로 끌 수 있습니다. 즉, 키트에는 50 개의 버튼이 모두 동일한 모양과 스타일로 레인보우 색상으로 포함되어 있습니다. 그 버튼 중 너무 유사하여 시각적 식별이 더 어렵습니다.
대형 키트에 들어있는 모든 부품을 걸러내는 것은 힘들 수 있습니다. 그러나 선택하십시오. 필요한 것을 알고 그 부품을 사용하십시오. 돈을 가치있게 만들기 위해 모든 것을 디자인에 통합해야한다고 생각하지 마십시오.
프로 : 사용하기 쉬운
디자인 키트를 사용하면 세부 작업이 쉬워집니다. 대부분의 사용자 인터페이스, 요소 및 아이콘 팩에는 사용 및 조작이 간단한 Adobe Photoshop 파일이 포함되어 있습니다. 코드에 대한 지식이없는 디자이너는이 키트의 부품을 쉽게 사용할 수 있습니다.
다른 키트에는 웹 디자인으로의 원활한 전환을위한 CSS 정보도 포함되어 있습니다. (뭔가 개발자는 감사합니다.)
코드를 작성하는 방법과 웹 사이트의 백엔드 작동 방식에 대한 지식이 필요하지만 모든 것을로드하여 게시 할 준비가 되었으면 키트는 계획 과정에서 약간의 추측을 할 수 있습니다. 새롭거나 경험이없는 디자이너에게 특히 유용한 도구입니다.
추천 : 원형 Vipe 앱 템플릿 ($ 3.99) 및 3D 날짜 플리퍼 (무료)
단점 : 불완전한 키트
키트를 구입할 때 자세한 내용을 자세히 읽으십시오. 1, 000 가지 요소를 가진 키트는 실제로 다양한 색상의 소수 요소 일 경우에는 이상적이지 않을 수 있습니다.
소셜 미디어 아이콘, 단추 또는 달력 아이콘과 같은 일부 키트가 테마입니다. 키트에 구매하기 전에 필요한 모든 것이 포함되어 있는지 확인하십시오.
프로 : 학습을위한 훌륭한 도구
키트로 작업하는 새로운 또는 경험이없는 디자이너가 얻을 수있는 가장 큰 장점 중 하나는 아이콘, 요소 또는 색상 팔레트 구성을 살펴볼 수 있다는 것입니다.
다운로드를 통해 디자이너가 세트를 만드는 방법을 볼 수 있습니다. 대부분은 레이어 PSD 파일로 생성됩니다. 키트를 따로 선택하면 자신의 부품을 제작하는 모범 사례, 레이어 작업 및 저장 팁, 기본 구성을 파악할 수 있습니다.
키트로 시작하여 조금만 파고 들어 처음부터 일련의 요소를 만들 준비가되었을 때 진행 방법을 결정하는 데 도움이됩니다. 잘 조립 된 키트를 사용하여 자신 만의 감각을 더할 수도 있습니다. 예를 들어, 6 개의 소셜 미디어 아이콘 키트를 사용하십시오. 아이콘을 따로 선택하고 구성 방법을 확인할 수 있기 때문에 패키지 된 요소가 생성 된 방식을 반영하여 키트에 고유 한 아이콘을 추가 할 수 있습니다.
추천 : Fitnex 반응 형 방문 페이지 ($ 11) 및 6 개의 소셜 미디어 아이콘 (무료)
단점 : 다른 사이트와 비슷해 보인다
디자이너가 키트를 사용하는 데있어 가장 큰 관심사 중 하나는 완성 된 사이트가 다른 사이트와 너무 많이 보일 수 있다는 것입니다. 그리고 그것은 일어난다.
최상의 솔루션은 완성 된 제품이 아닌 시작점으로 키트를 사용하여 부품, 부품 및 사용자 인터페이스 요소가 웹 사이트 디자인의 모양과 도장을 모두 나타내는 것입니다. 키트를“바로 사용하는 즉시”사용하는 경우 다른 키트처럼 보일 것입니다.
결론
키트를 사용하면 시간을 절약하고 일관성을 보장 할 수있어 설계가 쉽고 부품 작동 및 제작 방법에 대해 더 많이 배울 수 있습니다.
반대로 키트는 때때로 가격이 비싸거나 서로 너무 닮은 부품, 불완전한 부품 또는 다른 사이트와 너무 유사한 완성 된 제품을 남길 수 있습니다.
키트는 모든 사람을위한 것은 아니지만 유용한 도구가 될 수 있으며 키트를 사용하는 디자이너 수와 사전 디자인 된 키트의 부품이 포함 된 사이트 수에 놀랄 수 있습니다.