Интернет бизнес технологии вводный Интернет: что это такое? › Средство массовой информации: › интерактивное; › сетевое; › электронное; › печатное (а не, например, аудио-, видео- или графическое) Интернет: что это такое? Массовость: › при большой посещаемости сайт становится › › › › полноформатным СМИ: его содержание читают тысячи людей в день, а это значит: содержание сайта должно быть «высокого качества» в информационном плане; содержание сайта должно быть выверено орфографически и грамматически (другие языки!!!); платформа сайта должна строиться с учетом возможности больших нагрузок; помните: каждое слово, каждую картинку, каждый знак на сайте выкачивает каждый пользователь!!! Интернет: что это такое? Интерактивность: › Пользователи «голосуют кликами» за тот или иной сайт, для них важна не только информации, но и удобство ее использования - «юзабельность» сайта; › Заранее проектируйте структуру сайта: › удобная навигация: дублирующая навигация, «правило 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 пунктов.