Содержание

Как сделать логотип для сайта — 5 способов

Здравствуйте, уважаемые блоггеры, сайтовладельцы и веб-строители, сегодняшний пост только для вас! Поговорим о том, как сделать логотип для сайта.

Вообще, удивительно, как быстро интернет изменил наш мир. Еще лет 8-10 назад свои логотипы были только у крупных компаний или раскрученных торговых марок. А владельцы среднего и мелкого бизнеса ограничивались «кричащим» названием типа «Мир окон», «Азбука мебели» и прочими «Империями». Кстати, у нас в Самаре до сих пор есть сеть магазинов «Планета Секонд-хенд», и это название приводит в дикий восторг всех моих иногородних друзей.

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


1. Бесплатные онлайн сервисы

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

  • www.logaster.ru — очень удобный и простой онлайн генератор логотипов. Всего за несколько минут можно создать красивый логотип, а затем скачать его во всех популярных форматах. Есть возможность бесплатного и платного скачивания логотипов.
  • cooltext.com — можно создать текстовый логотип с анимацией, правда, не знаю, зачем.
  • www.onlinelogomaker.com — довольно приличный набор иконок, но большинство из них выглядят простовато.
  • logotypecreator.com — сервис генерирует несколько абстрактных вариантов, которые потом можно доработать и скачать.
  • www.logoease.com — есть возможность редактировать не только текст, но и размер, положение и цвета иконки.

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

Минусы: ограниченный набор графических элементов, везде кроме www.logaster.ru отсутствуют кириллические шрифты.

2. Нарисовать в фотошоп

В сети есть море уроков по созданию красивых текстов в Фотошоп. Остается только выбрать подходящий вам по стилю и следовать пошаговым инструкциям.
Сайты, где можно найти такие уроки:

Плюсы: дешево совсем бесплатно и сердито. Результат зависит только от вашего усердия и фантазии.

Минусы: если раньше вы не работали в программе Фотошоп, придется повозиться и потратить на создание логотипа много времени.

3. Платные онлайн сервисы

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

  • www.logaster.ru — уже был в списке бесплатных сервисов, но варианты логотипов с большим размером доступны после оплаты.
  • logotypecreator.com — некоторые (а точнее, самые красивые) варианты логотипов на этом сайте доступны только после оплаты.
  • logoyes.com
  • www.logomaker.com

Плюсы: есть очень интересные идеи, стоит попробовать эти сервисы даже если вы не собираетесь ничего там покупать. Можно создать набросок логотипа, заскринить его и отправить дизайнеру, лучшего ТЗ не придумаешь.

Минусы: дорого, если учесть, что такой же логотип при желании может создать каждый, даже ваш конкурент.

4. Купить готовый логотип

Если есть деньги, но нет времени искать дизайнера, писать ТЗ и проверять работу, можно купить готовый логотип на стоковом сайте. Например:

Чтобы можно было вписать в лого свой домен, при покупке выбирайте векторный формат (обычно он самый дорогой).

Плюсы: Экономим время и получаем профессиональный результат.

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


5. Заказать у фрилансера

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

Я выбираю исполнителя по таким критериям:

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

Обычно я не создаю проект, а сама рассылаю сообщения 3-5 фрилансерам, которые подходят под эти требования. Кратко описываю задачу и прошу указать стоимость и сроки выполнения заказа.

Среди тех, кто отвечает в течении одного-двух дней выбираю фрилансера, чьи работы, расценки и сроки понравились больше всего. Дальше остается только заполнить бланк технического задания (его должен прислать дизайнер) и начать сделку.

Каким должен быть логотип сайта

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

Еще несколько полезных сервисов для ваших сайтов:

Как изменить логотип сайта? – Справочный центр Vigbo

В разделе Оформление > Логотип системы управления сайтом вы можете загрузить картинку с вашим логотипом или создать логотип шрифтом из предложенных вариантов.

Логотип-изображение

1. Загрузите изображение логотипа.

Важная информация, если вы используете картинку для логотипа:

По умолчанию, на всех устройствах с Retina-экранами картинка логотипа будет отображаться в два раза меньше по высоте и по ширине, чем закачанный логотип. Это необходимо для того, чтобы ваш логотип отображался четко, так как на Retina-экранах плотность пикселей в 4 раза больше, чем на обычных экранах (в оригинальном размере на Retina-экране логотип отображается нечетко и размыто).

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

Например, если вы закачиваете логотип с размерами 400px по ширине и 200px по высоте, то дополнительную картинку надо подготовить 800px по ширине и 400px по высоте. Таким образом, на Retina-экранах ваш логотип будет отображаться в хорошем качестве в размере 400px на 200px, как и на стандартных экранах.

Если вы не закачаете дополнительное изображение, то ваш логотип будет отображаться на Retina-экране в размере 200px на 100px, то есть в два раза меньше, но в хорошем качестве.

2. При необходимости отредактируйте картинку логотипа в фоторедакторе.

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

Сохраненные изменения в фоторедакторе автоматически отображаются на сайте.

Логотип-текст

Вы также можете создать текстовый логотип. Для этого выберите Логотип-текст, введите необходимый текст, задайте его размер и цвет шрифта, установите необходимый межбуквенный интервал.


Коллекция бесплатных логотипов для сайта и не только

Привет, дорогие друзья! Сегодня представляю Вам коллекцию бесплатных и классных логотипов, которые можно использовать на своих сайтах и не только. Думаю, что эта подборка будет очень полезной.

Спасибо http://naldzgraphics.net и рекомендую:

Ретро логотип в круглом виде

Скачать

Макет металлического логотипа в PSD

Скачать

PSD логотип на ткани

Скачать

Логотип на коже

Скачать

Логотип в океане в PSD

Скачать

Реалистический логотип бесплатно

Скачать

PSD логотип на стенке

Скачать

Логотип на картоне

Скачать

Выдавленный логотип на ткани

Скачать

Металлический макет логотипа в PSD формате

Скачать

Винтажный логотип на дереве

Скачать

Несколько отличных и бесплатных логотипов

Скачать

Макет логотипа на коже

Скачать

Фотореалистический логотип в формате PSD

Скачать

4 винтажных и бесплатных логотипа

Скачать

Логотип на бумаге

Скачать

Интересный и винтажный логотип бесплатно

Скачать

Золотой логотип

Скачать

Бесплатный макет металлического логотипа

Скачать

PSD лого на коже

Скачать

Металлический и красивый логотип для сайта

Скачать

Винтажный логотип на бумаге

Скачать

Золотой логотип на коже

Скачать

Логотип на дереве

Скачать

Несколько отличных винтажных логотипов

Скачать

Свадебный логотип

Скачать

Логотип на дереве бесплатно

Скачать

3D логотип

Скачать

Красивый логотип на картоне

Скачать

Деревянный логотип

Скачать

Бесплатный макет красивого логотипа

Скачать

Техника позиционирования логотипа внутри шапки сайта (header).

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

Вот пример:


Как правило, такой логотип размещается с левой стороны и рядом с ним находится меню сайта.

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

На самом деле, ничего сложного здесь нет.

Для примера, давайте возьмем следующую структуру документа:

<div>
                <div> 
                 <a href="#"><img src="logo.png"></a>
                 <p>Место для меню</p>
</div>
</div>
<div>
                <div>
        <h2>Заголовок.</h2>
        <p>ПLorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.  Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.  Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
    </div>
</div>
<div>
                <div>
                               <p>Текст footer</p>
    </div>
</div>

Если мы просто вставим логотип внутрь header, без всяких стилей:

<a href="#"><img src="logo.png"></a>

То, можно будет увидеть следующую картину:


Место для меню сместилось на уровень ниже и теперь отображается не правильно.

Чтобы избежать этой ситуации, к логотипу нужно добавить следующие стили CSS.

<a href="#"><img src="logo.png"></a>

Для ссылки, которая содержит логотип мы используем обтекание слева float:left, и с помощью margin-ов задаем точную позицию логотипа.

Теперь все отображается так, как надо:

Больше моих уроков по HTML, CSS и верстке сайтов здесь.

Изменение названия сайта, описания, логотипа и параметров сведений о сайте

Вы можете изменить эмблему, название и другие параметры для SharePoint в Microsoft 365 группы или SharePoint ных сайтов для связи с 2019.

Примечание: Для обычных и SharePoint Server ных версий перейдите на вкладку 2016, 2013, 2010 . Если пользовательский интерфейс отображается не так, как вы видите, ознакомьтесь с разрешениями для устранения неполадок.

Изменение названия, описания и логотипа для SharePoint в Microsoft 365 группы или информационного сайта

  1. Перейдите к группе SharePoint или информационному сайту.

  2. В правом верхнем углу щелкните параметры и выберите пункт Параметры сайта.

  3. В разделе внешний вид и функции выберите заголовок, описание и логотип.

  4. Если применимо, измените название и описание сайта в соответствующих полях.

  5. Если применимо, для изменения логотипа в разделе Вставка эмблемы выберите вариант с компьютера.

  6. Нажмите кнопку Обзор и выберите новый логотип, нажмите кнопку Открыть , а затем — Сохранить.

  7.  Если применимо, введите описание в поле Примечания версии и нажмите кнопку ОК.

  8. Необязательно Введите описание замещающего текста для логотипа и нажмите кнопку ОК.

Важно: 

  • SharePoint в Microsoft 365 сайты групп, подключенные к Microsoft 365 группе, используют тот же самый логотип, что и группа Microsoft 365, к которой они подключены.

  • При изменении логотипа сайта SharePoint, подключенного к группе, логотип соответствующей группы Microsoft 365 также изменится.

  • Процесс изменения логотипа для SharePoint на веб-сайте связи Microsoft 365 или на сайтах групп SharePoint, не подключенных к группе Microsoft 365, не изменится. В этом случае изменяется только эмблема сайта.

Важно: Чтобы изменить эти параметры, необходимо иметь разрешения владельца или дизайнера на сайте SharePoint. Дополнительные сведения можно найти в статье Управление разрешениями для сайтов.

Эти параметры доступны только для групповых и информационных сайтов, подключенных к группам.

  1. Перейдите к группе SharePoint или информационному сайту.

  2. В правом верхнем углу нажмите кнопку параметры и выберите пункт сведения о сайте.

  3. Измените нужные поля:

    •  Имя сайта (обязательно)

    •  Описание сайта (необязательно)

    • Ассоциация сайтов в центре (необязательный): используется для классификации сайта с использованием таких значений, как внутренние, конфиденциальные, большие деловые последствия, низкое влияние на деловые отношения и т. д. Когда вы подключаете сайт к концентратору, ваш сайт будет наследовать тему «центр» и навигацию.

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

Это наиболее распространенные параметры сайтов. Чтобы изменить другие параметры и параметры сайта, установите переключатель Просмотреть все параметры сайта. Откроется страница параметров сайтаSharePoint.

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

  • Перейдите на сайт группы SharePoint.

  • В правом верхнем углу щелкните параметры > макеты сайтов.

  • В списке выберите Оформление выберите нужный макет и нажмите кнопку Применить к сайту.

Уровни разрешений для сайтов основаны на группах разрешений SharePoint. Участники группы разрешений SharePoint могут посещать сайт, не изменяя его (посетители), редактировать сайт (участники) или выполнять с ним любые действия (владельцы).

  1. Перейдите на сайт группы SharePoint.

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

  3.  Если у вас есть дополнительные группы или люди, которым вы хотите предоставить разрешения на доступ к сайту, выберите пункт Дополнительные параметры разрешений.

Чтобы предоставить пользователям доступ к сайту, вы можете либо добавить участников в группу Microsoft 365, связанную с сайтом, либо предоставить доступ к сайту другим пользователям, не добавляя их в группу Microsoft 365. Дополнительные сведения о разрешениях для сайтов можно найти в разделе Обзор уровней разрешений в SharePoint.

Примечание: Если вы являетесь владельцем сайта, вы увидите ссылку на дополнительные Параметры разрешений , в которых можно настроить дополнительные параметры разрешений SharePoint. Дополнительные сведения см. в статье Уровни разрешений в SharePoint.

На ленте SharePoint нажмите кнопку предоставить разрешения, выберите команду пригласить людей , а затем выполните указанные ниже действия.

  • Добавьте участников в группу Microsoft 365, связанную с сайтом. Это предпочтительный способ. Щелкните Добавить участников, введите имя или электронный адрес и нажмите кнопку Сохранить. Участники, добавленные в группу Microsoft 365, по умолчанию добавляются в группу разрешений «Участники сайта» SharePoint и могут изменять содержимое сайта. Кроме того, они получают полный доступ к ресурсам группы Microsoft 365, например беседам, календарю и т. д.

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

Чтобы изменить уровень разрешений для пользователя или группы, щелкните стрелку вниз рядом с их разрешениями SharePoint и выберите Полный доступ, чтобы добавить их в группу «Владельцы сайта», или Чтение, чтобы добавить их в группу «Посетители сайта».

Примечание: Чтобы просмотреть всех участников группы Microsoft 365 и их уровни разрешений SharePoint, щелкните Участники в правом верхнем углу сайта.

В SharePoint в Microsoft 365, чтобы удалить пользователя, который не является участником группы Microsoft 365, связанной с сайтом, щелкните стрелку вниз рядом с элементом разрешения SharePoint для этой группы и выберите команду Удалить.

Важно: Параметр Удалить доступен только для отдельных пользователей или групп, которые не являются частью группы Microsoft 365.

Чтобы удалить пользователя из группы Microsoft 365, щелкните Участники в правом верхнем углу сайта, щелкните стрелку вниз рядом с его уровнем разрешений и выберите Удалить из группы.

  • Наиболее распространенная проблема, связанная с попыткой изменить параметры, не обладает правильными разрешениями. Если вы не знаете, каковы разрешения, обратитесь к своему администратору, сети или Microsoft 365.

  • Если у вас есть разрешения, убедитесь в том, что вы используете нужную версию SharePoint. Дополнительные сведения о том, какая версия SharePoint используется? Если сайт был создан в более ранней версии SharePoint, возможно, он использует классический вид. Чтобы изменить логотип, описание или другие параметры, перейдите на вкладку 2016, 2013, 2010 . Классическое взаимодействие SharePoint использует тот же пользовательский интерфейс для параметров, что и SharePoint 2016.

Вы изменяете логотип, заголовок и другие параметры в SharePoint сервере 2016, 2013 или 2010. Для SharePoint сайтов группы или связи откройте вкладку современный .

Изменение названия, описания и логотипа сайта SharePoint Server

Если владелец или пользователь с разрешениями на полный доступ, вы можете изменить название, описание и логотип на сайте SharePoint сервера…

  1. Откройте сайт.

  2. Щелкните значок Параметры в правом верхнем углу или ссылку Действия сайта сверху слева.

  3. Щелкните Параметры сайта.

  4. В группе Внешний вид и функции выберите команду Заголовок, описание и эмблема.

  5. Обновите поле Заголовок. При необходимости добавьте или измените описание сайта.

  6. В SharePoint 2016 или 2013 в разделе Эмблема и описание выполните одно из следующих действий:

    Щелкните С компьютера, найдите изображение и нажмите кнопку «Открыть».

    Щелкните Из SharePoint, найдите изображение на сайте SharePointи нажмите кнопку Вставить.

    В SharePoint 2010 в разделе «Эмблема и описание» вставьте URL-адрес нужного изображения.

  7. При необходимости введите описание или замещающий текст. Чтобы сохранить изменения, нажмите кнопку ОК.

Уровни разрешений для сайтов основаны на группах разрешений SharePoint. Участники группы разрешений могут посещать сайт, не изменяя его (посетители), редактировать сайт (участники) или выполнять с ним любые действия (владельцы).

Чтобы предоставить пользователям доступ к сайту, вы можете добавить участников в группу, связанную с сайтом (предпочтительный способ), или предоставить доступ другим пользователям, не добавляя их в группу.

Чтобы пригласить пользователей на ваш сайт, вы можете пригласить других пользователей с помощью кнопки » общий доступ к сайту». Дополнительные сведения можно найти в разделе Общий доступ к сайту.

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

Чтобы изменить уровень разрешений для пользователя или группы, щелкните стрелку вниз рядом с их разрешениями и выберите Полный доступ, чтобы добавить их в группу «Владельцы сайта», или Чтение, чтобы добавить их в группу «Посетители сайта».

Примечание: Чтобы просмотреть всех участников группы Microsoft 365 и их уровни разрешений, щелкните Участники в правом верхнем углу сайта.

Чтобы удалить пользователя из группы, связанной с сайтом, сделайте следующее:

  1. Откройте сайт.

  2. Щелкните значок Параметры в правом верхнем углу или ссылку Действия сайта сверху слева.

  3. Щелкните Параметры сайта.

  4. В разделе Пользователи и разрешения выберите пункт Разрешения сайта.

  5. В разделе Разрешения для сайта щелкните группу, из которой нужно удалить участника.

  6. Выберите пользователя, которого вы хотите удалить.

  7. Нажмите Действия, а затем выберите Удалить пользователей из группы.

  8. Нажмите кнопку ОК.

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

Логотип сайта не отображается — CodeRoad



Я работаю над сайтом . Я загрузил логотип для сайта. Логотип отлично отображается, когда я запускаю его на своем PC, но когда я загружаю файл онлайн с помощью FileZilla, логотип не отображается, а отображается только текст alt. Я дважды проверил код и почти уверен, что мой код в порядке. Вот он,

  <h2><a href="index.html" title="Stop4Gifts"><img src="uploads/logo.png" alt="Stop4Gifts"/> </a></h2>

Пожалуйста, помогите мне. Спасибо

html css case-sensitive filepath graphical-logo
Поделиться Источник Unknown     22 января 2012 в 06:25

6 ответов


  • Liferay: логотип сайта

    У меня есть портал Liferay и 2 разных сайта или компании. Каждый из них имеет свою собственную тему и содержание, но логотип одинаков для обоих сайтов. Я знаю, что могу удалить общий логотип и добавить другой логотип в каждую тему, но я хочу знать, можно ли изменить логотип для единственного сайта…

  • Логотип сайта не меняется сразу после обновления

    Я хочу изменить логотип сайта с моего code..when пользователь выбирает и изображение и сохранить it..it обновляется, но логотип сайта не меняется immidiately..and это не всегда replicating..sometime я должен обновить страницу для изменения логотипа сайта, а иногда он меняется сразу.. Я прикрепляю…



3

Это означает, что ваше изображение может отсутствовать или иметь другой путь/имя на сервере. Если это не так, убедитесь, что это не logo.PNG , а также обновите страницу.

Надеюсь, это поможет.

Поделиться Vinayak Garg     22 января 2012 в 06:29



1

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

Поделиться ToddBFisher     22 января 2012 в 06:32



1

Несколько вещей, которые нужно проверить:

  • проверьте, что файл изображения успешно перенесен в то место, где вы его ожидаете.
  • файлы изображений должны передаваться в двоичном режиме при использовании ftp.
  • некоторые операционные системы используют чувствительные к регистру имена файлов — проверьте регистр вашего имени файла и все ссылки на него.

Поделиться Ergwun     22 января 2012 в 06:32




1

я проверил ваш сайт, там нет такого изображения [http://stop4gifts.com/uploads/logo.png] [щелкните правой кнопкой мыши на Stop4Gifts и нажмите просмотреть изображение], может быть, это .PNG?

Поделиться ddacot     22 января 2012 в 06:38



1

Проблема в вашем расширении, нужно изменить . png на .PNG

<h2>
  <a href="index.html" title="Stop4Gifts">
    <img src="uploads/logo.PNG" alt="Stop4Gifts"/> 
  </a>
</h2>

Поделиться Sameera Thilakasiri     22 января 2012 в 06:40



-1

Недавно я загрузил сайт в интернет с помощью filezila. Я загрузил логотип для сайта. Логотип отлично отображается, когда я запускаю его на своем PC, но когда я загружаю файл с помощью FileZilla, логотип не отображается, а отображается только текст alt. Все стайлинговые дисплеи отлично подходят для головы и логотипа.

вот код html и css:

<link rel="stylesheet" type="text/css" href="../css/css.css" >
<img src="../img/beFluent1.jpg" alt="beFluent1logo" />

Поделиться Marco Gianni     23 апреля 2018 в 12:33


Похожие вопросы:


Логотип сайта, появляющийся за фоновым изображением в I. E.7-8

Логотип моего сайта обычно появляется в firefox и так далее, но в интернете explorer логотип появляется за фоновым изображением, и это действительно плохо выглядит. Может ли кто-нибудь сказать мне,…


логотип не отображается на Raspberry pi

Я работаю над проектом, но значок набора не отображается. Я программирую на Raspberry pi, но ни один из значков не появляется, даже логотип pygame. Поэтому я задаюсь вопросом, Смогу ли я это…


Почему мой логотип не отображается?

Почему мой логотип не отображается на моем сайте? В моем header.php есть этот код <div class=logo><a href=index.php></a></div> , который имеет класс и ссылку на страницу,…


Liferay: логотип сайта

У меня есть портал Liferay и 2 разных сайта или компании. Каждый из них имеет свою собственную тему и содержание, но логотип одинаков для обоих сайтов. Я знаю, что могу удалить общий логотип и…


Логотип сайта не меняется сразу после обновления

Я хочу изменить логотип сайта с моего code. .when пользователь выбирает и изображение и сохранить it..it обновляется, но логотип сайта не меняется immidiately..and это не всегда replicating..sometime…


логотип магазина не отображается вместо этого сообщение logo alt отображается в magento

логотип магазина не отображается вместо этого сообщение logo alt отображается в magento Я дал вот так в config->Design->header Изображение : image/img.jpg Image Alt : логотип , но на домашней…


Как удалить логотип сайта Social Engine Title/Label

Искал ответы в интернете и использовал поиск файлов, но не смог решить эту проблему. В настоящее время у меня есть логотип с названием, которое я не заполнял. Но на моем сайте он отображается как…


мой логотип в wordpress не отображается в dev

Я построил WordPress в localhost, когда я загружаю в stagging to dev, мой логотип не может отображаться, однако в localhost отображается мой логотип web. В разделе Настройка я выбираю только логотип. ..


Drupal SVG логотип сайта отображается неправильно

Сохранение поверх существующего logo.svg в пользовательской теме Drupal, которую я создаю. Логотип не отображается на странице (Firefox) и очень большой на Safari. Когда inspecting element я вижу,…


Drupal 7 пользовательский логотип в page.tpl.php не отображается на всех страницах

У меня есть сайт Drupal 7 с пользовательской подтемой, основанной на Дзен. У меня есть собственный логотип, который я поместил в div заголовка page.tpl.php. Проблема, с которой я сталкиваюсь,…

Логотип в хедере сайта и доступность

На сегодняшний день широко используемым паттерном в разработке интерфейсов веб сайтов является размещение логотипа в хедере сайта. Как-правило, в 99% процентах случаев использования такого паттерна логотип будет ссылкой ведущей на главную (домашнюю) страницу сайта. Но еще более широко используем паттерном является размещение в хедере, в паре с логотипом навигации по сайту. И этот паттерн весьма неоднозначное решение в плане доступности, в частности для скринридеров. Об этом и хотелось бы поговорить.

Проблема

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

Доступный логотип

С точки зрения представления контента логотип является изображением, то есть не текстовым контентом, который согласно требованиям WCAG 2 должен иметь текстовые альтернативы. И наиболее правильным способом выразиться логотип, в случае, если мы хотим чтобы он был замечен устройствами для считывания с экрана является добавление к тегу <img> атрибута <alt> с кратким описанием логотипа.

<img src="logo.png" alt="The company/site logo" />

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

Для более расширенного описания вашего логотипа вы также можете использовать атрибут «aria-describedby», в качестве значения задав идентификатор блока с расширенным описанием, который в свою очередь должен быть скрыт для устройств считывания с экрана, чтобы его содержимое не считывалось дважды как описание картинки и как самостоятельный контент.

<div>
  <img src="logo.svg" alt="Site logo" aria-describedby="logo-description">
  <div hidden>Some extended text which describes the logo with all meaning. </div>
</div>

Доступный логотип-ссылка

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

<div>
  <a href="/">
    <img src="me.jpg" alt="Site logo" aria-describedby="logo-description" />
  </a>
  <div hidden>
    Some extended text which describes the logo with all meaning.
  </div>
</div>

то большинство скрин-ридеров  (JAWS, NVDA, VoiceOver) скажет что это ссылка, картинка с описанием из альта и даже прочитают текст расширенного описания картинки. Но в таком случае пользователю становится абсолютно непонятным куда ведет эта ссылка.

Для того чтобы сказать пользователю куда ведет эта ссылка есть несколько способов. Наиболее простой способ добавить к ссылке атрибут «title», который скажет пользователю, что это ссылка на главную страницу.

...
<a href="/" title="Go to the home page">
  <img src="me.jpg" alt="Site logo" aria-describedby="logo-description" />
</a>
...

Но, в случае если картинка имеет альтернативное описание, текст атрибута тайтл будет игнорирован распространенными скрин-ридерами (JAWS, NVDA, VoiceOver). То есть пользователь так и не услышит, что ссылка ведет на главную страницу.

Побороть это поведение позволяет атрибут «aria-label». Если мы добавил этот атрибут то альтернативное описание картинки будет игнорировано распространенными скрин-ридерами (JAWS, NVDA, VoiceOver) и мы услышим текст атрибута в описании ссылки, и только VoiceOver прочитает и значение атрибута и альтернативное описание картинки:

...
<a href="/" aria-label="Go to the home page">
  <img src="me.jpg" alt="Site logo" aria-describedby="logo-description" />
</a>
...

Похожее поведение будет наблюдаться если мы все еще будем использовать тайтл для ссылки, но уберем альтернативное описание для лого, при этом стоит оставить пустой тег, хотя бы для валидного HTML:

. ..
<a href="/" title="Go to the home page">
  <img src="me.jpg" alt="" aria-describedby="logo-description" />
</a>
...

Здесь все распространенные скрин-ридеры (JAWS, NVDA, VoiceOver) прочитают ссылку одинаково (Link Go to the Home Page).

Однако, как в случае использования атрибута «aria-label» так и в случае использования тайтла для ссылки с пустым альтернативным описанием, в большинстве случаев мы теряем описание самого логотипа, то есть для пользователя остается неизвестным, что это лого и скрыто его значение. Детальнее почитать про доступные картинки-ссылки можно здесь: Accessibility: Images, “Alt” tags, and the “Out Loud” Experience.

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

Логотип + навигация

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

Итак, давайте напишем наш код:

В данном случае для пользователей которые используют распространенные скрин-ридеры (JAWS, NVDA, VoiceOver) все будет неплохо. Устройство расскажет им, что они перешли в хедер сайта и видят в нем логотип, который имеет описание, далее они перейдут к навигации, в которой они будут иметь и ссылку домой и все остальные ссылки. При этом никакой путаницы в плане что является презентацией, а что навигацией.

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

Итоги

Эта статья не является описанием единственно верного решения. Она, скорее, написана для того чтобы показать как известные паттерны, которые были изобретены в эпоху раннего веба, когда о доступности не сильно заботились, могут быть преобразованы в доступные решения. Самое главное просто думать о доступности в момент разработки а не после. И конечно-же главным помощником вам будет старая-добрая семантика.

Как создать логотип для веб-сайта, не обладая навыками дизайна

  1. Что такое веб-сайт с логотипом и зачем он вам нужен?
  2. Основные функции логотипа
  3. Типы логотипов
  4. Что делает хороший логотип веб-сайта?
  5. Как создать профессиональный логотип для своего сайта / блога?
  6. Как добавить свой логотип на свой сайт
  7. Как добавить логотип на сайт WordPress

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

Что такое сайт с логотипом и зачем он вам нужен?

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

Логотипы имеют широкий спектр применения. Вы можете использовать свой визуальный символ на своем веб-сайте, печатной продукции (календари, буклеты и т. Д.), Упаковке, вывесках, рекламных щитах, рекламных баннерах и на множестве других фонов.
С текстом или без текста логотип создает прочную ассоциацию с вашим брендом. Следовательно, вы должны придумать хорошо продуманную эмблему, которая оправдает ваши ожидания и действительно изменит ситуацию. Плохо оформленный значок может не только помешать клиентам вас заметить; это также может создать негативное впечатление о вашем корпоративном имидже и даже вынудить вас уйти с рынка.

Основные функции логотипа

Чтобы создать отличный логотип, вы должны знать, как он может быть выгоден для вашего бизнеса.Как вы можете получить выгоду от такой мелочи, как логотип? Хорошая эмблема работает на многих уровнях, то есть выполняет множество важных функций. Ознакомьтесь с приведенным ниже списком, чтобы узнать, как ваша эмблема может принести пользу вашему бренду.

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

Хотите узнать больше о логотипах и фирменном стиле? Нажмите здесь, чтобы загрузить наше бесплатное руководство «Как создать фирменный стиль, не разорившись». Уверены, вы узнаете много полезного!
Логотипы бывают трех основных типов, которые различаются по своей структуре.Давайте изучим каждый тип, чтобы определить, какой из них лучше всего подходит для вашего бизнеса.

Типы логотипов

Если вы просматривали коллекции логотипов, то, вероятно, заметили, что они различаются главным образом по внешнему виду. В то время как некоторые эмблемы содержат только значок, другие включают как изображение, так и текст (полное название компании, аббревиатуру, слоган и т. Д.).

Ниже приведены основные типы логотипов, о которых должен знать каждый начинающий предприниматель.

Логотип. Логотип содержит только графический знак, без текстового элемента. Передать суть вашей компании с помощью одних только изображений сложно. Чтобы создать полноценный корпоративный логотип без помощи текста, дизайнер должен быть настоящим профессионалом. Среди всех видов эмблем логотипы считаются наиболее сложными для получения права. Умный логотип может привлечь внимание к вашему бренду, сделав его мгновенно узнаваемым (например, Apple, Mercedes, Shell, Mitsubishi и т. Д.). Тем не менее, логотипы составляют всего 4-5% современных корпоративных образов.

Логотипы. Логотип включает текст, написанный стилизованным шрифтом. В зависимости от вашего сообщения вы можете выбрать простой шрифт или более сложную типографику. Текст на вашей эмблеме может быть в виде названия компании, аббревиатуры, слогана, девиза и т. Д. При разработке логотипа обязательно создавайте гармоничное сочетание шрифта и цвета. Нельзя раскрашивать буквы случайными цветами и ожидать, что люди обратятся к вашей эмблеме. Несколько известных компаний (Coca-Cola, Disney, eBay и FedEx, и многие другие) используют логотипы для обозначения индивидуальности своих брендов.В настоящее время логотипы составляют около 30% всех логотипов.

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

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

Что отличает хороший логотип веб-сайта?

Даже не думайте приступить к работе, пока не получите четкое представление о том, что ваша эмблема должна сообщить вашим потенциальным клиентам.Мы раскроем секреты успешного корпоративного имиджа с точки зрения цвета, типографики и т. Д. Если вы серьезно настроены создать мощный имидж компании, возьмите ручку и делайте заметки!

Уникальность. Чтобы привлечь внимание целевой аудитории, ваш корпоративный символ должен отличаться от тысяч других логотипов. В нем должно быть что-то, что убедит ваших потенциальных клиентов в том, что ваш бренд стоит проверить. Помните, что у вас есть всего несколько секунд, чтобы вас заметили.

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

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

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

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

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

Цвета и геометрические формы

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

При создании логотипа сайта используйте 2-4 цвета. Выбор подходящей цветовой палитры — это одновременно весело и сложно.Смешивание оттенков может занять некоторое время, но результат того стоит.

Выберите 1-2 основных цвета, чтобы подчеркнуть индивидуальность вашего бренда. Вы можете выбрать дополнительные оттенки, чтобы выделить ключевые. Обратите особое внимание на цвет фона. Белый фон — это универсальное решение, которое подчеркнет лучшее в элементах вашего логотипа, сделав их четкими и стильными.

Не менее важны геометрические формы; каждая фигура имеет свой смысл и значение.Минималистичные и лаконичные, в большинстве успешных эмблем отсутствуют мелкие элементы и чрезмерно проработанные детали. Что касается наиболее распространенных геометрических форм, около 65% всех логотипов имеют форму многоугольника, а 35% эмблем — круги.


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

Шрифт логотипа

Четкость логотипа вашего веб-сайта должна быть вашей главной задачей. Потенциальные клиенты должны легко прочитать название вашей компании и слоган. Протестируйте выбранный шрифт на разных поверхностях и устройствах. Кроме того, убедитесь, что изменение размера логотипа не влияет на удобочитаемость.

Выберите не более 1-2 простых шрифтов, если вы не хотите отвлекать или сбивать с толку свою аудиторию. Если вы выбрали два шрифта, убедитесь, что они дополняют друг друга, а не соревнуются за внимание ваших клиентов.

И еще один важный момент. Ваш шрифт должен соответствовать вашей отрасли и отражать ценности и взгляды вашей компании.Откуда вы знаете, что выбранный вами шрифт может быть неправильным? Это вопрос интуиции и здравого смысла. Например, Comic Sans вряд ли лучший выбор для крупного консалтингового агентства, в то время как зарезервированные готические шрифты не подходят для всех брендов, связанных с развлечениями (продавцы воздушных шаров, кинотеатры и т. Д.).

В хорошей эмблеме шрифт соответствует другим элементам логотипа (геометрическим формам, узорам, цветам и т. Д.). Убедитесь, что размер вашего шрифта не слишком велик или не слишком мал по сравнению с вашим значком.Массивный шрифт будет выглядеть нелепо в сочетании с элегантным значком, и наоборот.

Как создать профессионально выглядящий логотип для своего сайта / блога?

В настоящее время создание бесплатного логотипа для веб-сайта — это не недостижимая мечта. Если вы раньше занимались графическим дизайном, у вас не возникнет проблем с дизайном эмблемы с помощью любой программы для редактирования изображений. К счастью для обычных пользователей, выбор программного обеспечения для графического дизайна ошеломляет, а остальные лидируют Adobe Photoshop и Adobe.У каждой программы есть свои преимущества и недостатки, поэтому потратьте некоторое время на анализ плюсов и минусов каждого варианта. Кроме того, ознакомьтесь с нашей статьей о создании логотипа в Photoshop. Мы разбили этот процесс на этапы, чтобы вы могли без напряжения создавать свой образ.

Онлайн-производители логотипов — это, без сомнения, самый простой способ создать изящный графический дизайн (особенно если у вас мало времени). Генераторы логотипов могут похвастаться впечатляющими наборами инструментов, которые предоставляют пользователям практически безграничные возможности для выражения своего художественного видения.Кроме того, вам не потребуется никаких специальных знаний или навыков, чтобы освоить современные редакторы изображений, поскольку большинство из них имеют интуитивно понятный и последовательный дизайн.

Среди множества дизайнерских услуг, производитель логотипов Logaster — одна из платформ, которая определенно заслуживает вашего внимания. Logaster предлагает широкий спектр функций и возможностей для создания и редактирования логотипов и другого графического дизайна для создания полноценной идентичности бренда. Одним из преимуществ Logaster является то, что он имеет отличную коллекцию кириллических шрифтов, которые редко встречаются на других платформах.
Готовы начать? Вот что вам нужно сделать, чтобы создать бесплатную эмблему с

Logaster:

1) Зайдите на официальный сайт Logaster и нажмите «Создать логотип».

2) Если вам нужен комбинированный знак, введите текст, который вы хотите видеть на своем логотипе. Затем выберите свою отрасль. Щелкните «Далее».

3) Logaster предложит несколько шаблонов логотипов, соответствующих специализации вашего бизнеса. Просмотрите доступные варианты и выберите свой любимый. Если вы не можете найти то, что ищете, введите ключевые слова, связанные с отраслью, чтобы сузить область поиска.

4) Вы можете изменить параметры вашего логотипа, такие как шрифт, цвет, значок и т. Д. Закончив редактирование шаблона, нажмите кнопку «Далее».

Если вы создаете логотип для своего корпоративного веб-сайта, горизонтальный макет может быть хорошей идеей. Это наиболее подходящая ориентация для логотипа, отображаемого на веб-сайте.

Как добавить логотип на свой веб-сайт

Теперь, когда у вас есть файл с логотипом (мы рекомендуем выбрать формат PNG), вы захотите загрузить его на свой веб-сайт.Поскольку большинство современных веб-страниц работают на WordPress, мы расскажем, как добавить логотип на сайт WordPress. Если вы никогда раньше не делали ничего подобного, не волнуйтесь! Это так просто, что справится даже ребенок!

Во-первых, вы должны загрузить файл своего логотипа на свой хостинг с помощью Filezilla, FTP-клиента для управления файлами вашего веб-сайта. Обязательно добавьте свой логотип в папку «Изображения», а не в корневую папку. Вот как найти нужную папку: public_html — wp-content — themes — ваша папка с темой — images.Добавьте свой логотип в шапку своего сайта. Чтобы сделать вашу иллюстрацию интерактивной, вы напишите небольшой фрагмент кода:

”

Не забудьте заменить« logo.png »названием вашего файла с логотипом.
Добавьте строку кода в файл header.php внутри папки вашей темы. Откройте файл с помощью любого текстового редактора (например, Блокнота) и вставьте код прямо под

.

Теперь вы должны определить местоположение вашего логотипа. Для этого добавьте соответствующую строку стилей с нужным размером логотипа для веб-сайта (например, style = ”width: 70px; height: 70px; margin: 10px; float: left;”) сразу после title = ”logo” перед.

Где использовать логотип вашей компании на веб-сайте

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

Вопрос, однако, , где разместить логотип компании?

Места для размещения логотипа веб-сайта

1. Вверху слева. Рекомендуется разместить его слева — это идеальное место для повышения узнаваемости бренда и UX. При размещении логотипа компании на этом месте следует помнить о нескольких вещах.

  • Убедитесь, что логотип идеального размера. Слишком большие логотипы создадут много дополнительного места над основной панелью навигации и, таким образом, сделают внешний вид вашей домашней страницы беспорядочным или несбалансированным. Пространственная осведомленность на веб-сайте — ключ к улучшению взаимодействия с пользователем.
  • Убедитесь, что у вашего логотипа прозрачный фон. Сохранение вашего логотипа в виде файла .PNG создаст прозрачный фон, который идеально подходит, если вы планируете разместить свой логотип поверх цветного раздела или блока вашего веб-сайта.Как правило, панель навигации или область заголовка веб-сайта окрашены, поэтому для них требуется логотип с прозрачным фоном.
  • В идеале логотип должен быть горизонтального формата. Если вы создаете логотип в Интернете с помощью нашей службы создания логотипов, у вас есть возможность выбрать несколько макетов одного и того же логотипа. Вы можете выбрать как горизонтальный, так и квадратный логотип (используется в основном для рекламных продуктов). Логотипы веб-сайтов лучше всего выглядят, когда они расположены горизонтально, потому что панель навигации и область заголовка также горизонтальны.Логотип также займет меньше места по вертикали.

2. Нижний колонтитул. Вопреки распространенному мнению, нижние колонтитулы — это хорошо заметный раздел веб-сайта. Мы рекомендуем выбрать наиболее важные ссылки или атрибуты компании и включить их в нижний колонтитул, например логотип компании. Другие вещи, которые идеально подходят для включения в нижний колонтитул веб-сайта, — это ссылка на политику конфиденциальности, карту сайта HTML или страницу условий использования. Включение кнопок социальных сетей и контактной информации, такой как адрес электронной почты компании, номер телефона и адрес, также может увеличить конверсию.Логотипы компаний отлично смотрятся в гнезде (раздел под нижним колонтитулом), прямо над разделом об авторских правах или над ним.

3. Внешний блог или субдомен. У вас есть отдельный блог от вашего основного веб-сайта или субдомена, на который перенаправляются пользователи? В таком случае не забудьте добавить на эти сайты логотип компании. Даже если ваш блог может не получить столько трафика, сколько ваш основной сайт, или если ваш субдомен noindex / nofollow используется только для оформления заказа или покупки, добавление логотипа все равно может помочь в узнаваемости бренда.Ссылка вашего логотипа обратно на главную страницу веб-сайта также поможет пользователям вернуться на основной сайт и значительно уменьшит путаницу при навигации.

4. Контактная страница. Помимо добавления номера телефона, адреса электронной почты, значков социальных сетей и адреса магазина на страницу контактов, не забудьте добавить логотип компании и слоган, если они у вас есть. Убедитесь, что клиенты получают наилучшие впечатления от контактной страницы вашего веб-сайта, поскольку это последний шаг, который им необходимо сделать, чтобы либо запросить услугу, либо совершить покупку, либо сделать запрос.Поддержите свой бренд и слоган, продемонстрировав его на одной из самых важных страниц своего сайта.

5. Страница благодарности или подтверждения. После того, как ваш клиент совершит покупку в Интернете или заполнит форму на вашем веб-сайте, важно сообщить пользователю, что его покупка или запрос были выполнены. Многие компании предпочитают перенаправлять пользователя на страницу подтверждения. Эти страницы обычно довольно простые и содержат только одну или две фразы вроде «Спасибо, что связались с нами, представитель скоро будет с вами.Чтобы получить немедленную помощь, свяжитесь с нами по телефону (888) 888-8888 ». Тем не менее, не стесняйтесь добавить больше изюминки к своей странице подтверждения в виде логотипа вашей компании, чтобы еще раз напомнить клиенту о бизнесе, который он решил поддерживать.

Совет для профессионалов. Вот еще 125 мест для размещения вашего логотипа.

Где НЕ следует размещать логотип веб-сайта

Группу участников попросили вспомнить название бренда после просмотра различных макетов одной и той же домашней страницы веб-сайта. Единственная разница между макетами заключалась в том, где размещался логотип, то есть справа или слева от экрана. Когда их попросили запомнить название бренда, 39% участников смогли вспомнить название компании, когда логотип был размещен слева от экрана, в отличие от только 21%, которые вспомнили название, когда логотип был размещен справа от экрана. экран. Это неудивительно, ведь традиционно логотипы веб-сайтов всегда располагались слева от экрана, поэтому пользователи подсознательно ожидают, что логотип будет там.Большинство пользователей также читают слева направо, поэтому размещение логотипа компании слева гарантирует, что первое, что увидит пользователь, — это название бренда.

А как насчет размещения логотипа компании в центре, а не слева?

Согласно исследованию Nielsen Norman Group в 2016 году, размещение логотипов веб-сайтов в центре оказало пагубное влияние на пользовательский опыт. Пользователям, которые взаимодействовали с веб-сайтами с центрированными логотипами, было трудно вернуться на главную страницу с внутренней страницы, в то время как пользователям, которые взаимодействовали с веб-сайтом с логотипом, расположенным слева от экрана, было легче вернуться на домашнюю страницу. Размещение логотипа компании в центре может выглядеть современно и элегантно, но это снижает удобство навигации пользователя по сайту.

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

У вас есть бизнес-логотип, который можно использовать? Свяжитесь с Free Logo Services, и наша команда разработчиков веб-сайтов создаст индивидуальный веб-сайт для вашего бизнеса, чтобы вам не пришлось пошевелить пальцем. Если вы предпочитаете создавать собственный веб-сайт, не забудьте подготовить этот полезный список, когда начнете проектировать.

Merck | Дом

Изучите наши истории

Узнайте, как мы работаем, чтобы улучшить жизнь

Посмотреть наши истории Наши люди
«Возвращение из декретного отпуска во время пандемии оставило меня в шоке»

Элиза Маселла, исполнительный директор по глобальным коммуникациям, вернулась к работе после рождения первого ребенка в разгар COVID-19.Она делится тем, чему научилась и как она приспособилась.

Наши люди
От армии к Merck: уроки лидерства

Познакомьтесь с тремя женщинами, которые служили нашей стране и теперь помогают руководить нашей компанией

Наши люди
Разрушая преграды с небольшой помощью лучшего друга человека

Дарли Оливейра и его собака-поводырь Кларк — динамичный дуэт

Ответственность
Один день из жизни врача и волонтера Merck во время COVID-19

Доктор. Али продолжает сражаться на передовой болезни, несмотря на риск для себя и своих близких

Ответственность
Борьба с COVID-19 в качестве волонтера EMT

Один из наших коллег находит способ помочь напрямую бороться с пандемией COVID-19 в качестве волонтера EMT.

Ресурсы по бренду Sitecore

Ниже приведены основные сведения о шрифтах и ​​цветах нашего бренда. Для получения дополнительной информации и примеров, включая нашу иконографию и фотографии, загрузите и обратитесь к нашему Руководству по визуальной идентификации.

Основной шрифт

Типографика — неотъемлемая часть дизайн-системы, поскольку она помогает унифицировать наши сообщения и создавать знакомые. Avenir Next LT Pro — корпоративный шрифт Sitecore.Слово «авенир» в переводе с французского означает «будущее», и мы считаем, что это уместно, поскольку мы эволюционируем к более современной идентичности. Avenir Next удобен, прост и его дизайн дополняет более крупную систему дизайна. Основное использование этого шрифта в нашей дизайн-системе состоит из трех весов: Regular, DemiBold и Bold. Обязательно используйте нашу лицензионную копию Avenir Next LT Pro при создании проектов внутри компании или в качестве внештатного поставщика, чтобы убедиться, что все файлы используют одну и ту же версию шрифта. Версия Avenir Next LT Pro для веб-шрифтов также доступна для проектов Sitecore по запросу.

Sitecore использует семейство Open Sans в качестве кроссплатформенного шрифта для документов PowerPoint, Keynote, Word и других шаблонов, для которых необходимо указать общий шрифт.

Основные цвета бренда

КРАСНЫЙ

Hex: FE2911
RGB: 254, 41,17
CMYK: 0, 94, 100, 0
Pantone: Ярко-красный C

ЧЕРНЫЙ

Шестнадцатеричный: 1CA6A3
RGB: 28, 166, 163
CMYK: 77, 13, 40, 0
Pantone: 3272 C

УГОЛЬ

Hex: 232323
RGB: 35, 35, 35
CMYK: 71, 65, 64, 72
Pantone: 3272 C

ЧЕРНЫЙ

Hex: 000000
RGB: 0, 0, 0
CMYK: 75, 68, 67, 90
Pantone: Черный 6 C

БЕЛЫЙ

Hex: FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0
Pantone: НЕТ

СЕРЫЙ 1

Hex: F0F0F0
RGB: 240, 240, 240
CMYK: 3, 2, 2, 0
Pantone: 427 C

СЕРЫЙ 2

Шестнадцатеричный: 1940
RGB: 204, 204, 204
CMYK: 19, 15, 15, 0
Pantone: Холодный серый 3 C

СЕРЫЙ 3

Hex: 999999
RGB: 153, 153, 153
CMYK: 43, 35, 35, 0
Pantone: Холодный серый 6 C

СЕРЫЙ 4

Hex: 707070
RGB: 112, 112, 112
CMYK: 57, 48, 48, 15
Pantone: 424 C

СЕРЫЙ 5

Hex: 333333
RGB: 51, 51, 51
CMYK: 69, 63, 62, 58
Pantone: 446 C

Наша палитра проста, смелая и уверенная. Обширное белое пространство позволяет нашим цветам выделяться. Красный и бирюзовый следует использовать экономно, а диапазон серого обеспечивает гибкость и создает иерархию. Мы должны использовать высококонтрастные цветовые комбинации, чтобы создать смелый вид и соответствовать требованиям доступности. При необходимости доступен полный спектр оттенков серого для обеспечения удобочитаемости, контрастности и разнообразия. Сначала используйте указанные оттенки серого, затем настройте смеси серого по мере необходимости, всегда поддерживая одинаковое значение RGB = R: 100, G = 100, B = 100.

Разметка схемы логотипа

| Центр поиска Google | Разработчики Google

Укажите изображение, которое Google Search использует для логотипа вашей организации в Поиске. результатов и в панели знаний Google. Google Search использует разметку при использовании Пример случая для распознавания изображения для использования в качестве логотипа организации. Этот гарантирует, что по возможности изображение появится в результатах поиска по Компания. Подобная разметка — сильный сигнал для алгоритмов поиска Google показать это изображение на панелях знаний.

Как добавить структурированные данные

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

Вот обзор того, как создавать, тестировать и выпускать структурированные данные. Пошаговое руководство о том, как добавить структурированные данные на веб-страницу, см. структурированный данные codelab.

  1. Добавьте необходимые свойства. Для информации о том, где поставить структурированные данные на странице, смотрите, как структурирован JSON-LD данные: Куда вставить на странице.
  2. Следуйте инструкциям.
  3. Подтвердите свой код с помощью Богатый тест результатов.
  4. Разверните несколько страниц, содержащих ваши структурированные данные, и используйте инструмент проверки URL-адресов, чтобы проверить, как Google видит страницу. Убедитесь, что ваша страница доступны для Google и не блокируются роботами.txt, тег noindex или требования для входа в систему. Если страница выглядит нормально, вы можете попросить Google повторно просканируйте ваши URL-адреса. Примечание : дайте время для повторного сканирования и повторной индексации. Помните, что это После публикации страницы Google может найти и просканировать ее через несколько дней.
  5. Чтобы держать Google в курсе будущих изменений, мы рекомендуем вам представить карта сайта. Вы можете автоматизировать это с помощью Карта сайта Search Console API.

Пример

Вот пример логотипа в коде JSON-LD.

 
  
     О нас   
   
 

Определения структурированных типов данных

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

Обязательные свойства

логотип

URL

URL-адрес логотипа, представляющего организацию.

Дополнительные рекомендации по изображениям:

  • Изображение должно быть не менее 112×112 пикселей.
  • URL изображения должен быть доступен для сканирования и индексации.
  • Формат файла изображения должен поддерживаться Google Images.

URL

URL

URL-адрес веб-сайта, связанного с логотипом.

Исправление проблем

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

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

Размещение логотипа на веб-сайте

для максимального запоминания бренда

Размещение логотипа в верхнем левом углу веб-страницы, вероятно, является наиболее распространенным шаблоном дизайна за все время. Логотип служит ориентиром , который ориентирует пользователей, когда они впервые попадают на страницу, и помогает им идентифицировать веб-сайт, который они посещают.Многие исследования показывают, что носители языков с письмом слева направо сначала смотрят на левую часть страницы, и часто первым элементом страницы, на который они обращают внимание, является логотип. (В целом они также проводят больше времени, глядя на левую часть страницы.)

Выровненные по правому краю логотипы препятствуют веб-соглашениям

Выровненный по левому краю логотип удобен для пользователей, но, поскольку это такая давняя традиция, этот стандарт является соблазнительной мишенью для всех, кто хочет выглядеть нестандартно. Нарушение этого правила кажется простым способом сразу выделить дизайн среди конкурентов и выделиться из толпы.Например, показанная ниже домашняя страница веб-сайта отеля New York Edition отражает традиционный макет и отображает название отеля и меню навигации в правом углу страницы.

Веб-сайт отеля New York Edition нарушает веб-традиции, размещая логотип сайта и элементы навигации в правом углу страницы.

Имеет ли значение размещение?

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

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

Чтобы выяснить, есть ли реальные последствия нестандартного размещения логотипов, мы сравнили реакцию пользователей на 4 различных сайтах отелей:

  • Для каждого сайта пользователи были случайным образом назначены для просмотра либо фактического дизайна веб-сайта, либо версии, которую мы изменили, чтобы изменить положение логотипа и навигации для отображения в противоположной части экрана
  • Пользователи просматривали каждый веб-сайт около минуты и оценивали свое восприятие того, является ли отель уютным, уникальным, стильным и где они хотели бы остановиться.
  • Пользователи просмотрели 5 различных веб-сайтов (в случайном порядке) и впоследствии ответили на некоторые несвязанные демографические вопросы (чтобы минимизировать эффект новизны, который, возможно, улучшил их память о последнем посещенном сайте).
  • Наконец, пользователям был представлен список из 10 отелей и их попросили выбрать те, которые они видели и оценили в предыдущих вопросах. (Этот тип вспомогательного тестирования обычно используется в маркетинговых исследованиях для оценки эффективности рекламы.)

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

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

Расположение логотипа слева и справа

При сравнении размещения логотипа слева и справа использовались изображения, подобные показанным ниже: реальный веб-сайт отеля Hudson слева с выровненным по левому краю логотипом и наша измененная версия справа с перевернутыми логотипом и навигацией. к менее традиционному размещению справа.

Мы сравнили настоящий веб-сайт отеля Hudson (слева) с нашей модифицированной версией (справа).

Для каждого сравниваемого дизайна мы обнаружили, что на больше пользователей запомнили название бренда, когда оно отображалось на левой стороне страницы, а не на правой. Это различие было статистически значимым (с использованием критерия хи-квадрат для сравнения количества раз, когда бренд был отозван для левого и правого позиционирования логотипа, p <0,05.)

Запоминаемость бренда была следующей, в среднем по 4 сайтам, которые мы тестировали:

Расположение логотипа

Средний отзыв бренда

слева

39%

Правый

21%

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

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

(Наше пользовательское тестирование в странах с написанием справа налево показало, что многие из традиционных рекомендаций по макету веб-страницы, как и следовало ожидать, являются зеркальными. Например, эти пользователи просматривают правую сторону текста .Таким образом, вполне вероятно, что наши результаты по размещению логотипа также могут быть отражены, в результате чего наилучшее размещение логотипа будет справа. Однако мы не проводили этого исследования и не можем сказать наверняка.)

Делают ли необычные позиции логотипа бренд «уникальным»?

А как насчет менее ощутимых эффектов, помимо запоминаемости? Считали ли пользователи сайты с нетрадиционным размещением более уникальными или стильными?

Одним словом, нет. Не было статистически значимых различий (согласно t-критерию для двух выборок) в том, как люди оценивали отели с традиционными логотипами, выровненными по левому краю, по сравнению с «нетрадиционными» логотипами, выровненными по правому краю.Фактически, в большинстве случаев логотипы, выровненные по левому краю, оценивались немного более «уникально» и «стильно» (хотя, опять же, эти различия не были значительными). Также не было статистически значимых различий между дизайном логотипа, выровненным по левому краю и расположенным справа согласованный дизайн логотипа по двум другим параметрам, которые оценили пользователи: кажется ли отель «гостеприимным» и хотели бы они остаться в нем.

Люди не оценивали дизайн с логотипами, выровненными по правому краю, как более стильные или уникальные, чем версии того же веб-сайта с выравниванием по левому краю.

Визуальный дизайн для эффективного брендинга веб-сайтов

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

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

(Подробнее о макете страницы см. В нашем курсе «UX-дизайн веб-страниц: оптимизация страниц для достижения бизнес-целей». Дополнительные сведения об измерении поведения пользователей см. В курсе «Измерение пользовательского опыта»).)

10 самых популярных логотипов сайтов

10 популярных логотипов веб-сайтов

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

1. Дизайн логотипа Google

Google, возможно, является золотым стандартом веб-бизнеса с беспрецедентной историей успеха и группой лояльных пользователей, которые первыми обращаются к нему для удовлетворения всех своих поисковых запросов. Это не просто поисковая машина, а мультимедийная империя. Логотип — это просто название компании, написанное шрифтом, напоминающим газеты. Такой выбор шрифта создает впечатление, что это источник, к которому можно обратиться за информацией. Разноцветная палитра с жирными основными цветами демонстрирует игривую сторону компании, о чем свидетельствуют заметные круги, образованные двумя буквами «О» в названии.

Дизайн логотипа веб-сайта Google

2. Дизайн логотипа YouTube

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

Youtube Дизайн логотипа веб-сайта

3. Дизайн логотипа Amazon

Amazon — это мультимедийный интернет-магазин, который начинал с книг и компакт-дисков, но теперь включает в себя практически все, что можно купить под солнцем. Это прекрасно отражает название. Линия под названием компании не только выглядит как улыбающийся рот, но и представляет собой стрелку, соединяющую буквы «а» и «z», показывая, что Amazon предлагает все от А до Я. Оранжевый цвет стрелки особенно заметен рядом с полностью черным логотипом.

Amazon Дизайн логотипа веб-сайта

4. Дизайн логотипа Ebay

Ebay — еще один веб-сайт, который молниеносно прошел путь от скромного начала до всемирного признания. В логотипе используются яркие основные цвета, чтобы показать свою забавную сторону. Буквы строчные, добавляя веселья, элементарного изображения. Буквы разного цвета и накладываются друг на друга, но расположены примерно так, что образуют прямоугольную форму, которая показывает стабильную и надежную сторону компании.Эта компания может мыслить нестандартно, но ее логотип следует всем правилам классического графического дизайна.

Дизайн логотипа веб-сайта Ebay

5. Дизайн логотипа Live Journal

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

Дизайн логотипа веб-сайта Live Journal

6. Дизайн логотипа GoDaddy

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

Дизайн логотипа сайта Godaddy

7. Дизайн логотипа Go

Go заслуживает признания за привлекательный логотип, связанный с его материнской компанией. Особый синий цвет и шрифт являются узнаваемыми частями бренда Disney, что уместно, поскольку Disney является материнской компанией.

8. Дизайн логотипа Gamespot

Gamespot — игровой веб-сайт с логотипом, достойным вывески казино. Каждая буква имени заключена в полный круг, за исключением буквы «О», имеющей яркую звездную форму, которая вместо этого означает успех.Оранжевый, желтый и красный цвета яркие и привлекают внимание. Сходство со знаком казино в Лас-Вегасе целенаправленно и очень подходит для сайта, который ориентирован на игровую индустрию, а также приглашает людей, которым нужен игровой опыт, не выходя из домашнего офиса.

Дизайн логотипа веб-сайта GameSpot

9. Дизайн логотипа IMDb

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

Дизайн логотипа веб-сайта IMDb

10.

Дизайн логотипа Twitter

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

Дизайн логотипа сайта Twitter

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

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *