Интернет-Бизнес

Интернет бизнес технологии
вводный
Интернет: что это такое?
› Средство массовой информации:
› интерактивное;
› сетевое;
› электронное;
› печатное (а не, например, аудио-,
видео- или графическое)
Интернет: что это такое?
Массовость:
› при большой посещаемости сайт становится
›
›
›
›
полноформатным СМИ: его содержание читают
тысячи людей в день, а это значит:
содержание сайта должно быть «высокого качества»
в информационном плане;
содержание сайта должно быть выверено
орфографически и грамматически (другие языки!!!);
платформа сайта должна строиться с учетом
возможности больших нагрузок;
помните: каждое слово, каждую картинку, каждый
знак на сайте выкачивает каждый пользователь!!!
Интернет: что это такое?
Интерактивность:
› Пользователи «голосуют кликами» за тот или иной
сайт, для них важна не только информации, но и
удобство ее использования - «юзабельность» сайта;
› Заранее проектируйте структуру сайта:
› удобная навигация: дублирующая навигация,
«правило 3-х кликов»;
› правильно организованная домашняя (титульная)
страница.
Интернет: что это такое?
Сеть:
› объем передаваемой информации;
› универсальность «Как грамотно
отобразить сайт?»:
› безопасность
Интернет: что это такое?
«Электронные» особенности:
› мы имеем дело с экраном монитора, на не с листом
бумаги;
› Для текста правильно отображается только 216 цветов
› Экран монитора сам имеет физические размеры,
› Для каждоготипа картинок подходят форматы файлов:
›GIF - рисунки;
›JPEG - фотографии
›PNG - автоматически оптимизирует Мало
распространен
Интернет: что это такое?
Технологии печатных изданий:
› Сейчас- основа подачи информации в Интернет - текст,
а уже потом - графика, аудио, видео...
› Текст может быть не менее выразителен, чем
переливающийся всеми цветами радуги
анимированный баннер, но занимает гораздо меньше
места;
› Если сайт сделан для подачи текстовой информации,
графика должна дополнять, иллюстрировать текст, а не
глушить его; Если в основе сайта - графика, помните,
что текст - самостоятельный элемент дизайна;
› Помните про особенности Интернет: не все, что
хорошо выглядит в цветном журнале, будет смотреться
и на сайте (обои, фон, большие картинки).
Дизайн в Интернет
С чего начать?
› Определите Цель создания сайта:
› Подберите (или придумайте) подходящий Стиль.
Стиль должен быть обязательно, иначе ваш дизайн
непременно развалится;
› Заложите в сайт Идею,
› Помните, все хорошо в Меру,
› и ...Поехали!!!
Дизайн в Интернет
С чего начать?
› Любую композицию
› Можно разбить на элементы
› Связанные между собой отношениями единства,
баланса, контраста и т.д.
Дизайн в Интернет: принципы
Единство, целостность, лаконичность
› «Не создавай лишних сущностей без необходимости»
Оккам.
› Главное - содержание. Важно подчеркнуть его логику,
его внутреннюю структуру;
› Первый шаг - «Академический стиль» www.naggum.no
› Точность - вежливость дизайнера, подход «на глазок»
недопустим.
Дизайн в Интернет: принципы
Контраст
›
›
›
›
›
Единство и баланс – фундамент, контраст – двигатель;
Контраст – продолжение единства,
контраст имеет градации
Контраст бывает одномерным и многомерным.
Всем этим нужно уметь пользоваться
Дизайн в Интернет: принципы
Динамика
› Любой контраст и любая асимметрия вносят в
композицию динамику восприятия;
› Дизайнер должен управлять этой динамикой,
проанализировав «движение внимания» зрителя по
композиции;
› Динамику можно подчеркнуть, включив в композицию
изображение реального объекта, которому свойственно
движение, например волны;
›Для движения нужно место, причем соотношение
расстояний «впереди» и «сзади» управляют
«продолжительностью» и «скоростью» движения;
› у движения всегда есть направление, вектор которого
может подчеркнуть акценты в композиции… или сломать ее.
Дизайн в Интернет: принципы
Ньюансировка
› «Тщательно собранные» ньюансы создают большое
впечатление
› Композиция без ньюансов смотрится как
неотшлифованное дерево;
› Тщательно обработанные ньюансы привлекают к
себе внимание вновь и вновь.
Дизайн в Интернет:
инструменты
Пространственные отношения:
› Размер: В дизайне нет абсолютного размера, нам важен не
сам размер а его восприятие – размер элементов в
миниатюре на перстне и фреске в соборе разный, но
восприняты они могут быть одинаково ;
› Пропорции:пропорция есть соотношение размеров
разных объектов, их элементов. Чем проще, тем лучше:
пропорции 1:1, 1:2,1:3 – всегда популярны, но и
злоупотреблять этим не стоит;
› Группировки: Расстояние между элементами +
выравнивание = группировка;
› Плотность:Деловой стиль – большая плотность,
развлекательный – меньше. Страницы артистического
склада могут позволить себе «поиграть» с наложением
объектов;
Дизайн в Интернет:
инструменты
Пространственные отношения:
› Единство – показывается через
выравнивание, группировку
› Контраст – через размеры;
› Для нюансировки – пространственные
отношения – самый благодарный материал
Дизайн в Интернет:
инструменты
Формы
› По форме «узнается» объект;
› В основе любой композиции лежат формы и
пространственные отношения между ними
› Форм бесконечное множество, классифицируем их по
геометрическим признакам:
›Прямые
›Прямоугольники
›Круги и закругления
›бесформенность
Дизайн в Интернет:
инструменты
Цвет
Наряду с размером и формой, цвет - один из базовых
элементов дизайна,
› На вкус и на цвет товарища нет, но есть мнение
большинства;
Идеальные цвета
› Черный и белый.
› The First color is White, The Second color is black, The
Third color is Red. Rodger Black
› Между текстом и фоном должен быть достаточный
контраст;
› Проверить сочетаемость цветов легко - достаточно
просто просмотреть получившуюся картинку в
черно-белом режиме.
Дизайн в Интернет:
инструменты
Шрифты и текст
«Шрифт - самый интересны, сложный, и самый
благодарный материал веб-дизайнера» - Д. Кирсанов
Шрифты совершенствовались веками.
› Элементы шрифта:
›Гарнитура - набор начертаний (font, font family, font
face);
›Вид начертания
›Кегль (размер)
Дизайн в Интернет:
инструменты
Шрифты и текст: Гарнитуры
› с засечками (serifs)
› без засечек, рубленные (san serifs)
›моноширинные (fixed with)
› декоративные (стилизации, каллиграфия, трехмерные)
› Специальные 

Дизайн в Интернет:
инструменты
Шрифты и текст: Виды начертаний
›
›
›
›
прямое (roman)
курсивное (italic)
перекошенное вправо (oblique)
Насыщенность: светлое (light) , полужирный (bold face),
жирное (bold), сверхжирное (extra bold)
› Ширина: сжатые (condensed), растянутые
(expanded)
› Кегль (Font size) - измеряются в пунктах, 1 пункт =
0,35 мм, причем это высота «очка» шрифта, так что
при высоте кегля в 10 пунктов, заглавные буквы имеют
высоту около 7 пунктов.