Когда вы разрабатываете собственный сайт, в первую очередь вы обращаете внимание на его функциональность, дизайн и оптимизацию. Такая крошечная, на первый взгляд, незаметная деталь как значок сайта может быть оставленным без какого-либо особого рассмотрения. Тем не менее, этот элемент помогает людям различать ваш интернет сайт из нескольких вкладок, которые открыты в браузере.
Поэтому читайте эту статью о том, как создать идеальный значок для вашего сайта или блога.
Фавиконы и логотипы: одинаковые или разные?
В идеальном мире значки и логотипы должны быть одним и тем же понятием, но иметь разные размеры. Тем не менее, мы не живем в идеальном мире, поэтому дизайн фавикона отличается от того, который требуется для логотипа вашей компании.
Почему? Ответ довольно прост. Есть некоторые особые требования к дизайну фавикона с точки зрения его размера, фона и даже браузера. На самом деле, иногда нужно избавиться от некоторых важных элементов дизайна для того, чтобы сделать так, чтобы ваш favicon отвечал всем этим требованиям. Давайте пройдемся по этим требованиям, чтобы прояснить, каким будет идеальный дизайн этого значка.
1. Сделайте свой дизайн фавикона заметным
Самое лучшее в дизайне фавикона - это то, что он всегда на виду. Если вкладка с вашим веб-сайтом открыта, ваш значок привлечет внимание пользователя, даже если он просматривает другой интернет сайт. Это первое, что вам нужно подумать, когда начнете создавать значок. Вы можете привлечь внимание людей по-разному. Проще всего было бы использовать яркие цвета, которые выделяются. Это могло быть отличной идеей, но у вас уже есть корпоративные цвета и они далеко не яркие и смелые. В этом случае вам придется выбирать более сложный путь.
Чтобы сделать ваш дизайн заметным, попробуйте использовать необычные формы или стили. Это будет выделять ваш логотип среди других значков в выгодной форме.
2. Используйте свое пространство с умом
Как правило, ваш значок должен быть всего 16px. Это размер, приемлемый для всех браузеров. Из-за этого ваш первоначальный существующий логотип должен претерпеть некоторые изменения. Есть несколько случаев будущего сценария.
Ваш логотип это текст
Иметь логотип с надписью - отличная идея, потому что такие логотипы никогда не выходят из моды. Тем не менее, они могут занять место, которое неприемлемо в отношении дизайна favicon. В этом случае лучше всего использовать первую букву названия вашей компании. Если название компании содержит две или более букв, используйте сокращение или придерживайтесь только одной буквы. Не забывайте, что он должен повторять ваш первоначальный дизайн логотипа и точно так же копировать его стиль.
Ваш логотип является торговой маркой
Торговая марка - это символ, который не содержит текста. Это отлично подходит для признания вашего бренда и, пожалуй, самый естественный вариант для создания favicon. Все, что вам нужно сделать, это уменьшить этот символ, чтобы его можно было узнать в ограниченном пространстве. Тем не менее, иногда вам нужно вырезать несколько элементов, чтобы сделать значок более понятным. Попробуйте использовать несколько вариантов, прежде чем выбрать выигрышный.
Ваш логотип является знаковым
Знаковые дизайны логотипов содержат как символ, так и текстовый элемент. Например, думайте о Lacoste как об одном из таких представителей дизайна логотипа. Когда вы думаете о зеленом крокодиле, который представляет бизнес, ваши мысли приводят вас в Лакост. Его крокодил является одним из самых узнаваемых животных, используемых в маркетинге бренда.
В дополнение к этому классному крокодилу, Lacoste также использует свое фирменное наименование в дизайне логотипа компании. Тем не менее, когда вы посетите сайт этого бренда вы заметите, что его favicon содержит только часть этого крокодила, не говоря уже об отсутствии текста. Как видите, самое важное - обрезать логотип для значка сайта так, чтобы он продолжал быть связанным с вашим брендом.
Сайт: Lacoste
3. Не забывайте о разнице в браузерах
Мы уже установили тот факт, что разные браузеры имеют разные требования. Вкладка с вашим значком может открываться на белом, черном или даже сером фоне, поэтому вам следует помнить об этом при выборе цветов для вашего дизайна.
Кроме того, когда дело доходит до формата, все значки создаются в форматах PNG и ico. Вы также можете выбрать GIF, SVG или JPG, но результат будет непредсказуемым.
Когда вы запускаете свой сайт, такая мелкая деталь, как дизайн иконки, не может быть оставленной без какого-либо внимания. Хотя это не кажется важным или значительным, ваш сайт не может успешно работать без него.