Можливості, які дає стандартизація іконок

В основі іконки лежить легко впізнавана метафора. За рахунок цього вони є ефективним інструментом передачі інформації. У цій статті ми обговоримо стандарти, за якими ці символи створюються, і розглянемо варіанти їх застосування. Ви зможете вивчити методи створення цих елементів дизайну на конкретному прикладі і включити їх в розробку ваших проектів.

Чому ми використовуємо іконки?

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

На перший погляд використання тексту замість іконок здається не таким вже й страшним. Але при постійній роботі тільки з текстом мозок буде змушений переробляти великі обсяги інформації. Символи ж спрощують розумовий процес, тому що є інтуїтивно зрозумілими. Завдяки їм, пошук необхідної інформації стає простіше і швидше.

Для чого використовуються стандарти іконок

Ще одна перевага - іконки долають мовні бар'єри. Вони працюють ефективніше, коли дизайнери враховують загальноприйняті універсальні світові стандарти при їх створенні. Це ще одна причина, чому іконки так часто використовуються в програмному забезпеченні - вони виключають необхідність перекладу і є доступними для користувача будь-якої країни.

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

Використання стандартної іконки: приклад

Як простий приклад підійде завдання розробити кнопки з гендерних відмінністю. Ви можете почати з створення двох активних кнопок з написами "Чоловіки" і "Жінки» відповідно. Крім того, ви можете додати кольору, які традиційно асоціюються з чоловічою і жіночою статтю

Але що якщо ці кнопки будуть призначені для широкої аудиторії з 50 різномовних країн?

Ви будете змушені створити кілька кнопок на різних мовах, щоб вони всі змогли зрозуміти, про що йде мова.

В іншому випадку, ви можете використовувати комунікативну силу значків і символів. Як ви уявляєте собі візуально жінку і чоловіка? Замість того, щоб напружувати мозок і думати, яким чином люди з 50 країн зможуть зрозуміти ваші слова, зверніться до стандартних загальноприйнятим метафор. Символ «Чоловік» і «Жінка» без роздумів буде відразу зрозумілий людині з будь-якої країни.

Подібні символи на активних кнопках впізнавані усіма. Це було не дизайнерське рішення, а простий приклад, який допомагає зрозуміти силу використання іконок для комунікації.

Виявлення правил і стандартів створення іконок

Символи «Чоловіки» і «жінки», які ми розглянули вище, не є обов'язковим "стандартом» тільки через те, що вони були офіційно схвалені і ліцензовані для використання в міжнародному комітеті професіоналів дизайну. Ці іконки стали загальновизнаними завдяки широкому розповсюдженню і використанню. Безліч людей в тій чи іншій частині планети розуміє, що вони означають.

Гарна обізнаність допомагає створити іконки, доступні і зрозумілі широкому колу людей. Однак, іноді придумати значок, який стане універсальним не так вже й просто. Ось перелік стандартних метафор, які ви можете без праці розпізнати - аркуш паперу в кутку папки, яка означає поняття «документ», збільшувальне скло для «пошуку», корзина для покупок. яка символізує «цифрову» кошик. А ось придумати метафори для таких слів, як «репутація» або «мета» буде вже складніше.

Є хороший метод дізнатися, чи існує загальновизнаний стандарт на ту чи іншу метафору. Можна відкрити пошук картинок в Google і ввести слово для перевірки. Якщо ви побачите багато схожих значків, то можете вважати, що це традиційна метафора. Інший спосіб - опитати оточуючих людей і дізнатися, що їм перше спадає на думку, коли вони чують те чи інше слово.
Багато метафори широко поширені в сфері програмного забезпечення. Чим частіше вони зустрічаються, тим швидше стають стандартами і правилами, визнаними в співтоваристві дизайнерів. Хороший приклад того, як іконка стала стандартом - значок RSS.

Як іконка стає стандартом

Одним з найпоширеніших був помаранчевий блок з написом. Але потрібна була метафора для відображення концепції каналу, а не просто текст.

З ідеєю створити просту іконку, яка б відображала всі протоколи синдикації, Стівен Хорландер придумав те, що сьогодні знайоме нам всім - помаранчевий значок RSS. Він спочатку був створений для Firefox 1.0 і не відразу став універсальним. Його дизайн відбивав функцію транслювання інформації і просувався, щоб бути прийнятим в інтерфейс Internet Explorer і Outlook. Визнаним же стандартом ця ікона стала після того, як її почали використовувати вищевказані додатки, а також Opera.

Стандарти для іконок обумовлені широким використанням

Інший приклад, коли значок стає стандартним, шляхом широкого застосування - це іконка «Поділитися» у Apple. Ви можете легко її розпізнати, так як вона присутня в додатках iOS і OSX. І не тільки там. Крім цього його використовують і сторонні розробники, що не мають відношення до Apple.

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

Стандарт іконок: віддайте свій голос

Ви можете подумати, що іконки стають стандартом тому, що їх використовують такі великі корпорації, як Microsoft або Apple. І це частково вірно. Але насправді, великі корпорації тільки прискорюють процес стандартизації, оскільки їх масштабність допомагає охопити широку аудиторію користувачів. Повторне використання будь-яких метафор сприяє розумінню змісту іконки.

Символ є потужним інструментом, коли більшість людей бачать його і розуміють, що він означає. Ви, як дизайнер, можете допомогти відібрати іконки, які стануть стандартними в майбутньому. При виборі іконок для вашого наступного проекту, ви, по суті, влаштовуєте кастинг, який говорить «так, ця ікона добре відображає суть метафори для користувачів, і я можу її використовувати».

Іконки для ваших подальших проектів

Нижче ви знайдете перелік значків. Вони розглядаються, як кандидати стандартного застосування.

Мета: інформувати про мову розмітки структури, заснованої на форматі XML, що служить для перенесення в стандартну електронну форму інформації про потоках, які можуть групуватися в стрічки.

Ліцензія: Creative Commons Attribution-Share Alike 3.0 Unported License

Мета: Геотеггінг - додавання географічної мета інформації в фотографії. Ця ікона задумана, як стандарт для розуміння комплексної технології за допомогою візуального символу.

Ліцензія: Creative Commons or GNU Lesser GPL

Іконка вибору мови

Мета: створити абстрактний універсальний значок. символізує вибору мови для використання в додатках і на сайтах.

Ліцензія: Creative Commons Attribution-Share Alike 3.0 Unported License

Мета: допомогти користувачам легко визначити вміст сайту, яким можна поділитися. Іконка показує факт обміну через метафору з рук в руки.

Ліцензія: Creative Commons Attribution-Share Alike 3.0 Unported License

іконка ShareThis

Ліцензія: GPL, LGPL, BSD, Creative Commons Attribution 2.5

Примітка: спочатку ця ікона була введена з плагіном WordPress. Тепер вона є офіційним товарним знаком. Тому користувачі виступають за те, щоб замість неї використовувалася іконка Open share.

іконка Markdown

Ліцензія: CC0 UNIVERSAL PUBLIC DOMAIN DEDICATION LICENSE