디자인 프로젝트에서 아이콘을 효과적으로 사용하기위한 7 가지 팁
아이콘 디자인은 재미있을 수 있습니다. 그러나 일단 당신이 좋은 세트를 가지고 있다면, 당신은 그들과 무엇을합니까?
아이콘은 Facebook 또는 Instagram의 미니어처 링크 일뿐 아니라 디자인을 통해 사용자를 안내하고 추가적인 시각적 효과를 제공하는 완전한 대화식 신호일 수 있습니다. 아이콘은 작거나 크거나, 검은 색 또는 흰색이거나, 색상이 있거나, 평평하거나 복잡 할 수 있습니다. 어떤 스타일이 당신에게 호소하든, 아이콘을 효과적으로 사용하면 거의 모든 디자인 프로젝트의 유용성과 미적 가치를 향상시킬 수 있습니다.
Envato Elements 살펴보기
1. 시각적 관심사 추가
모든 이미지가 숨막히는 풍경이되는 것은 아닙니다. 때로는 이미지가 짧아집니다.
재미있는 도상 법은 다소 흥미롭지 않은 사진에 더 많은 관심을 불러 일으킬 수 있습니다. 아이콘을 사용하여 사진의 내용을 향상시키고 추가 정보를 제공하며 상호 작용 신호를 제공하십시오.
치과 진료소에 대한 위의 예를 들어보십시오 (물론 가장 흥미로운 시각적 개념은 아닙니다). 디자인은 신선하고 밝으며 매력적입니다. 얼굴 옆에있는 간단한 아이콘은“전구 아이디어”를 새롭게 도입 한 것입니다. 작은 이빨에 주목하십시오. 왼쪽 화면의 밝은 부분과 밝은 흰색 아이콘 사이의 균형은 디자인 전체에 눈을 끄는 데 도움이됩니다. 사이트의 나머지 부분은 탐색을 위해 다른 작은 아이콘을 사용합니다.
2. 인터랙션 생성
사용자 상호 작용을 장려하기 위해 아이콘이 특정 게재 위치에 맞지 않아도됩니다. (너무 많은 템플릿은 스크롤에서 세 개의 열 아이콘 / 텍스트 조합을 사용합니다.
아이콘은 실제로 상호 작용을 유발하는 요소가 될 수 있습니다. 항목이 화면을 가로 질러 이동할 수 있도록 아이콘 및 시차 스크롤을 쌍으로 만듭니다. 이미지 나 배경이 다른 아이콘을 겹쳐서 예상치 못한 요소를 만듭니다.
분 선택은 스크롤하려는 방식으로 도해 법을 사용하여 와인의 여행 장면을 만듭니다. 비행기 아이콘은 화면의 화살표를 따라 비행기에서 움직입니다 (스크롤에 반응). 각 라인 아트 아이콘은 사용자가 화면의 해당 부분으로 스크롤 할 때 그림으로 렌더링됩니다. 움직임은 간단하고 클래식하며 매우 효과적입니다.
3. 애니메이션 사용
아무도 아이콘이 정적 요소 여야한다고 말한 적이 없습니다. 그들을 애니메이션!
그러나 너무 미쳐 가지 마십시오. 최고의 아이콘 애니메이션은 아이콘 자체의 내용과 관련이 있습니다. 움직임이 조금 어려울 수 있으므로 너무 빠르면 안됩니다. 사용자가 놓칠 수 있으므로 움직임이 너무 느려서는 안됩니다. 아이콘 이동이 약간의 즐거움을 제공하는 중간에 달콤한 장소가 있습니다.
Sweet Punk는 이것을 훌륭하게 수행합니다. 이 아이콘은 어디에서나 사용되는 "동일한 전구"이며 개인화 도장이 찍혀 있습니다. 전구 내부를 주목하십시오 – 불꽃입니다. 그런 다음 전구가 아이디어 소용돌이 모양으로 튀어 오르면서 재미있는 호버 동작이 있습니다. 또한, 전구 주위의 원형 패턴이 부드럽게 움직이며 마우스 오버 패턴에 반응하는 것 같습니다.
4. 아이콘 클러스터 생성
재미있는 모양, 스케치 또는 수공예 아이콘으로 구성된 클러스터는 재미있는 시각적 효과를 만들 수 있습니다. 이 개념은 아이콘 팩을 배포하는 웹 사이트 (예 : 위와 같은)에 일반적으로 표시되지만 응용 프로그램이 더 넓습니다.
시각적 효과가 부족한 경우 아이콘 행 (대형 또는 크기 초과 사용)을 고려하십시오. 아이콘은 링크 또는 그 자체로 서있는 이미지로 작동 할 수 있습니다. 클러스터는 2 개 또는 3 개의 아이콘 또는 그보다 3 배 많은 아이콘을 포함 할 수 있습니다. 컨텐츠가 의사 결정 프로세스를 주도하게하십시오.
클러스터 된 아이콘을 사용하는 것의 장점은 실제로 상자 밖에서 생각하고 창의적인 것을 할 수 있다는 것입니다. 다른 보너스? 아이콘 팩을 원하는 경우 아이콘 팩으로 시작하여 원하는대로 만들 수도 있습니다. 두 가지 방법 중 하나는 많은 재미가 있으며 완전히 다른 것을 시도 할 수있는 방법을 제공합니다.
5. 최신 유행 요소와 결합
아이콘은 프로젝트 디자인 전략의 일부일뿐입니다. 현대적인 미학을 만들기 위해 콘텐츠에 대해 생각하고 다른 유행 요소와 아이콘을 결합하십시오.
아이콘 사용에 대한 좋은 점은 스타일 유연성입니다. 아이콘은 라인 아트, 스케치 기반 스타일에서 플랫 컷 아웃 디자인, 정교한 미니어처 조각에 이르기까지 모든 모양과 형태로 나타납니다. 프로젝트의 디자인 스타일을 결정한 후에는 해당 시각적 톤과 일치하는 아이콘 세트를 만드십시오.
아이콘의 역사를위한 웹 사이트는 이것을 아름답게합니다. 이 사이트는 아이콘 스타일이 수년에 걸쳐 어떻게 진화했는지 보여줍니다. 더 많은 영감을 원한다면 멋진 사례 연구입니다. 그러나 모든 아이콘은 재료 디자인 스타일 패턴으로 컨테이너 요소 안에 배치되어 있으며 평평한 레이어, 촉감이 특징입니다 움직임, 깨끗한 타이포그래피 및 밝은 색상.
6. 기발한 비틀기
특정 아이콘의 경우 사용자가 해당 요소의 기능을 정확하게 알 수 있도록 사용하려는 표준 디자인이 있습니다. 여기에는 소셜 미디어 링크, 검색, 쇼핑 카트 및 탐색 화살표 아이콘이 포함될 수 있습니다. 새로운 디자인의 유용성을 절대 희생해서는 안됩니다.
그러나 이러한 표준 아이콘 스타일에 기발한 왜곡을 가할 수 있습니다. 색상을 변경하거나 모양을 조정하거나 스타일에서 아이콘을 다시 그릴 수도 있습니다. 비결은 시각적 인 인식을 유지하면서 고유 한 느낌을주는 작업을 수행하여 사용자가 아이콘의 의미에 대해 의문을 가지지 않는 것입니다.
간단한 변경은 먼 길을 갈 수 있습니다. 이러한 종류의 조정은 공통 요소가 디자인 및 시각적 스토리의 일부가되는 데 도움이 될 수 있습니다.
Little Puds & Co.는 절대적으로 매력적인 방식으로이를 수행합니다. 상단 모서리의 공통 아이콘은 식별 가능하지만 웹 사이트의 브랜딩 색상을 사용합니다. 아이콘은 일반적인 Facebook 및 Instagram 색상 팔레트에서보다 약간 부드러워 보이며 디자인 전체에서 사용되는 더 기발하고 아이 같은 스타일과 일치하는 것처럼 보입니다.
7. 커스텀 스케치 생성
아이콘은 그 자체로 미니어처 아트 캔버스 일 수 있습니다. 도해 경향은 초평면, 라인 아트 렌더링에 더 많이 의존하지만, 세부 스케치는 자신 만의 훌륭한 사용자 정의 옵션을 제공 할 수 있습니다.
모든 손 스케치 세트는 다릅니다. 소유 할 수있는 것을 찾는 것 외에는 분류 할 수있는 실제 방법이 없습니다. 스케치 된 아이콘은 종종이를 사용하는 브랜드의 정체성의 일부입니다.
Infinity Foods는 디자인 전반에 걸쳐이 스타일을 훌륭하게 사용합니다. (실제로 클릭하면 전체 아이콘 세트를 볼 수 있습니다.) 스케치 스타일은 로고로 시작하며 디자인의 모든 아이콘 요소에 대해 동일한 세부적인 연필 스타일이 사용됩니다.
결론
아이콘은 디자인 프로젝트에서 가장 적게 생각되는 요소 중 하나 일 수 있지만 가장 흥미로운 요소 중 하나 일 수 있습니다. 좋은 도해 법은 프로젝트를 깔끔하게 정리할 수있는 방법으로 만들 수 있습니다.
아이콘 작업의 좋은 점은 좋은 벡터 기반 세트를 다양한 방법으로 다양한 크기로 사용할 수 있다는 것입니다. 할인 구독 가격으로 수천 개의 아이콘을 잡으시겠습니까? 창조적 인 VIP는 당신을 덮었습니다!
