Отправляет email-рассылки с помощью сервиса Sendsay
  Все выпуски  

Свой сайт - это просто! Пособие для чайников Иконки на сайте


Свой сайт – это просто! Пособие для чайников

2012. Выпуск 06 (96). Тираж этого выпуска: 34 479. Сайт рассылки: http://prostosite.ru/

Здравствуйте, уважаемые читатели!

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

Готовый образ доступнее, да и запоминается он легче и прочнее. Поэтому неудивительно,  что по некоторым данным иллюстрации увеличивают число прочитавших сопутствующий текст на 50%. Иллюстрация — отличная "приманка" к тексту. И чем примечательнее иллюстрация, тем большее число людей заинтересуется текстом.

 Также обращаю ваше внимание на пошаговый видео-курс о продвижении сайта в Интернете.

Свои предложения и пожелания вы можете отправлять на мой электронный адрес o.m.morozova@mtu-net.ru

Ольга Морозова

Сайт не приносит ни денег ни клиентов? Есть выход!

"Каждый из нас прекрасно понимает, что основа высоких заработков в интернете - ХОРОШО ПОСЕЩАЕМЫЙ САЙТ.
Если Ваш сайт ежедневно посещают больше 1000 уникальных посетителей - Вы в любом случае БУДЕТЕ ЗАРАБАТЫВАТЬ ДЕНЬГИ!
Но, к сожалению, 90% создаваемых сайтов в интернете - не способны привлечь даже 500 уникальных посетителей в сутки.

Это происходит по причине того, что владельцы сайтов не знают (или не понимают) ПРОСТЫХ, но ЭФФЕКТИВНЫХ способов ПРОДВИЖЕНИЯ САЙТА В ИНТЕРНЕТЕ.

И, продержав сайт на хостинге год - они его закрывают как нерентабельный проект...
УСПЕВАЯ ЗА ЭТО ВРЕМЯ ВЫКИНУТЬ от 100 до 500$ за видеокурсы по раскрутке сайта, которые никакой пользы не представляют

Нам говорят, что продвижение сайта - это сложно, дорого, недоступно....

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

Пошаговый видеокурс по продвижению сайта в интернете БЕСПЛАТНЫМИ МЕТОДАМИ. Это отличная возможность научиться продвигать любые некоммерческие сайты эффективно и получать тысячи уникальных посетителей в сутки!

Кликните сюда http://1000-k.ru/op/go/house/p/1000el

Автор данной тренинг системы - успешный инернет предприниматель Александр Борисов. Александр имеет 5-летний опыт ведения бизнеса в интернете. Данный курс имеет в своем распоряжении ЭФФЕКТИВНУЮ систему обучения, построенную по принципу мультимедиа уроков и практических заданий.

Информация здесь http://1000-k.ru/op/go/house/p/1000el

В результате изучения видеокурсов - Вы научитесь эффективным и НАДЕЖНЫМ приемам БЕСПЛАТНОГО продвижения сайта в интернете.
И уже за 3,5 месяца получите 1000 УНИКАЛЬНЫХ ПОСЕТИТЕЛЕЙ НА СВОЙ САЙТ ежедневно!

Узнайте всю информацию здесь http://1000-k.ru/op/go/house/p/1000el"

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

Источник урока: www.smashingmagazine.com/2009/03/03/how-to-use-icons-to-support-content-in-web-design/
Перевел: Сергей Фастунов, команда сайта ruseller.com

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

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

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

1. Как использовать иконки

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

Усиливаем список особенностей

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

Пример: 280 Slides

280Slides

Привлекаем внимание к новым особенностям веб приложения

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

Пример: Coda

Coda

Список различных приложений и продуктов

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

Пример: Intridea

Intridea

Перечислите ваши услуги и увеличьте легкость чтения списка

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

Пример: J. Alexander Woodworking

Woodworking

2. Назначение и размещение

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

Акцентирование колонтитулов для придания заголовкам особенного вида

Даже простая иконка может добавить шарма и индивидуальности веб сайту.

Пример: Coffeenatic

Coffeenatic

Увлеките посетителя чтением длинной страницы

Используйте иконки как точки в абзацах. Такой подход существенно повысит удобство чтения даже самого длинного текста.

Пример: Rackspace

Rackspace

Отделяем заголовки и секции

Используйте иконки, чтобы поставить визуальную точку, отделяющую различные части текста.

Пример: Defined Clarity

Defined Clarity

Размер значения не имеет! Даже маленькие иконки могут быть эффективны

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

Пример: Morgan Hayes

Маленькие иконки

Выделяем текст, размещая иконки справа от абзаца

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

Пример: South Creative

Размещение иконок справа

 

Изменяете размер и размещение иконок

Включите воображение! Изменение размера и размещения иконок сделает контент более динамичным и интересным.

Пример: Media Temple

Изменение размера и размещения иконок

3. Выберите свой стиль

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

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

Использование светлых цветов и отличного 3D дизайна иконок отлично дополняет внешний вид сайта: GoodBarry

Светлые цвета и отличный 3D дизайн иконок

 Простота привлекательна и практична: CrowdSPRING

Простота привлекательна и практична

 Использование неряшливого стиля для 2D иконок добавляет глубины: Take the Walk

Неряшливый стиль иконок

 Выбор уникального и последовательного стиля придает динамичности и профессионализма сайту: Squarespace

Уникальный дизайн иконок

 Монохроматические иконки могут акцентировать внимание на контенте без отвлечения: Studio 7 Designs

Монохроматические иконки

 Используйте силу трансформации снимка экрана с простым градиентом в уникальную иконку: Gist

Транформация снимка экрана в уникальную иконку

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

Простые иконки

 

4. Дополнительные примеры

Несколько дополнительных примеров эффективного использования иконок - по ссылке.

--

А на сегодня все!
Успехов и до новых встреч!

Ольга Морозова


В избранное