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

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

Логотип является лицом «бренда». Логотипы используются в СМИ, а также в любых рекламных объявлениях, которые способствуют продвижению бренда, ну и конечно они используются на веб-сайтах.
Использование логотипа на веб-сайтах, не должно быть банальным, как мы видим, в некоторых из ниже приведенных примеров.

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


CNN

После редизайна «CNN» мы видим как логотип сдвинулся к центру страницы. Это смотрится хорошо, логотип выделяется на фоне всей страницы, соответствует бренду и легко запоминается. Это вполне приемлемо, пока сам логотип остаётся в заголовке.

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

 

Duoh!

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

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

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

 

PDdstuts+

Psdtuts понимают важность расположение логотипа в «шапке», так что они даже включили свой логотип в «подвал».

Использование логотипов в веб-дизайнеGowalla

Gowalla располагают свой логотип и на месте сайдбара, и на месте футера.

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

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

 

Bullet PR

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

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

 

Palm

Palm включает в себя сравнительно небольшой логотип. Логотип всегда используется на всем сайте.

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

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

 

Econsultancy

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

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

 

Max Voltar

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

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

 

Web Designer Depot

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

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

 

Amazon

Amazon используют почти такие же методы. Если вы переходите в определённый раздел сайта, а затем хотите вернуться на главную страницу вам просто надо навести мышь на логотип, при этом логотип становится похожим на кнопку, на которой появляется стрелочка с надписью “homepage”, а затем нажать на неё. И вот вы снова на главной странице.

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

 

Elliot Jay Stocks

Аналогичный метод использует «Elliot Jay» на своем сайте, но вместо использование CSS спрайтов, он просто использует SPAN тег, которые содержит слово «Home».

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

Источник: inspectelement.com

Оцени публикацию:
  • 2,10
Оценили человек: 2

Похожие статьи:

Справочники и учебники:


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

Новые заметки:

Про что мы забываем когда делаем оценку задачи по времени

Список вопросов для собеседования разработчика по телефону

Symfony2 авторизация без Doctrine2 для чайника

Phpstorm7 LiveEdit

Жесткий хабр или не хабр, тогда кто?

Яндекс.Деньги мошенничество

Как узнать какие страницы в поиске яндекса или это секрет

Последние комменты:

Yapro CMS:

Здравствуйте, Гость | Войти | Регистрация | Карта сайта | RSS ленты | Ошибка в тексте? Выделите её мышкой и нажмите: Ctrl + Enter

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Веб-мастеру » Дизайн »