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