홈페이지 제작 팁과 정보

보편적인 의미를 가진 25가지 아이콘과 사용팁

dy0628 2025. 2. 4. 13:38

 

아이콘은 디자이너가 시각적 혼란을 피하고 UI의 접근성을 높이는데 도움이 됩니다. 하지만 동시에 모든 아이콘이 사용자에게 보편적으로 명확한 것은 아닙니다. 사용자가 아이콘의 의미를 해독하는 데 어려움을 겪으면 사용성이 떨어집니다.

아이콘에 대한 사용자의 이해는 이전 경험을 바탕으로 합니다. 그렇기 때문에 항상 익숙한 아이콘을 사용하는 것이 좋습니다.

 

 

1. 홈(Home)

Home

 

 

2. 검색(Search)

Search

 

 

3. 필터(Filter)

Filter

 

 

4. 편집(Edit)

Edit / modify

 

 

5. 메일 / 메세지(Mail / Messages)

Messages, mail

 

 

6. 폴더(Folder)

Folder

 

 

7. 사용자 프로필(User profile)

User profile

 

 

8. 로드 중(Loading)

Infinite spinner

 

 

9. 프린트(Print)

Print

 

 

10. 좋아요(Like)

Thumb up
Love

 

 

11. 알림(Notifications)

Notifications

 

 

12. 평가(Rate)

Rate item

 

 

13. 북마크(Bookmark)

Bookmark

 

 

14. 공유(Share)

Share icon in iOS

 

 

15. 다운로드(Download)

Download item

 

 

16. 사운드 / 볼륨(Sound / Volume)

Sound OFF/ON, Volume UP/Down

 

 

17. 삭제(Delete)

Delete item

 

 

18. 사진(Photo)

Photo gallery, Photo camera

 

 

19. 동영상(Video)

Video gallery, Video recording, Video conference

 

 

20. 설정(Settings)

Settings

 

 

21. 미디어 제어(Media controls)

Play
Stop
Rewind

 

 

22. 달력(Calendar)

Calendar

 

 

23. 더보기(More)

More

 

 

24. 위치(Location)

Location

 

 

25. 보안(Secure)

Secure

 

 

아이콘 사용 팁

1. 플랫폼 시각적 스타일
타겟팅하는 플랫폼에서 일반적으로 사용되는 아이콘을 숙지하세요. 예를 들어, 주요 플랫폼마다 공유 아이콘의 시각적 스타일이 다릅니다.

 

Android에서의 공유
iOS에서 공유(iOS 7 이후)
Windows에서 공유(2017년 이전)

 

 

2. 아이콘에 너무 많은 세부 정보를 추가하지 마세요.
아이콘을 단순하고 도식적으로 유지하세요. 사물의 필수적인 특성을 시각화하세요. 이렇게 하면 디자인 프로세스의 속도가 빨라지고 그래픽 디자이너가 아이콘을 디자인하기가 더 쉬워집니다. 그리고 아이콘 인식이 향상되며 사용자가 아이콘의 의미를 더 쉽게 이해할 수 있습니다.

너무 많아보이는세부 정보

 

충분한 세부 정보

 

동시에 아이콘을 최대한 단순화하는 것도 방법 중 하나입니다.

 

단순화된 아이콘

 

 

3. 5초 테스트를 통해 아이콘의 의미 테스트하기
새 아이콘을 디자인해야 한다면 항상 테스트하세요. 사용자에게 5초 동안 아이콘을 보고 이 아이콘이 무엇을 의미하는지 물어보세요. 사용자가 모른다고 대답하면 디자인에 개선이 필요하다는 의미입니다.

 

 

4. 텍스트 라벨을 사용하여 의미 전달하기
레이블이 있는 아이콘은 아이콘만 있거나 레이블만 있는 것보다 더 효과적입니다. 텍스트 레이블은 모호함을 줄이고 사용자가 아이콘의 의미를 해독하는 데 도움이 됩니다.

달력

 


출처:

https://uxplanet.org/25-icons-with-universal-meaning-3ac48d22c686