오늘 이 디자인의 디자인 아이디어와 주의가 필요한 점을 여러분과 함께 나누겠습니다. 다음 세 가지 측면에서 현재 유행하는 아이콘 그리기 방법을 분석해 보세요! 개요 공유: 1. 스태킹 기술 2. 아이콘 그림 3. 단색 약한 그라데이션 투명 아이콘 스택 기술은 이름에서 알 수 있듯이 아이콘 사이에 깊은 관계가 있습니다. 이러한 방식으로 처리하면 아이콘 계층을 풍부하게 하고, 디자인 세부 사항을 늘리고, 단조로운 단색 평면 아이콘을 깨뜨릴 수 있습니다. 보통 대부분의 사람들은 아이콘을 디자인하고, 그래픽을 직접 그리며, 이렇게 하면 더 이상 깊이 들어가지 않는다. (알버트 아인슈타인, 자기관리명언) 이 아이콘은 지루하고 평범해 보인다. 앞의 그림에서 볼 수 있듯이, 인터페이스에서 아이콘을 세밀하고 투명하게 처리하면 효과가 완전히 달라질 수 있습니다. 여기서 주목해야 할 것은, 일반적으로 아이콘의 인터페이스가 계단식으로 되어 있고, A 에서 B 까지 선형 그라데이션이 있다는 것입니다. 사례: Atlassian 의 브랜드 아이콘 시스템 사용 권장 사항: 영역 아이콘에 사용하면 더 좋을 수도 있고, TabBar 에서 일반적으로 선이 굵은 아이콘으로 되어 있습니다. 그래픽 아이콘은 사용하기 쉽고, 아이콘을 추상적으로 확대하여 그래픽으로 바꾸는 방식입니다. 일반적으로 카드 디자인에 사용됩니다. 왼쪽 카드에서 아이콘은 직접 획 효과를 사용합니다. 카드에 약간의 음영 그래픽이 추가되었지만 전반적인 효과는 약간 평범하다. 아이콘을 다시 그리면 현재 의미를 표현할 수 있을 뿐만 아니라 설계 상세 정보 및 품질도 향상됩니다. Ideas 확장의 다른 예: 물론 아이콘을 확대하고, 색상을 배경으로 나누고, 아이콘과 문안을 프런트에 놓을 수 있다는 생각도 있습니다. 그림과 같이, 나는 처음 두 가지 생각, 그래픽 배경, 스택 아이콘을 종합적으로 활용했다. 여러분들이 여기서 그래픽을 어지럽히지 말고 아이콘 그래픽으로 진화해 주시기 바랍니다. 단색 약한 그라데이션 투명 아이콘 icon 은 약한 그라데이션 투명으로 처리되며, 첫 번째 것과 비슷한 사고방식을 가지고 있습니다. 그러나 이 방법은 아이콘의 전체 투명도 범위가 더 넓습니다. 먼저 한 가지 사례를 직접 살펴보자. 이 아이콘은 비교적 새로운 패션감과 풍부한 층을 준다. 이 아이콘은 어떻게 처리합니까? 인식할 수 없는 문제에 주의를 기울이는 것이 중요하다. 왼쪽 그림에서 볼 수 있듯이 아이콘과 배경은 거의 하나로 통합되며 주요 요소는 명확하지 않습니다. 정확한 처리가 딱 맞아서 아이콘의 의미도 식별할 수 있다. 투명성과 카드 바탕색 사이의 관계에 주의해야 합니다. 마지막으로 아이콘 디자인에 관한 세 가지 팁을 써서 몇 번 더 볼 수 있는데, 생각은 비교적 간단하고 직설적이다. 물론, 가장 중요한 것은 융통성 있는 운용이다. 이 세 가지 사고방식을 결합하여 아이콘을 설계할 수도 있다. 이 글은 단지 옥을 유인하기 위해서일 뿐, 이러한 아이콘 처리 기술은 모든 장면에 적용되는 것은 아니다. 여러분은 여전히 자신의 제품 특징에 따라 적당한 돌파구를 찾아 설계해야 합니다.