Каждому приложению нужен красивый и запоминающийся значок, который будет привлекать внимание как в магазине приложений, так и на домашнем экране. В то же время, иконка приложения должна быть полезной для ваших пользователей.

image

Что нужно, чтобы сделать качественную иконку идеальной эстетики? Это не так уж и сложно, вот вам три простых правила, которым нужно следовать:

1. Дизайн иконки должен быть узнаваемым


Иконка в первую очередь должна передавать смысл вашего приложения. Люди не должны тратить время на то, чтобы понять что это за приложение.

Иконка — это первая возможность для общения с пользователем, чтобы по первому взгляду можно было понять, цель вашего приложения. При проектировании иконки, имейте в виду очень важный момент: иконки обмениваются идеями с помощью метафорических ассоциаций — пользователь связывает иконку с определенным объектом или действием — и если этот объект или действие не сразу понятно для пользователей, он просто не работает. Таким образом, просто необходимо сделать свои иконки интуитивно понятными:

  • Не используйте абстрактные значки, так как абстрактные значки редко работают хорошо. Пользователь может и не опираться на предыдущий опыт, чтобы понять смысл значка. Иконка Game Center — отличный пример этой проблемы. Сама иконка — это группа красочных, стекловидных кругов. Это выглядит красиво, но люди обычно удивляются, и в недоумении гадают, что же означает эта иконка.

    image


  • Используйте иконки, которые легко узнаваемы потребителями. Есть несколько иконок, которые пользуются всеобщим признанием пользователей, такие как Дом, печать, лупа, конверт. Например, значок приложения Gmail использует конверт, который повсеместно ассоциируется с почтой.

    image

2. Стремитесь к минимализму


Найдите элемент, который отражает суть вашего приложения, и оставьте этот элемент, убрав все лишнее. Однажды великого итальянского скульптора Микеланджело Буонарроти спросили: — «Как вы делаете свои скульптуры?». В ответ на это он сказал: — «Я беру камень и отсекаю всё лишнее». То же самое и происходит с иконками. Уберите все лишние детали, которые не важны для вашей иконки, и она обретет смысл.

Большинство дизайнеров хотят, чтобы их иконки выглядели великолепно. Но иногда они начинают перебарщивать и добавлять в свои иконки слишком много конкретных деталей. Такие детали могут вызвать визуальный шум, который будет мешать людям и влиять на юзабилити:

  • Не добавляйте на иконку несущественные слова, которые будут повторять имя приложения или говорить людям, что делать с вашим приложением, как «смотреть» или «играть», или вовремя акции добавить такую информацию, как «бесплатно». Используйте слова только когда они действительно необходимы или если это часть логотипа.

    image

  • Не добавляйте фотографические детали, потому что их трудно увидеть при малых размерах.

    image

  • Не используйте 3D модели на иконки приложений.

    image


Баланс в деталях важнее в оформлении вашей иконки и интуитивно понятный:

  • Когда вы используете конкретный объект для вашего значка, который выделяет несколько характеристик.

  • Дизайн иконки, который сразу же привлекает внимание и передает всю суть приложения.

    image


3. Проверьте свои иконки на различных фонах


Иконки должны быть понятны на любом фоне.

Если вы спроектировали узнаваемый и минималистичный значок, это не означает, что процесс создания иконки завершен. Иконка должна быть разборчивой на любом фоне. Вы не можете предугадать, какую фоновую заставку человек подберет для своего экрана, так что вы должны сами увидеть, как она выглядит на разных фото:

  • В примере ниже иконка «Stocks» едва различима на темном фоне.

    image

  • Убедитесь в том, что ваш значок непрозрачен.

    image

  • Попробуйте свои значок на реальном устройстве с динамическим фоном.

Заключение


Теперь потребуется время, чтобы создать красивый и привлекательный значок, который прекрасно представит ваше приложение.
Поделиться с друзьями
-->

Комментарии (10)


  1. iUser
    29.11.2016 17:12
    +1

    http://babich.biz/3-simple-tips-to-improve-your-app-icon-design/


    1. Dreyk
      29.11.2016 18:02

      в песочнице нельзя оформить тему как перевод


  1. dvsx86
    29.11.2016 19:44

    KISS principle / принцип KISS
    и он актуален не только для иконок…


  1. ad1Dima
    30.11.2016 07:30

    Как добиться прозрачности иконок на iOS? Система же сама фон подставляет


  1. Edmunds
    06.12.2016 13:07

    Статья ни о чём, и примеры соответствующие. Автор говорит, что иконка GameCenter лучше чем иконка FIFA. Это очень спорное утверждение.


    1. ad1Dima
      06.12.2016 17:12

      А где он это утверждает?


      1. Edmunds
        06.12.2016 18:37

        Где рекомендует: Не добавляйте фотографические детали, потому что их трудно увидеть при малых размерах. и иконка FIFA, при этом ставится в пример иконка gamecenter.


        1. ad1Dima
          06.12.2016 19:16

          У меня какой-то другой интернет, где в пример по этому пункту ставится иконка погоды


          1. Edmunds
            07.12.2016 11:49

            Прошу прощения — промахнулся. Но всё таки иконка погоды тоже не лучше иконки Фифы.


            1. ad1Dima
              07.12.2016 11:53

              По данному конкретному параметру лучше. Все остальное — вкусовщина.