1. Навіщо потрібні іконки
2. Де брати іконки
3. Правила хороших іконок
4. висновки

Якщо у вас велика кількість тексту на сторінках сайту або ж ви хочете зробити зручніше і зрозуміліше перегляд категорій товарів і послуг, вам допоможуть іконки. У статті ми розглянемо, де використовувати іконки і як підібрати їх для свого сайту.

Навіщо потрібні іконки

Іконка - це маленьке зображення, яке використовується на сайтах, в додатках, програмах, а також у звичайному житті.

Іконки використовуються для:

• навігації
  Іконки використовуються в меню, наприклад, для категорій товарів.
• перерахування послуг
  Використання іконок в поєднанні зі списком послуг робить такий список більш привабливим.
• Захоплення відвідувача при читанні довгої сторінки
  Іконки використовуються як графічні роздільники між шматками тексту (абзацами). Такий підхід підвищує зручність читання тексту. Також іконками вважаються картинки з маркованих списках (наприклад, плюси і мінуси продукту, наявність можливостей).
• Кнопок цільових дій
  Кнопки з іконками привертають увагу користувача (наприклад, Завантажити презентацію - використання іконки «дискета» (зберегти), Задати питання - використання іконки «питання»).

Основне завдання іконок - допомогти користувачеві в процесі сприйняття інформації.

Ще одна можливість використовувати іконок - це favicon. Favicon ( "фавікон") - це маленька картинка, яка з'являється в списку сайтів (наприклад, при пошуку в Яндексі) і в лівому верхньому куті браузера при перегляді Вашого сайту. Favicon служить ще одним засобом для індивідуалізації сайту.

Де брати іконки

• Купити або завантажити безкоштовні іконки
  Особливості: не завжди можна знайти підходящі іконки під свої потреби, іконки можуть відрізнятися за стилем.
  iconfinder.com
  iconza.ru
  freeicons.net.ru
  iconsearch.ru
• Замовити у приватного фахівця (знайти на free-lance.ru , freelansim.ru ) Або у компанії ( 7icons.ru , favicon.ru , icondesignlab.com , turbomilk.ru )
  Особливості: середні і високі ціни, потрібно чітке завдання. Але можна заощадити багато часу на пошук іконок, особливо іконок унікальних і одного стилю.

Правила хороших іконок

• Іконки повинні бути одного стилю (можна навіть значок rss зробити в своєму стилі, зберігши основу).
• Іконки не повинні бути схожі один на одного, тому що користувачі можуть помилитися і переплутати значки. У більшості випадків крім іконки є і підпис, але користувачі рідко читають підписи, більше орієнтуючись на картинку.
• Іконки краще робити простими: не розміщувати в іконці більше 1-2 елементів.
• Іконки повинні легко читатися: якщо одну іконку по-різному розуміють кілька людей, значить іконка погана, незрозуміла.

Корисні поради

• Не всі іконки слід робити унікальними. Наприклад, слід використовувати звичні користувачеві іконки: rss, обране (сердечко або зірочка), поділитися, скачати.
• Навіть маленькі іконки можуть бути ефективні для сайту. Головне, щоб іконки були зрозумілими, близькі за змістом до тексту, на якому акцентують увагу.
• Зазвичай іконки розміщують зліва від тексту. Розміщення іконок справа використовується рідше і іноді виглядає неохайно.
• Розміри іконок: найменші 16 * 16 (для favicon), в основному на сайтах використовують 24 * 24, 32 * 32 і 48 * 48.
• Популярні формати для іконок: .ico, .png, .gif. ico найбільш поширений.
• Вибір стилю іконок: іконки повинні гармоніювати із загальним дизайном сайту. Об'єднуючі чинники: колірна гамма, перспектива, розмір.
• В іконах періодично використовують різні кольори, тривимірність, тіні і напівпрозорість. Не скрізь подібні модні фішки потрібні, особливо на маленьких іконах.
• Не можна іконками замінити текстовий опис або назву. Звичайно додають підписи під іконками або виводять назву (опис) іконки при наведенні на неї.
• Щоб створити зрозумілу іконку, напишіть що визначають слова для блоку, який хочете виділити. Подивіться, як зроблено у конкурентів і аналогів (які іконки використовуються).
• Іноді необхідно враховувати соціальні та національні особливості: наприклад, в деяких країнах не використовують монети, і при підготовці іконок для платіжної системи буде зайвим зображення монети.
• Найчастіше використовують прозорий фон, щоб отримати іконку, яку можна розмістити де завгодно.
• При створенні маленької іконки краще не намагатися відтворити перспективу або вмістити в іконку весь елемент (можна вмістити лише частину).
• Не використовуйте занадто багато іконок: користувачі можуть «загубитися» при великому різноманітті різних іконок, і перестати сприймати їх як корисний елемент вмісту сторінки сайту.

Приклади використання іконок

Іконки в перевагах сервісу (дизайн в подарунок, розкрутка, ім'я сайту ru), іконка «конвертик» поруч з адресою електронної пошти, а також іконки соцмереж для авторизації.

Іконки-начерки в описі роботи системи SeoPult

Ще більше прикладів тут і тут .

висновки

При підборі іконок намагайтеся думати про вашу аудиторії: чи зрозуміло дане зображення, які візуальні образи звичні вашим відвідувачам. Пам'ятайте, що іконки є хорошим доповнюючим елементом сайту, але не можуть замінити хороший опис.

17 квітня 2013