| ← Май 2012 → | ||||||
|
1
|
3
|
4
|
5
|
|||
|---|---|---|---|---|---|---|
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
|
14
|
15
|
16
|
18
|
19
|
20
|
|
|
21
|
23
|
25
|
26
|
27
|
||
|
28
|
29
|
30
|
31
|
|||
За последние 60 дней ни разу не выходила
Сайт рассылки:
http://www.00am.ru
Открыта:
14-09-2003
Адрес
автора: inet.webbuild.prostosait-owner@subscribe.ru
Статистика
-1 за неделю
Свой сайт - это просто! Пособие для чайников Иконки на сайте
Свой сайт – это просто! Пособие для чайников2012. Выпуск 06 (96). Тираж этого выпуска: 34 479. Сайт рассылки: http://prostosite.ru/
Сайт не приносит ни денег ни клиентов? Есть выход!"Каждый из нас прекрасно понимает, что основа высоких
заработков в интернете - ХОРОШО ПОСЕЩАЕМЫЙ САЙТ. Это происходит по причине того, что владельцы сайтов не знают (или не понимают) ПРОСТЫХ, но ЭФФЕКТИВНЫХ способов ПРОДВИЖЕНИЯ САЙТА В ИНТЕРНЕТЕ. И, продержав сайт на хостинге год - они его закрывают
как нерентабельный проект... Нам говорят, что продвижение сайта - это сложно, дорого, недоступно.... Но такое говорят по 2-м причинам - либо от незнания
реального положения дел; Пошаговый видеокурс по продвижению сайта в интернете БЕСПЛАТНЫМИ МЕТОДАМИ. Это отличная возможность научиться продвигать любые некоммерческие сайты эффективно и получать тысячи уникальных посетителей в сутки! Кликните сюда http://1000-k.ru/op/go/house/p/1000el Автор данной тренинг системы - успешный инернет предприниматель Александр Борисов. Александр имеет 5-летний опыт ведения бизнеса в интернете. Данный курс имеет в своем распоряжении ЭФФЕКТИВНУЮ систему обучения, построенную по принципу мультимедиа уроков и практических заданий. Информация здесь http://1000-k.ru/op/go/house/p/1000el В результате изучения видеокурсов - Вы научитесь
эффективным и НАДЕЖНЫМ приемам БЕСПЛАТНОГО продвижения сайта в интернете. Узнайте всю информацию здесь 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/ Зачем использовать иконки? Дизайн - это все, что связано с коммуникациями между людьми: не важно, насколько интересна и важна информация, которую вы представляете другим, если вы не смогли удержать внимание своих посетителей. При первом посещении веб сайта большинство пользователей сканирует страницу в поисках интересного контента. И только после того, как что-нибудь привлечет их внимание, они начинают действительно читать. Иконки являются простым и эффективным способом ввести пользователя в контент вашего сайта. Иконки имеют такое же психологическое назначение, как и разрывы между абзацами: они визуально прерывают контент, делая его менее устрашающим для восприятия. Хорошо отформатированная страница с разрывами текста на легко читаемые абзацы и с расставленными акцентами в виде иконок легко читается и достаточно интересна для удерживания внимания посетителя. Хватит тратить время на написание огромных текстов, которые никто не читает. Начинайте использовать иконки! В данной статье мы покажем отличные примеры и лучшие практики использования иконок для поддержки контента в веб дизайне. 1. Как использовать иконкиОсновная задача использования иконок - это помощь пользователю в эффективном процессе восприятия и обработки информации. Обычно цели достигаются с использованием свободного пространства и иконок, которые не отвлекают от контента, а наоборот, дополняют его. Использование иконок обогащает даже минимальный контент, придавая ему веса и улучшая эффективность коммуникаций без лишних слов. Иконки следует использовать для привлечения внимания к контенту, но ни в коем случае не для замещения его. Усиливаем список особенностейПеречисление услуг является обычной практикой и необходимой частью эффективного маркетинга, но сам по себе список весьма банален и скучен. Использование иконок в сочетании со списком особенностей делает его более привлекательным и информативным. Пример: 280 Slides
Привлекаем внимание к новым особенностям веб приложенияИконки являются визуальным приглашением попробовать последние и лучшие особенности вашего веб приложения. Иконки должны захватывать внимание вашего посетителя и направлять его к новым особенностям. А как только внимание посетителя захвачено, расскажите о том, какие великолепные возможности открываются ему. Пример: Coda
Список различных приложений и продуктовВ данном случае нужно рассматривать иконку как логотип, помня о том, что цель логотипа - построить ментальную ассоциацию между продуктом и изображением. Иконка должна быть уникальной, но простой: большинство иконок имеют размер 128 на 128 px, поэтому надо использовать минималистский подход и суметь сказать многое, используя минимум средств. Пример: Intridea
Перечислите ваши услуги и увеличьте легкость чтения спискаИконки должны соответствовать контенту и иметь простой дизайн. Определите, что вы хотели выразить с помощью контента и создайте на этой основе иконку. Какая тема у веб сайта или статьи? Какие цвета используются? Что это за стиль? Модерн? Классик? Иконки должны быть визуально унифицированы с идеями, выраженными в контенте. Пример: J. Alexander Woodworking
2. Назначение и размещениеИконки делают интерфейс сайта дружественным, располагающим и профессиональным. Они показывают, что вы заботитесь даже о мелких деталях. Включите свое воображение при работе с иконками: заголовки, боковые панели, колонтитулы и списки являются отличными местами для расположения иконок. Акцентирование колонтитулов для придания заголовкам особенного видаДаже простая иконка может добавить шарма и индивидуальности веб сайту. Пример: Coffeenatic
Увлеките посетителя чтением длинной страницыИспользуйте иконки как точки в абзацах. Такой подход существенно повысит удобство чтения даже самого длинного текста. Пример: Rackspace
Отделяем заголовки и секцииИспользуйте иконки, чтобы поставить визуальную точку, отделяющую различные части текста. Пример: Defined Clarity
Размер значения не имеет! Даже маленькие иконки могут быть эффективныМаленькие иконки обеспечивают такой же уровень визуального интереса, как и большие, но без потенциальной опасности отвлечь внимание. Убедитесь, что иконки легко распознать, и что они близки по смыслу к тексту, на котором акцентируют внимание. Пример: Morgan Hayes
Выделяем текст, размещая иконки справа от абзацаНе надо зацикливаться на однообразном размещении иконок. Расположение иконок справа от текста реже используется, поэтому оно более визуально привлекательно. Но остерегайтесь, иногда такое расположение выглядит неряшливо. Пример: South Creative
Изменяете размер и размещение иконокВключите воображение! Изменение размера и размещения иконок сделает контент более динамичным и интересным. Пример: Media Temple
3. Выберите свой стильКогда дело доходит до стиля, то нужно иметь в качестве цели эффективность. Если ваш дизайн предполагает уникальность, то оригинальные иконки будут хороши для него, но эффективность гораздо более важна. Помните, что иконки предназначены для расширения и дополнения контента и дизайна. Поэтому особенно важно уделять внимание тому, как ваши иконки соответствуют остальному веб сайту. Не стоит покупать круто выглядящие иконки на каком-нибудь сайте, вроде iStockPhoto. Гораздо важнее, чтобы иконки были в одном стиле с остальным содержанием сайта. Также важно, чтобы все ваши иконки соответствовали друг другу. Группировка разноплановых иконок, вне зависимости от того, насколько они круто выглядят, является выделяющейся ошибкой дизайна и признаком непрофессионализма. Ниже приводится несколько примеров того, как иконки могут быть эффективно интегрированы в стиль сайта. Использование светлых цветов и отличного 3D дизайна иконок отлично дополняет внешний вид сайта: GoodBarry
Простота привлекательна и практична: CrowdSPRING
Использование неряшливого стиля для 2D иконок добавляет глубины: Take the Walk
Выбор уникального и последовательного стиля придает динамичности и профессионализма сайту: Squarespace
Монохроматические иконки могут акцентировать внимание на контенте без отвлечения: Studio 7 Designs
Используйте силу трансформации снимка экрана с простым градиентом в уникальную иконку: Gist
Не надо использовать иконку только потому, что она круто выглядит. Выберите то, что больше подходит к вашему сайту по стилю и марке: Treemo
4. Дополнительные примерыНесколько дополнительных примеров эффективного использования иконок - по ссылке. -- А на сегодня все! Ольга Морозова
2003-2012 E-mail:
o.m.morozova@mtu-net.ru
"Свой сайт - это просто! Пособие для чайников". http://prostosite.ru/ |
Здравствуйте, уважаемые читатели!
| В избранное | ||
