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

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

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

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


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:
Введите изображенные цифры:
Captcha
Главная
X

youtube.com/watch?v=7hFivbgIEqk

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

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