2020 년의 아이콘 디자인 : 주요 트렌드

/2015-04-19 10:42:27/
Braydenn
/프로그램들/

아이콘은 포트폴리오에서 디자인의 가장 중요하고 과소 평가 된 예 중 하나 일 수 있습니다. 다음은 영감을주는 예제가 포함 된 아이콘 디자인입니다.

아이콘 요소는 거의 모든 곳에 표시되지만 때로는 나중에 생각할 때 생성됩니다. 그렇지 않습니다. 훌륭한 아이콘 디자인은 독창적이며 프로젝트에 섬세함과 감각을 더할 수 있습니다.

2020 년의 새로운 기능과 아이콘 디자인의 최신 기능을 살펴 보겠습니다!

Envato Elements 살펴보기

1. 색깔 모양을 가진 선 아이콘

거의 모든 디자인 요소와 잘 어울리는 다양한 스타일로 인해 선 아이콘은 항상 인기있는 선택입니다. 트렌드는 종종 선 아이콘 뒤에 원 또는 사각형의 형태로 팝 컬러로 조금 더 시각적 인 관심을 더합니다.

색상 모양은 선 아이콘 디자인의 일부를 채울 수 있지만 종종 배경에 떠있는 것이 아닙니다. 이 작은 시각적 관심은 아이콘 세트를 묶거나 브랜드 색상을 강조하거나 오래된 라인 아이콘 사이트를 새로 만들 수 있습니다.

아이콘 디자인의 까다로운 부분은 색상 모양 요소의 배치 및 크기입니다. 색상이 너무 크거나 너무 밝 으면 아이콘에서 벗어날 수 있습니다. 모양이 너무 작 으면 실수처럼 보일 위험이 있습니다.

완벽한 크기는 없지만이 추세를 사용하는 대부분의 아이콘은 색상 모양을 전체 아이콘 크기의 약 1/4로 유지합니다.

2. 추상 아이콘 모양

어떤 아이콘이 콘텐츠를 나타내는 지 확실하지 않습니까? 추상적 인 아이콘 모양이 답이 될 수 있습니다.

더 많은 디자이너들이 웹 사이트에서 사용할 추상 스타일 아이콘을 만들고 있습니다. 이 스타일에 대한 좋은 점은 일반적으로 트렌드는 추상적 스타일이 기발한 느낌을 주며 디자인의 전반적인 전체 트렌드와 일치한다는 것입니다.

추상적 인 모양으로 작업하는 열쇠는 실수로 무언가를 복제하지 않고 아이콘이 실제로 추상적임을 확인하는 것입니다. (예를 들어, 로고와 유사한 아이콘을 만들려고 시도하지 마십시오. 오류처럼 보일 수 있습니다.) 실제로 일치하는 항목에는 아이콘 및 브랜드 자료에 동일한 색상 표를 사용하십시오.

3. 원색

기본 색상 팔레트는 작은 디자인 요소에 대해 대담하고 밝으며 매력적인 선택입니다.

이 아이콘 디자인 트렌드는 빨간색, 파란색, 녹색 및 노란색 (보라색 및 주황색과 함께)을 사용하여 기본 색상 규칙 세트를 만듭니다. 이 스타일을 작동시키는 것은 화면의 작은 요소에주의를 집중시키기 위해 색상에 초점을 맞추는 것입니다. 기본 색상은 또한 최근에 팔레트를 지배 한 모든 "재료"밝기에서 두드러집니다.

그라디언트 (또는 위의 예와 같은 인조 그라디언트)로 디자인을 부드럽게하여 색상 팔레트가 너무 기본적으로 보이지 않도록합니다. 기본 색상으로 작업 할 때 선외로 가지 마십시오. 압도적 인 터치가 될 수 있습니다. 음소거 된 기본 팔레트 또는 단색 체계를 고려하십시오.

4. 배경 아이콘이있는 아이콘

일부 트 렌딩 아이콘에는 자체 아이콘이 있습니다. 진심으로!

아이콘을보다 정교하게 사용하기 위해 – 여기에서는 작은 파비콘을 사용하지 않습니다. – 아이콘을 쌓아서 더 많은 아트 요소를 만들 수 있습니다.

이 추세는 종종 주요 초점 아이콘과 배경 아이콘을 구별하기 위해 색상과 음영을 사용합니다. 기본 아이콘은 종종 풀 컬러 또는 채워진 아이콘입니다. 배경 아이콘은 거의 항상 선 스타일이며 연한 색상 팔레트가있을 수 있습니다.

여러 가지 방법으로 아이콘을 혼합하고 일치시켜 미리 만들어진 많은 아이콘 키트로이 효과를 만들 수 있습니다. 비슷한 테마의 아이콘으로 깊이와 시각적 관심을 만들고 장면이 너무 바빠지는 것을 막기 위해 소수의 요소를 고수하십시오. 요소를 사용하고 재사용하는 것을 두려워하지 말고 배경과 전경에서 동일한 아이콘 (대체 선 및 채워진)을 사용하십시오.

5. 2 색 아이콘

인기있는 선 아이콘 스타일을 기반으로하는 다른 아이콘 디자인 트렌드는 2 색 요소를 만드는 것입니다.

2 색 아이콘은 기존 색상 팔레트 또는 브랜드 색상을 기반으로하거나 거의 모든 다른 색상 쌍을 결합 할 수 있습니다. 아이콘 트렌드를 사용하여 디자인 할 때는 사용하려는 배경에서 눈에 띄는 색상 쌍을 찾으십시오.

디자인과 관련하여 대부분의 아이콘에 대한 기본 색상을 선택하십시오. 아이콘의 요소를 강조하려면 보조 색상을 사용하십시오. (디자인의 70 %-80 %에 기본 색상을 사용하고 나머지 색상에 보조 색상을 사용한다고 가정하십시오.)

이것은 아이콘 디자인에 악센트를 만들어 디자인 요소에 눈을 끌고 주변 내용을 둘러보기를 바랍니다.

6. 아이콘“Shorthand”

앱 스토어를 탐색하면 메일 앱 봉투, 생산성 앱 확인, 보안 앱 잠금 등 많은 공통 표시가 나타납니다.

이 아이콘 속기는 사용자에게 앱의 기능을 알려주는 빠른 시각적 메시지를 제공합니다. 이 같은 속기는 거의 모든 아이콘 디자인에 보편적으로 적용됩니다. 디자이너가 자신의 스타일로 아이콘을 실험하는 동안 특정 의미를 위해 아이콘을 사용하는 경향이 있습니다.

그리고 이것은 좋은 것입니다. 아이콘을 한눈에 쉽게보고 이해할 수 있어야합니다. 아이콘은 사용자가해야 할 일과 디자인과 어떻게 상호 작용해야 하는지를 알려줍니다. 이 일반적인 아이콘 속기는이 작업을 수행하는 방법에 대한 훌륭한 진화입니다.

7. 밝은 색상

밝은 색상 선택은 디자인의 모든 측면에서 큰 문제였습니다. 그것은 아이콘과 다르지 않습니다. 밝은 색상은 아이콘에 눈을 끌 수있는 매력적인 방법입니다.

아이콘 디자인 트렌드와 관련하여 색상은 몇 가지 다른 방식으로 사용됩니다.

흰색 또는 검은 색 선 스타일 아이콘이있는 배경으로
보다 사실적인 모양의 풀 컬러 아이콘 요소
더 평평하고, 그라디언트이거나, 매우 밝은 디자인의 아이콘 요소

밝은 제품군에서 인기있는 색상 선택에는 노랑, 파랑, 녹색 및 자주색이 포함됩니다. 이 색상은 밝은면에 있으며 아이콘 세트에 대해 3 ~ 5 개의 색상으로 색상 팔레트를 제작하는 것이 일반적입니다.

어디서부터 시작해야할지 모르겠습니까? 머티리얼 팔레트는 컬러 아이콘 디자인 트렌드 인 경우 큰 컬러를 보여줍니다.

8. 로고 아이콘

아이콘이있는 로고 수를 기록해 두십시오. 일단 당신이 그것에 대해 생각하기 시작하면 로고 디자인의 작은 아이콘을 모두 볼 수 없을 것입니다.

로고의 아이콘에 대한 좋은 점은 브랜드 이름으로 작동하며 시간과 브랜드 자산이 독립적 일 수 있다는 것입니다. 위의 예를 생각해보십시오. Spotify. 음악 제공 업체가 브랜드 범위 내에서 오래 지속되지는 않았지만 3 줄의 원은 식별이 가능합니다.

아이콘은 강력한 아이콘의 열쇠 인 색상없이 작동하며 단독으로 또는 글자로 표시 할 수 있습니다. 이러한 다목적 성으로 인해 아이콘이 로고 디자인에서 인기있는 요소 인 이유를 쉽게 확인할 수 있습니다.

9. 서클

원은 가장 조화로운 모양 중 하나입니다. 그리고 아이콘 디자인에 있어서는 다소 인기가 있습니다. 구 안에 포함 된 아이콘부터 개체 내 원까지 원을 사용하여 디자인 마크를 만들면 사용자에게 딱 맞는 느낌을 줄 수 있습니다.

(디자인의 서클에 대해 더 알고 싶습니까? 여기에 있습니다.)

아이콘 디자인에서 원의 영향의 일부는 머티리얼 디자인과 함께 Google이 설정 한 일부 지침과 다시 연결될 수 있습니다. 모든 원형 버튼은 휴대 전화를 두드리기에 완벽합니다. 그리고 같은 철학이 아이콘 디자인에도 적용됩니다. (아이콘이 얼마나 자주 터치하거나 클릭 가능한 요소인지 생각하십시오.)

이 아이콘 트렌드에 약간의 트릭이 될 수있는 부분은 다른 모양이 사용되는 모든 장소에 원을 메쉬하는 것입니다. 앱 아이콘은 정사각형 인 경향이 있습니다. 소셜 미디어 프로필은 원형 (및 사각형)입니다.

둥근 아이콘을 만들 때는 다른 위치에 맞게 자주 축소해야하므로 아이콘 디자인의 내용을 작은 크기로 쉽게 이해할 수 있어야합니다.

10. 선 스타일 아이콘 디자인

선 스타일 아이콘은 결코 낡아지지 않은 트렌드 인 것 같습니다.

그 이유 중 하나는이 아이콘 스타일이 거의 모든 배경 유형에서 작동 할 수 있기 때문입니다. 많이 사용되는 다운로드 가능한 아이콘 팩에는 이러한 다양성 때문에 종종 선 스타일 디자인이 포함되어 있습니다.

위의 예제에서 쉽게 볼 수 있습니다. 각 아이콘은 거의 모든 크기로보고 이해하기 쉽습니다.

11. 간단한 요소와 표현

2020 년의 다른 대부분의 디자인 트렌드와 마찬가지로 단순성은 아이콘 디자인의 일부이기도합니다. 간단한 모양과 지리가 결합되어 아이콘에 대한 거의 단순한 표현을 만듭니다.

그 결과 사용자가보기에 매우 교묘 한 디자인입니다.

위의 음식 아이콘을 사용하는 예에서 각 아이콘은 아이콘에서 원의 공통 스레드를 사용합니다. 아이콘 자체의 전체 모양이거나 아이콘 디자인의 일부일 수 있습니다. 이 모양은 프로젝트에서 각 아이콘을 서로 연결합니다.

12. 그라디언트 아이콘

2019 년의 주요 테마 중 하나가 된 그라디언트 색상 추세는 아이콘 디자인의 요소이기도합니다. 선 획의 간단한 그라디언트 (예 : 위의 예)에서 그라디언트 배경의 전체 그라디언트 색상, 흰색 아이콘에 이르기까지이 색 구성표가 널리 사용됩니다.

아이콘 (및 전체)에서 그라디언트를 사용하는 것이 매우 매력적일 수 있습니다. 트렌드를 사용하는 방법에는 여러 가지가 있습니다. 그라디언트를 추가해도 여전히 다른 모양의 프로젝트가 없을 수 있습니다.

13. 간단한 채색에 초점

아이콘 디자이너는 색상과 반대되는 접근 방식을 취하고 있으며 이러한 작은 디자인 요소에 대해 더 단순하고 제한된 기본 색상 팔레트를 고수합니다.

제한된 팔레트를 사용하는 것이 좋습니다. 너무 작은 디자인에서는 너무 많은 색상이나 디테일이 공간을 빠르게 압도하고 눈에 부담을 줄 수 있습니다.

아이콘이 무엇인지 또는 색상이 무엇을 의미하는지 사용자가 생각하지 않아도됩니다. 정교한 색상을 포함하여 세부 묘사의 양을 제한하면 각 개별 아이콘을보다 쉽게보고 이해할 수 있습니다. 가장 작은 크기로 사용되는 아이콘이 가장 중요합니다.

14. 모든 앱 스타일

아이콘의 인기가 너무 높아진 이유 중 하나는 이미 거의 모든 것을 위해 아이콘을 디자인하고 있기 때문입니다. 앱 아이콘에서 파비콘 또는 데스크탑 아이콘의 앱 스타일 아이콘에 이르기까지이 스타일은 거의 모든 곳에 있습니다.

앱 스타일 아이콘의 스타일은 거의 다릅니다. 여기에는 다음이 포함됩니다.

모양의 사각형
둥근 모서리
컬러 배경 (보통 단색)
아이콘 안에 간단한 모양
아이콘과 배경색 사이에 충분한 대비
텍스트 나 글자가 없습니다

15. 두껍고 균일 한 스트로크

선 스타일 아이콘이 인기있을뿐만 아니라 굵은 선 획이있는 아이콘이 특히 인기가 있습니다.

단색 응용 프로그램 용으로 자주 설계된이 아이콘은 색상 또는 사진 배경 위에 흰색 또는 검은 색으로 자주 사용됩니다.

두껍고 균일 한 획이있는 아이콘은 장바구니 아이콘 또는 연락처 아이콘과 같이 가장 자주 사용됩니다. 아이콘 모음에는 자주 사용되지 않습니다.

16. 플랫 아이콘 인기 유지

평면 디자인에 대한 많은 초점이 사라졌지 만 아이콘 디자인은 여전히 평평합니다 (또는 최소한 거의 평평합니다).

이것은 플랫 디자인의 초 단순 특성과이 모양이 다른 여러 스타일과 상당히 쉽게 통합 될 수 있다는 아이디어 때문일 것입니다.

여기에 소개 된 아이콘 디자인 예제 및 트렌드 중 일부를 보더라도 대부분이 평평하다는 것을 알 수 있습니다. 예를 들어 선 스타일 아이콘은 거의 항상 평평합니다.

17. 이모티콘 아이콘

그림 이모티콘은 거의 대부분 자신의 언어가되었습니다.보다 시각적 인 의사 소통 방식으로 점점 더 일반적으로 받아 들여지고 있습니다.

아이콘 디자인은 이모 지와 같은 느낌을줍니다. 이 아이콘은 사람이나 생물의 머리 모양에 초점을 맞추기 때문에 식별 할 수 있습니다. (위의 스타 워즈에서 영감을 얻은 이모티콘 아이콘은 아이콘 디자인을 재미있게 즐기는 방법의 좋은 예입니다.)

이 아이콘 스타일은 연락처 페이지 나 디자인에서 사람이나 개인을 나타내는 데 효과적입니다.

더 나은 아이콘을 디자인하는 방법

좋은 아이콘이나 아이콘 세트를 만드는 것은 아이콘 디자인의 최신 트렌드 중 일부를 뛰어 넘는 것 이상입니다. 작은 크기의 아이콘으로 인해 세부 사항과 정밀도에 대한주의가 디자인 프로세스의 중요한 부분입니다.

2019 년에도 아이콘 디자인에는 간단한 규칙이 적용됩니다. 위의 최신 유행 아이디어와이 가이드 라인을 결합하여 좋아하는 것을 만드십시오.

그리드로 시작
지오메트리로 빌드
독특한 모양 만들기
공간이 충분한 아이콘 제공
브랜드 색상을 고수
일관된 디봇 사용
가장 작은 크기의 디자인
장식하지 마십시오

아이콘 디자인 지침

"있는"내용을 유지하는 좋은 방법은 그래픽 표준과 스타일 가이드를 보는 것입니다. Apple 또는 Google의 접근 방식이 변경 될 때마다 다른 모든 사람도 변경됩니다. 새로운 스타일은 종종 아이콘 디자인의 시간과 경향을 반영하기 때문에 부분적으로 그리고 부분적으로 필요하기 때문에.

여기에서 지침을 찾을 수 있습니다.