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

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

Естественно, вышеописанные плюсы и минусы языка и дизайна определяют сферу их применения. Дизайн применяется там, где использование слов и предложений неэффективно. Согласитесь, гораздо проще и удобнее нарисовать иконку с домиком, чем писать фразу «чтобы перейти на домашнюю страницу, щёлкните по этому тексту». Язык применяют там, где одной графикой обойтись нельзя и следует донести мысль предельно чётко.

Вот здесь мы плавно подходим к главной проблеме, стоящей перед дизайном и скрывающейся в самой его природе.

Представьте, что вам надо создать логотип для компании, занимающейся производством говяжьей тушёнки. Как сформулировать в одном единственном предложении (которое должно лечь в основу логотипа) столь комплексное явление. Здесь надо упомянуть о том, что компания стабильна, существует 40 лет на рынке, использует экологически чистое сырьё, её продукция вкусна, она постоянно развивается, её сотрудники испытывают счастье от работы в ней и многое-многое другое.

Языковыми средствами здесь не справиться: не писать же огромный список положительных черт организации на каждой банке. Тогда нужно обратиться к дизайну с его абстрактностью и универсальностью. Но опять-таки, как маленькая картинка сможет донести такое огромное количество разнообразных смыслов? Любой логотип для столь масштабных явлений обречён на убогость (в смысловом значении) и бессодержательность. Объять такое количество смыслов теоретически способно лишь абсолютно абстрактное изображение, которое люди будут толковать, как им захочется. Однако кто даст гарантию, что их толкование каким-то образом будет касаться тушёнки.

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

Осознание проблемы и невозможности её решить ещё не повод для радости. Если явление такое комплексное и сложное, что дизайнер не может описать его своими средствами, то как же тогда заказчику оценивать его работу? Руководствоваться принципом «не стреляйте в пианиста, он играет, как может». Но такой подход способен породить в дизайнерской среде безответственность и халтурное отношение к работе. Что тогда делать заказчику?

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

Вывод

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

http://shelkovnikov.pro

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

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

Естественно, вышеописанные плюсы и минусы языка и дизайна определяют сферу их применения. Дизайн применяется там, где использование слов и предложений неэффективно. Согласитесь, гораздо проще и удобнее нарисовать иконку с домиком, чем писать фразу «чтобы перейти на домашнюю страницу, щёлкните по этому тексту». Язык применяют там, где одной графикой обойтись нельзя и следует донести мысль предельно чётко.

Вот здесь мы плавно подходим к главной проблеме, стоящей перед дизайном и скрывающейся в самой его природе.

Представьте, что вам надо создать логотип для компании, занимающейся производством говяжьей тушёнки. Как сформулировать в одном единственном предложении (которое должно лечь в основу логотипа) столь комплексное явление. Здесь надо упомянуть о том, что компания стабильна, существует 40 лет на рынке, использует экологически чистое сырьё, её продукция вкусна, она постоянно развивается, её сотрудники испытывают счастье от работы в ней и многое-многое другое.

Языковыми средствами здесь не справиться: не писать же огромный список положительных черт организации на каждой банке. Тогда нужно обратиться к дизайну с его абстрактностью и универсальностью. Но опять-таки, как маленькая картинка сможет донести такое огромное количество разнообразных смыслов? Любой логотип для столь масштабных явлений обречён на убогость (в смысловом значении) и бессодержательность. Объять такое количество смыслов теоретически способно лишь абсолютно абстрактное изображение, которое люди будут толковать, как им захочется. Однако кто даст гарантию, что их толкование каким-то образом будет касаться тушёнки.

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

Осознание проблемы и невозможности её решить ещё не повод для радости. Если явление такое комплексное и сложное, что дизайнер не может описать его своими средствами, то как же тогда заказчику оценивать его работу? Руководствоваться принципом «не стреляйте в пианиста, он играет, как может». Но такой подход способен породить в дизайнерской среде безответственность и халтурное отношение к работе. Что тогда делать заказчику?

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

Вывод

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

http://shelkovnikov.pro

Бытует мнение, что web-дизайну далеко до полиграфии, которая почитается за высший профессиональный пилотаж. Однако сайты мастеров разительно отличаются от домашних страничек обычных пользователей (самих творцов "профи" презрительно называют "хомяками" (от home page), а их работу - "хомячеством").

Чтобы сайты были не просто набором текстов и фотографий, а настоящим произведением дизайнерского искусства, необходимо изучить специальные языки программирования, такие как Perl, jаvascript, php и др., уметь работать с Photoshop'ом, разбираться в текстовых кодировках, знать языки разметки (HTML и XML), а также способы представления графики (векторные и растровые форматы).

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

Естественно, что уровень компьютерной грамотности дизайнера намного превышает уровень обычного пользователя. Дизайнер - это художник. Но между карьерой художника и "компьютерщика" существует вполне ощутимая связь: дизайнерские решения, касающиеся печатных материалов, рекламной продукции, web'а создаются с помощью определенного программного обеспечения.

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

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

На Западе заказчики обращаются в дизайнерские бюро. Если фирма крупная, то она сама имеет дизайнерский отдел, откуда проекты поступают в отдел подготовки (в полиграфии - препресс, в web'е - верстка и программирование). Для человека, совмещающего должности дизайнера и верстальщика (точнее, верстальщика, который иногда выполняет и работу дизайнера), "у них" имеется специальное название DeskTopPublisher.

Можно почти с уверенностью сказать, что в профессии графического дизайнера, как ни в какой другой, важно даже не желание - постоянное страстное стремление к воплощению своих идей.

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

Однако дизайнеры с огромным опытом и отсутствием профильного образования есть только в нашей стране. В нормальных условиях графическому дизайнеру необходимо высшее художественное образование и знание технического обеспечения (например, если вы работаете в полиграфии, вам нужно хорошо знать тонкости печатных процессов).

Элементарные знания различных графических программ можно получить на краткосрочных курсах. Однако курсы помогут только залатать дыру, основательные же знания нужно получать в вузе.

Куда податься новоиспеченному (или весьма опытному) графическому дизайнеру? Его с удовольствием возьмут в любом издательстве или редакции (СМИ или книги), самостоятельно занимающемся допечатной подготовкой материалов (препресс), рекламном агентстве (наружная реклама, изготовление рекламных модулей). В крупных фирмах, на первый взгляд не имеющих отношения к дизайну, осознают ценность таких сотрудников и организуют соответствующие отделы, чтобы издавать красивые каталоги своей продукции, проектировать упаковку, этикетки, заниматься рекламой. Ну и конечно, всегда требуются графические дизайнеры тем, кто занимается созданием и поддержкой многоуровневых порталов (km.ru, yandex.ru, rambler.ru, mail.ru, afisha.ru, weekend.ru и др.).

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

В целом наши зарплаты колеблются от $200 (в маленькой непрофильной компании) до $3 тыс. и более (в крупном издательском доме или рекламном агентстве). Часто сумма зависит не от квалификации мастера, а от возможностей фирмы.

Положение графического дизайнера в России кардинально отличается от положения его зарубежого собрата, который как генератор и воплотитель идей ценится высоко. На Западе дизайн давно стал индустрией, массовым производством. В обществе, где товарно-денежные отношения, основанные на глобальном разделении труда, прижились со времен царя Гороха, никто не желает заниматься профанацией, выполняя самостоятельно то, что должен делать профессионал. Обратиться к дизайнеру, чтобы подобрать подушки в гостиную или составить букет невесты, - обычное дело. Что уж говорить о графическом дизайнере, результатом деятельности которого будет журнал, упаковка для конфет, этикетка на винной бутылке. Эта продукция должна продаваться, и продаваться на ура, поэтому графический дизайнер - царь и бог, ведь он владеет сокровенным знанием: что именно требуется заказчику. А фирмы, предоставляющие услуги графического дизайна, занимают в экономике все более широкую нишу.

Источник: http://intalent.pro/article/graficheskiy-dizayner.html

Бытует мнение, что web-дизайну далеко до полиграфии, которая почитается за высший профессиональный пилотаж. Однако сайты мастеров разительно отличаются от домашних страничек обычных пользователей (самих творцов "профи" презрительно называют "хомяками" (от home page), а их работу - "хомячеством").

Чтобы сайты были не просто набором текстов и фотографий, а настоящим произведением дизайнерского искусства, необходимо изучить специальные языки программирования, такие как Perl, jаvascript, php и др., уметь работать с Photoshop'ом, разбираться в текстовых кодировках, знать языки разметки (HTML и XML), а также способы представления графики (векторные и растровые форматы).

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

Естественно, что уровень компьютерной грамотности дизайнера намного превышает уровень обычного пользователя. Дизайнер - это художник. Но между карьерой художника и "компьютерщика" существует вполне ощутимая связь: дизайнерские решения, касающиеся печатных материалов, рекламной продукции, web'а создаются с помощью определенного программного обеспечения.

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

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

На Западе заказчики обращаются в дизайнерские бюро. Если фирма крупная, то она сама имеет дизайнерский отдел, откуда проекты поступают в отдел подготовки (в полиграфии - препресс, в web'е - верстка и программирование). Для человека, совмещающего должности дизайнера и верстальщика (точнее, верстальщика, который иногда выполняет и работу дизайнера), "у них" имеется специальное название DeskTopPublisher.

Можно почти с уверенностью сказать, что в профессии графического дизайнера, как ни в какой другой, важно даже не желание - постоянное страстное стремление к воплощению своих идей.

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

Однако дизайнеры с огромным опытом и отсутствием профильного образования есть только в нашей стране. В нормальных условиях графическому дизайнеру необходимо высшее художественное образование и знание технического обеспечения (например, если вы работаете в полиграфии, вам нужно хорошо знать тонкости печатных процессов).

Элементарные знания различных графических программ можно получить на краткосрочных курсах. Однако курсы помогут только залатать дыру, основательные же знания нужно получать в вузе.

Куда податься новоиспеченному (или весьма опытному) графическому дизайнеру? Его с удовольствием возьмут в любом издательстве или редакции (СМИ или книги), самостоятельно занимающемся допечатной подготовкой материалов (препресс), рекламном агентстве (наружная реклама, изготовление рекламных модулей). В крупных фирмах, на первый взгляд не имеющих отношения к дизайну, осознают ценность таких сотрудников и организуют соответствующие отделы, чтобы издавать красивые каталоги своей продукции, проектировать упаковку, этикетки, заниматься рекламой. Ну и конечно, всегда требуются графические дизайнеры тем, кто занимается созданием и поддержкой многоуровневых порталов (km.ru, yandex.ru, rambler.ru, mail.ru, afisha.ru, weekend.ru и др.).

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

В целом наши зарплаты колеблются от $200 (в маленькой непрофильной компании) до $3 тыс. и более (в крупном издательском доме или рекламном агентстве). Часто сумма зависит не от квалификации мастера, а от возможностей фирмы.

Положение графического дизайнера в России кардинально отличается от положения его зарубежого собрата, который как генератор и воплотитель идей ценится высоко. На Западе дизайн давно стал индустрией, массовым производством. В обществе, где товарно-денежные отношения, основанные на глобальном разделении труда, прижились со времен царя Гороха, никто не желает заниматься профанацией, выполняя самостоятельно то, что должен делать профессионал. Обратиться к дизайнеру, чтобы подобрать подушки в гостиную или составить букет невесты, - обычное дело. Что уж говорить о графическом дизайнере, результатом деятельности которого будет журнал, упаковка для конфет, этикетка на винной бутылке. Эта продукция должна продаваться, и продаваться на ура, поэтому графический дизайнер - царь и бог, ведь он владеет сокровенным знанием: что именно требуется заказчику. А фирмы, предоставляющие услуги графического дизайна, занимают в экономике все более широкую нишу.

Источник: http://intalent.pro/article/graficheskiy-dizayner.html

Бытует мнение, что web-дизайну далеко до полиграфии, которая почитается за высший профессиональный пилотаж. Однако сайты мастеров разительно отличаются от домашних страничек обычных пользователей (самих творцов "профи" презрительно называют "хомяками" (от home page), а их работу - "хомячеством").

Чтобы сайты были не просто набором текстов и фотографий, а настоящим произведением дизайнерского искусства, необходимо изучить специальные языки программирования, такие как Perl, jаvascript, php и др., уметь работать с Photoshop'ом, разбираться в текстовых кодировках, знать языки разметки (HTML и XML), а также способы представления графики (векторные и растровые форматы).

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

Естественно, что уровень компьютерной грамотности дизайнера намного превышает уровень обычного пользователя. Дизайнер - это художник. Но между карьерой художника и "компьютерщика" существует вполне ощутимая связь: дизайнерские решения, касающиеся печатных материалов, рекламной продукции, web'а создаются с помощью определенного программного обеспечения.

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

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

На Западе заказчики обращаются в дизайнерские бюро. Если фирма крупная, то она сама имеет дизайнерский отдел, откуда проекты поступают в отдел подготовки (в полиграфии - препресс, в web'е - верстка и программирование). Для человека, совмещающего должности дизайнера и верстальщика (точнее, верстальщика, который иногда выполняет и работу дизайнера), "у них" имеется специальное название DeskTopPublisher.

Можно почти с уверенностью сказать, что в профессии графического дизайнера, как ни в какой другой, важно даже не желание - постоянное страстное стремление к воплощению своих идей.

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

Однако дизайнеры с огромным опытом и отсутствием профильного образования есть только в нашей стране. В нормальных условиях графическому дизайнеру необходимо высшее художественное образование и знание технического обеспечения (например, если вы работаете в полиграфии, вам нужно хорошо знать тонкости печатных процессов).

Элементарные знания различных графических программ можно получить на краткосрочных курсах. Однако курсы помогут только залатать дыру, основательные же знания нужно получать в вузе.

Куда податься новоиспеченному (или весьма опытному) графическому дизайнеру? Его с удовольствием возьмут в любом издательстве или редакции (СМИ или книги), самостоятельно занимающемся допечатной подготовкой материалов (препресс), рекламном агентстве (наружная реклама, изготовление рекламных модулей). В крупных фирмах, на первый взгляд не имеющих отношения к дизайну, осознают ценность таких сотрудников и организуют соответствующие отделы, чтобы издавать красивые каталоги своей продукции, проектировать упаковку, этикетки, заниматься рекламой. Ну и конечно, всегда требуются графические дизайнеры тем, кто занимается созданием и поддержкой многоуровневых порталов (km.ru, yandex.ru, rambler.ru, mail.ru, afisha.ru, weekend.ru и др.).

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

В целом наши зарплаты колеблются от $200 (в маленькой непрофильной компании) до $3 тыс. и более (в крупном издательском доме или рекламном агентстве). Часто сумма зависит не от квалификации мастера, а от возможностей фирмы.

Положение графического дизайнера в России кардинально отличается от положения его зарубежого собрата, который как генератор и воплотитель идей ценится высоко. На Западе дизайн давно стал индустрией, массовым производством. В обществе, где товарно-денежные отношения, основанные на глобальном разделении труда, прижились со времен царя Гороха, никто не желает заниматься профанацией, выполняя самостоятельно то, что должен делать профессионал. Обратиться к дизайнеру, чтобы подобрать подушки в гостиную или составить букет невесты, - обычное дело. Что уж говорить о графическом дизайнере, результатом деятельности которого будет журнал, упаковка для конфет, этикетка на винной бутылке. Эта продукция должна продаваться, и продаваться на ура, поэтому графический дизайнер - царь и бог, ведь он владеет сокровенным знанием: что именно требуется заказчику. А фирмы, предоставляющие услуги графического дизайна, занимают в экономике все более широкую нишу.

Источник: http://intalent.pro/article/graficheskiy-dizayner.html

Дизайн, по сути своей, — явление крайне функциональное. Едва ли не каждый элемент дизайна должен служить какой-то вполне определённой цели. И достигаться это должно минимумом средств.
Если инструкцию по эксплуатации электроприбора можно составить из семи или десяти картинок, то дизайн из семи картинок (при остальных равных условиях) будет лучше, потому что он меньше. А раз он меньше, значит, он легче, проще и быстрее воспринимается. Хороший дизайн должен облегчать жизнь человеку.

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

В изображённом макете каждый элемент дизайна имеет своё функциональное предназначение. А все элементы в целом составляют 100% размера страницы сайта.

Для сравнения на рисунке ниже представлен дизайн страницы сайта, эффективность которого равна 67%. А ведь положение легко поправить, просто реорганизовав элементы дизайна.

В данном случае есть элементы, которые не несут никакой смысловой нагрузки. Это графические продолжения «подвала», «шапки» и пустое место сбоку от текста. В зависимости от разрешения экрана они могут сильно уменьшить функциональность страницы.

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

Бессмысленно рассуждать о функциональной организации пространства, когда объект дизайна столь лаконичен.

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

Несмотря на то, что рамка на бланке справа не выполняет никакой существенной функции, она имеет крайне важное эстетическое содержание.

Вывод

Описанный подход может показаться череcчур механистичным и жёстким, однако любой инструмент следует использовать с умом. Важно другое. Графический дизайн — крайне сложное субъективное явление, что чрезвычайно усложняет его оценку. Вот почему любые методики, которые позволяют оценить дизайн количественно и без излишней субъективности, являются столь значимыми. Поэтому предложенный способ может оказаться весьма полезным при проектировании сложных объектов графического дизайна.

http://shelkovnikov.pro

Дизайн, по сути своей, — явление крайне функциональное. Едва ли не каждый элемент дизайна должен служить какой-то вполне определённой цели. И достигаться это должно минимумом средств.
Если инструкцию по эксплуатации электроприбора можно составить из семи или десяти картинок, то дизайн из семи картинок (при остальных равных условиях) будет лучше, потому что он меньше. А раз он меньше, значит, он легче, проще и быстрее воспринимается. Хороший дизайн должен облегчать жизнь человеку.

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

В изображённом макете каждый элемент дизайна имеет своё функциональное предназначение. А все элементы в целом составляют 100% размера страницы сайта.

Для сравнения на рисунке ниже представлен дизайн страницы сайта, эффективность которого равна 67%. А ведь положение легко поправить, просто реорганизовав элементы дизайна.

В данном случае есть элементы, которые не несут никакой смысловой нагрузки. Это графические продолжения «подвала», «шапки» и пустое место сбоку от текста. В зависимости от разрешения экрана они могут сильно уменьшить функциональность страницы.

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

Бессмысленно рассуждать о функциональной организации пространства, когда объект дизайна столь лаконичен.

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

Несмотря на то, что рамка на бланке справа не выполняет никакой существенной функции, она имеет крайне важное эстетическое содержание.

Вывод

Описанный подход может показаться череcчур механистичным и жёстким, однако любой инструмент следует использовать с умом. Важно другое. Графический дизайн — крайне сложное субъективное явление, что чрезвычайно усложняет его оценку. Вот почему любые методики, которые позволяют оценить дизайн количественно и без излишней субъективности, являются столь значимыми. Поэтому предложенный способ может оказаться весьма полезным при проектировании сложных объектов графического дизайна.

http://shelkovnikov.pro

Я более семи лет отработала в крупнейших медиакомпаниях и рекламных агентствах, на счету Афиша, Рамблер, РБК, создала сайт с наглядными обзорами рынков и собственный блог про визуализацию данных. Поэтому я очень хорошо понимаю то, о чем пойдет речь ниже.

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

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

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

Используйте правильный тип и формат визуализации.

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

Например, если в круговой диаграмме больше трех-пяти значений, график становится нечитабельным. Лучше в таком случае выбрать обычную линейчатую диаграмму.
Еще пример неудачного использования круговой диаграммы, когда сумма категорий не равна 100%. Это грубейшая ошибка, так как данные просто-напросто искажаются.

Не менее важно следить, чтобы не нарушались общепринятые стандарты. Временные оси (года, месяца, кварталы) всегда должны располагаться горизонтально слева направо, это интуитивно понятно. Если же их расположить вертикально сверху вниз, это будет сильно затруднять понимание.

Помните, что неудачно выбранный тип и формат визуализации сразу снижает доверие к представленной информации.

Располагайте данные логично.

Обязательно располагайте данные в логическом порядке. Чаще всего это последовательно от большего к меньшему.

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

Дизайн не должен препятствовать пониманию или искажать данные.

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

Ваш график не становится красивым и внушительным от того, что он нарисован объемным. Это могло удивить лет двадцать назад, на заре расцвета Excel, когда еще мало кто умел строить диаграммы. Более того, 3D–графики могут вызвать оптический обман.

Помните, если визуализация выполнена красиво, это еще не значит, что она выполнена качественно. Принципы хорошего дизайна: ясность, простота и минимализм.

Визуализируйте данные так, чтобы их можно было легко сравнивать.

Одна из главных целей визуализации – удобное и наглядное сравнение двух и более показателей.

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

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

На диаграмме должны быть только необходимые элементы.

Убирайте с ваших графиков и диаграмм все неинформативные элементы, оставляйте только необходимые.

Загромождение ненужной информацией затрудняет восприятие.

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

Следите, чтобы не было визуальной загроможденности.

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

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

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

В больших числах всегда разделяйте разряды: 10 000 000, а не 10000000, иначе цифры становятся нечитабельными.

Также не используйте знаки после запятой без осознанной необходимости. И следите, чтобы формат был единый. Если вы решили показать один знак после запятой, то сделайте так для всех подписей данных, а не выборочно: где-то два знака, где-то три, а где-то без единого знака.

У диаграммы должно быть название и полная легенда.

Следите, чтобы всегда у вашей диаграммы было полное понятное название и все необходимые подписи, иначе появляется риск неверного истолкования.

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

Помните, что ваша задача при создании графиков и диаграмм — упростить восприятие данных, а не вызвать лишние вопросы.

Не нарушайте общепринятое использование того или иного цвета.

Есть несколько основных категорий, которые у нас всегда ассоциируются с определенным цветом:

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

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

Используйте один вид диаграммы для однотипных данных.

Избегайте разнообразия ради разнообразия.

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

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

Придерживайтесь одной цветовой гаммы.

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

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

Перерисовать график в стиле компании займет всего 10–20 минут, а отчет будет смотреться более целостным и качественным. Таким образом, именно вы интуитивно будете восприниматься создателем информации и экспертом, даже если укажете другой источник данных, что, кстати говоря, также всегда необходимо делать.

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

А вы сами при виде странных диаграмм на конференциях или совещаниях, не задавались вопросом: «Это я один такой несообразительный, что ничего не понимаю?» Поверьте, вы не одиноки!

habrahabr.ru

Я более семи лет отработала в крупнейших медиакомпаниях и рекламных агентствах, на счету Афиша, Рамблер, РБК, создала сайт с наглядными обзорами рынков и собственный блог про визуализацию данных. Поэтому я очень хорошо понимаю то, о чем пойдет речь ниже.

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

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

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

Используйте правильный тип и формат визуализации.

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

Например, если в круговой диаграмме больше трех-пяти значений, график становится нечитабельным. Лучше в таком случае выбрать обычную линейчатую диаграмму.
Еще пример неудачного использования круговой диаграммы, когда сумма категорий не равна 100%. Это грубейшая ошибка, так как данные просто-напросто искажаются.

Не менее важно следить, чтобы не нарушались общепринятые стандарты. Временные оси (года, месяца, кварталы) всегда должны располагаться горизонтально слева направо, это интуитивно понятно. Если же их расположить вертикально сверху вниз, это будет сильно затруднять понимание.

Помните, что неудачно выбранный тип и формат визуализации сразу снижает доверие к представленной информации.

Располагайте данные логично.

Обязательно располагайте данные в логическом порядке. Чаще всего это последовательно от большего к меньшему.

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

Дизайн не должен препятствовать пониманию или искажать данные.

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

Ваш график не становится красивым и внушительным от того, что он нарисован объемным. Это могло удивить лет двадцать назад, на заре расцвета Excel, когда еще мало кто умел строить диаграммы. Более того, 3D–графики могут вызвать оптический обман.

Помните, если визуализация выполнена красиво, это еще не значит, что она выполнена качественно. Принципы хорошего дизайна: ясность, простота и минимализм.

Визуализируйте данные так, чтобы их можно было легко сравнивать.

Одна из главных целей визуализации – удобное и наглядное сравнение двух и более показателей.

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

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

На диаграмме должны быть только необходимые элементы.

Убирайте с ваших графиков и диаграмм все неинформативные элементы, оставляйте только необходимые.

Загромождение ненужной информацией затрудняет восприятие.

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

Следите, чтобы не было визуальной загроможденности.

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

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

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

В больших числах всегда разделяйте разряды: 10 000 000, а не 10000000, иначе цифры становятся нечитабельными.

Также не используйте знаки после запятой без осознанной необходимости. И следите, чтобы формат был единый. Если вы решили показать один знак после запятой, то сделайте так для всех подписей данных, а не выборочно: где-то два знака, где-то три, а где-то без единого знака.

У диаграммы должно быть название и полная легенда.

Следите, чтобы всегда у вашей диаграммы было полное понятное название и все необходимые подписи, иначе появляется риск неверного истолкования.

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

Помните, что ваша задача при создании графиков и диаграмм — упростить восприятие данных, а не вызвать лишние вопросы.

Не нарушайте общепринятое использование того или иного цвета.

Есть несколько основных категорий, которые у нас всегда ассоциируются с определенным цветом:

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

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

Используйте один вид диаграммы для однотипных данных.

Избегайте разнообразия ради разнообразия.

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

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

Придерживайтесь одной цветовой гаммы.

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

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

Перерисовать график в стиле компании займет всего 10–20 минут, а отчет будет смотреться более целостным и качественным. Таким образом, именно вы интуитивно будете восприниматься создателем информации и экспертом, даже если укажете другой источник данных, что, кстати говоря, также всегда необходимо делать.

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

А вы сами при виде странных диаграмм на конференциях или совещаниях, не задавались вопросом: «Это я один такой несообразительный, что ничего не понимаю?» Поверьте, вы не одиноки!

habrahabr.ru

Я более семи лет отработала в крупнейших медиакомпаниях и рекламных агентствах, на счету Афиша, Рамблер, РБК, создала сайт с наглядными обзорами рынков и собственный блог про визуализацию данных. Поэтому я очень хорошо понимаю то, о чем пойдет речь ниже.

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

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

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

Используйте правильный тип и формат визуализации.

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

Например, если в круговой диаграмме больше трех-пяти значений, график становится нечитабельным. Лучше в таком случае выбрать обычную линейчатую диаграмму.
Еще пример неудачного использования круговой диаграммы, когда сумма категорий не равна 100%. Это грубейшая ошибка, так как данные просто-напросто искажаются.

Не менее важно следить, чтобы не нарушались общепринятые стандарты. Временные оси (года, месяца, кварталы) всегда должны располагаться горизонтально слева направо, это интуитивно понятно. Если же их расположить вертикально сверху вниз, это будет сильно затруднять понимание.

Помните, что неудачно выбранный тип и формат визуализации сразу снижает доверие к представленной информации.

Располагайте данные логично.

Обязательно располагайте данные в логическом порядке. Чаще всего это последовательно от большего к меньшему.

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

Дизайн не должен препятствовать пониманию или искажать данные.

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

Ваш график не становится красивым и внушительным от того, что он нарисован объемным. Это могло удивить лет двадцать назад, на заре расцвета Excel, когда еще мало кто умел строить диаграммы. Более того, 3D–графики могут вызвать оптический обман.

Помните, если визуализация выполнена красиво, это еще не значит, что она выполнена качественно. Принципы хорошего дизайна: ясность, простота и минимализм.

Визуализируйте данные так, чтобы их можно было легко сравнивать.

Одна из главных целей визуализации – удобное и наглядное сравнение двух и более показателей.

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

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

На диаграмме должны быть только необходимые элементы.

Убирайте с ваших графиков и диаграмм все неинформативные элементы, оставляйте только необходимые.

Загромождение ненужной информацией затрудняет восприятие.

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

Следите, чтобы не было визуальной загроможденности.

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

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

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

В больших числах всегда разделяйте разряды: 10 000 000, а не 10000000, иначе цифры становятся нечитабельными.

Также не используйте знаки после запятой без осознанной необходимости. И следите, чтобы формат был единый. Если вы решили показать один знак после запятой, то сделайте так для всех подписей данных, а не выборочно: где-то два знака, где-то три, а где-то без единого знака.

У диаграммы должно быть название и полная легенда.

Следите, чтобы всегда у вашей диаграммы было полное понятное название и все необходимые подписи, иначе появляется риск неверного истолкования.

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

Помните, что ваша задача при создании графиков и диаграмм — упростить восприятие данных, а не вызвать лишние вопросы.

Не нарушайте общепринятое использование того или иного цвета.

Есть несколько основных категорий, которые у нас всегда ассоциируются с определенным цветом:

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

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

Используйте один вид диаграммы для однотипных данных.

Избегайте разнообразия ради разнообразия.

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

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

Придерживайтесь одной цветовой гаммы.

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

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

Перерисовать график в стиле компании займет всего 10–20 минут, а отчет будет смотреться более целостным и качественным. Таким образом, именно вы интуитивно будете восприниматься создателем информации и экспертом, даже если укажете другой источник данных, что, кстати говоря, также всегда необходимо делать.

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

А вы сами при виде странных диаграмм на конференциях или совещаниях, не задавались вопросом: «Это я один такой несообразительный, что ничего не понимаю?» Поверьте, вы не одиноки!

habrahabr.ru

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

Заменить текст графикой, не утратив при этом ясность послания, довольно непросто. Текст воспринимается практически буквально, а графика должна быть ещё и интерпретирована. Интерпретация (истолкование) — процесс крайне субъективный, то есть зависящий от субъекта интерпретации. Поэтому задача дизайнера состоит в том, чтобы подобрать такую картинку, которая будет безошибочно интерпретироваться максимально большим количеством пользователей. Для того чтобы избежать ошибочного интерпретирования, нужно помнить о некоторых особенностях иконок. Речь о них пойдёт ниже.

Для того чтобы создать понятную иконку, дизайнер должен подобрать такое изображение, которое будет вызывать у пользователя ассоциации, максимально соответствующие смыслу этого изображения. Лучше всего если это будут прямые ассоциации, как в случае с принтером (принтер → печать). Однако далеко не всегда удаётся подобрать прямые ассоциации.

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

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

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

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

Вывод

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

http://shelkovnikov.pro

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

Заменить текст графикой, не утратив при этом ясность послания, довольно непросто. Текст воспринимается практически буквально, а графика должна быть ещё и интерпретирована. Интерпретация (истолкование) — процесс крайне субъективный, то есть зависящий от субъекта интерпретации. Поэтому задача дизайнера состоит в том, чтобы подобрать такую картинку, которая будет безошибочно интерпретироваться максимально большим количеством пользователей. Для того чтобы избежать ошибочного интерпретирования, нужно помнить о некоторых особенностях иконок. Речь о них пойдёт ниже.

Для того чтобы создать понятную иконку, дизайнер должен подобрать такое изображение, которое будет вызывать у пользователя ассоциации, максимально соответствующие смыслу этого изображения. Лучше всего если это будут прямые ассоциации, как в случае с принтером (принтер → печать). Однако далеко не всегда удаётся подобрать прямые ассоциации.

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

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

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

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

Вывод

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

http://shelkovnikov.pro

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

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

Чаше всего рисовать пунктиром путь к заданному месту нет необходимости. Это следует делать только в том случае, когда путь прохода не очевиден либо крайне затруднён.

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

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

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

Вывод

Даже если ваша схема идеальна, всегда найдётся человек, который не сможет в ней разобраться. Поэтому для перестраховки под схемой лучше всего указать номер телефона вашей организации, чтобы, например, менеджер всегда мог направить клиента в нужную сторону либо выйти и встретить его. Ведь клиент, не попавший к вам, — клиент вашего конкурента.

http://shelkovnikov.pro

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

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

Чаше всего рисовать пунктиром путь к заданному месту нет необходимости. Это следует делать только в том случае, когда путь прохода не очевиден либо крайне затруднён.

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

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

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

Вывод

Даже если ваша схема идеальна, всегда найдётся человек, который не сможет в ней разобраться. Поэтому для перестраховки под схемой лучше всего указать номер телефона вашей организации, чтобы, например, менеджер всегда мог направить клиента в нужную сторону либо выйти и встретить его. Ведь клиент, не попавший к вам, — клиент вашего конкурента.

http://shelkovnikov.pro

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

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

Чаше всего рисовать пунктиром путь к заданному месту нет необходимости. Это следует делать только в том случае, когда путь прохода не очевиден либо крайне затруднён.

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

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

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

Вывод

Даже если ваша схема идеальна, всегда найдётся человек, который не сможет в ней разобраться. Поэтому для перестраховки под схемой лучше всего указать номер телефона вашей организации, чтобы, например, менеджер всегда мог направить клиента в нужную сторону либо выйти и встретить его. Ведь клиент, не попавший к вам, — клиент вашего конкурента.

http://shelkovnikov.pro

флэш-баннер

баннерной рекламе.

Что касается пропорций, то допускаются баннеры нескольких основных видов: прямоугольные, квадратные и прямоугольно-горизонтальные (растягивающиеся по ширине экрана), прямоугольно-вертикальные.

Наиболее популярные размеры баннеров:
190х160, 120х600, 240х400, 200х200, 300х250, 468х60, 600х60, 728х90.
Помимо этого многие сайты устанавливают для различных целей свои собственные размеры баннеров.

Основным требованием, предъявляемым к любому флэш-баннеру на большинстве сайтов, является ограничение по «весу». Средний баннер (приблизительно 240×400) должен весить не более 50 КБ. Встречаются более жёсткие требования, например 25, 30 КБ, но это реже. Такое требование довольно жёстко отражается на графике, её количество и качество приходится держать под строгим контролем.

Ссылку во флэше можно оформить, прописав следующий код:

on (release) {getURL («http://www.excelart.ru», «_blank»);}

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

on (release) {getURL (link1, «_blank»);}

Или вот такого:
on (release) {getURL(_root.link1, «_blank»);}

Также могут встречаться другие несущественные вариации этого кода. Общий вид всё равно сохраняется. Ещё одним важным моментом является то, что переход осуществляется только по щелчку (событие on release), ни при наведении курсора (событие on rollOver), ни при нажатии (событие on Press), ни при каком другом действии, а именно при щелчке клавишей мыши.

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

Но и это ещё не всё. Специально для тех, у кого флэш не установлен или отключен, предусматривается установка картинки (заглушки). Картинка должна быть того же размера, что и сам баннер, и содержать ту же самую информацию. Основными форматами заглушки на баннер являются jpeg и animated gif.

Читая ограничения к баннерной рекламе, в ряде случаев можно встретить фразу вроде этой: «Баннер не должен нагружать процессор компьютера (Intel Celeron 2.13ГГц, 512 МБ) более чем на 40%». Если у вас обычный баннер с простой анимацией, вам можно не волноваться. А если ваш материал содержит мини-игру или просто снабжён длинным кодом на action script, то такой баннер, скорее всего, не пропустят.

Чтобы визуально отделить баннер от остального содержимого страницы, иногда устанавливается требование о наличии чёрной или контрастной фону рамки размером в один пиксель. Требование вполне разумное.

Средняя продолжительность анимации хорошего баннера составляет 5-10 секунд. Ограничивают её довольно редко по нескольким причинам. Во-первых, учитывая довольно жёсткие требования к «весу» флэш-роликов, долгой анимации создать не получится. Во-вторых, в длинном ролике в принципе нет никакой необходимости (см. статью «Определение баннера»). Никто не станет тратить кучу драгоценного времени на то, чтобы просматривать рекламное объявление. Человек за несколько секунд определяет, интересно ли ему то, что вы демонстрируете.

Ни один уважающий себя интернет-ресурс не пропустит баннер, содержащий рекламу порносайтов, сцен насилия, ложную информацию, способную ввести в заблуждение пользователей, противоречащий федеральному закону №38-ФЗ «О рекламе» и политике сайта.

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

Наличие аудио- и видеосопровождения не является обязательной составляющей хорошего баннера (см. статью «Определение баннера»). В этой связи каждый сайт устанавливает свои собственные, совершенно различные требования к звуку и видеороликам. Одно можно сказать наверняка: никто не может заставить пользователя смотреть видео или слушать музыку. Пользователь должен сам «согласиться» на это. На практике в баннер ставится надпись и кнопка для просмотра видеоряда или включения звукового сопровождения.

Вывод

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

флэш-баннер

баннерной рекламе.

Что касается пропорций, то допускаются баннеры нескольких основных видов: прямоугольные, квадратные и прямоугольно-горизонтальные (растягивающиеся по ширине экрана), прямоугольно-вертикальные.

Наиболее популярные размеры баннеров:
190х160, 120х600, 240х400, 200х200, 300х250, 468х60, 600х60, 728х90.
Помимо этого многие сайты устанавливают для различных целей свои собственные размеры баннеров.

Основным требованием, предъявляемым к любому флэш-баннеру на большинстве сайтов, является ограничение по «весу». Средний баннер (приблизительно 240×400) должен весить не более 50 КБ. Встречаются более жёсткие требования, например 25, 30 КБ, но это реже. Такое требование довольно жёстко отражается на графике, её количество и качество приходится держать под строгим контролем.

Ссылку во флэше можно оформить, прописав следующий код:

on (release) {getURL («http://www.excelart.ru», «_blank»);}

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

on (release) {getURL (link1, «_blank»);}

Или вот такого:
on (release) {getURL(_root.link1, «_blank»);}

Также могут встречаться другие несущественные вариации этого кода. Общий вид всё равно сохраняется. Ещё одним важным моментом является то, что переход осуществляется только по щелчку (событие on release), ни при наведении курсора (событие on rollOver), ни при нажатии (событие on Press), ни при каком другом действии, а именно при щелчке клавишей мыши.

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

Но и это ещё не всё. Специально для тех, у кого флэш не установлен или отключен, предусматривается установка картинки (заглушки). Картинка должна быть того же размера, что и сам баннер, и содержать ту же самую информацию. Основными форматами заглушки на баннер являются jpeg и animated gif.

Читая ограничения к баннерной рекламе, в ряде случаев можно встретить фразу вроде этой: «Баннер не должен нагружать процессор компьютера (Intel Celeron 2.13ГГц, 512 МБ) более чем на 40%». Если у вас обычный баннер с простой анимацией, вам можно не волноваться. А если ваш материал содержит мини-игру или просто снабжён длинным кодом на action script, то такой баннер, скорее всего, не пропустят.

Чтобы визуально отделить баннер от остального содержимого страницы, иногда устанавливается требование о наличии чёрной или контрастной фону рамки размером в один пиксель. Требование вполне разумное.

Средняя продолжительность анимации хорошего баннера составляет 5-10 секунд. Ограничивают её довольно редко по нескольким причинам. Во-первых, учитывая довольно жёсткие требования к «весу» флэш-роликов, долгой анимации создать не получится. Во-вторых, в длинном ролике в принципе нет никакой необходимости (см. статью «Определение баннера»). Никто не станет тратить кучу драгоценного времени на то, чтобы просматривать рекламное объявление. Человек за несколько секунд определяет, интересно ли ему то, что вы демонстрируете.

Ни один уважающий себя интернет-ресурс не пропустит баннер, содержащий рекламу порносайтов, сцен насилия, ложную информацию, способную ввести в заблуждение пользователей, противоречащий федеральному закону №38-ФЗ «О рекламе» и политике сайта.

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

Наличие аудио- и видеосопровождения не является обязательной составляющей хорошего баннера (см. статью «Определение баннера»). В этой связи каждый сайт устанавливает свои собственные, совершенно различные требования к звуку и видеороликам. Одно можно сказать наверняка: никто не может заставить пользователя смотреть видео или слушать музыку. Пользователь должен сам «согласиться» на это. На практике в баннер ставится надпись и кнопка для просмотра видеоряда или включения звукового сопровождения.

Вывод

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

флэш-баннер

баннерной рекламе.

Что касается пропорций, то допускаются баннеры нескольких основных видов: прямоугольные, квадратные и прямоугольно-горизонтальные (растягивающиеся по ширине экрана), прямоугольно-вертикальные.

Наиболее популярные размеры баннеров:
190х160, 120х600, 240х400, 200х200, 300х250, 468х60, 600х60, 728х90.
Помимо этого многие сайты устанавливают для различных целей свои собственные размеры баннеров.

Основным требованием, предъявляемым к любому флэш-баннеру на большинстве сайтов, является ограничение по «весу». Средний баннер (приблизительно 240×400) должен весить не более 50 КБ. Встречаются более жёсткие требования, например 25, 30 КБ, но это реже. Такое требование довольно жёстко отражается на графике, её количество и качество приходится держать под строгим контролем.

Ссылку во флэше можно оформить, прописав следующий код:

on (release) {getURL («http://www.excelart.ru», «_blank»);}

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

on (release) {getURL (link1, «_blank»);}

Или вот такого:
on (release) {getURL(_root.link1, «_blank»);}

Также могут встречаться другие несущественные вариации этого кода. Общий вид всё равно сохраняется. Ещё одним важным моментом является то, что переход осуществляется только по щелчку (событие on release), ни при наведении курсора (событие on rollOver), ни при нажатии (событие on Press), ни при каком другом действии, а именно при щелчке клавишей мыши.

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

Но и это ещё не всё. Специально для тех, у кого флэш не установлен или отключен, предусматривается установка картинки (заглушки). Картинка должна быть того же размера, что и сам баннер, и содержать ту же самую информацию. Основными форматами заглушки на баннер являются jpeg и animated gif.

Читая ограничения к баннерной рекламе, в ряде случаев можно встретить фразу вроде этой: «Баннер не должен нагружать процессор компьютера (Intel Celeron 2.13ГГц, 512 МБ) более чем на 40%». Если у вас обычный баннер с простой анимацией, вам можно не волноваться. А если ваш материал содержит мини-игру или просто снабжён длинным кодом на action script, то такой баннер, скорее всего, не пропустят.

Чтобы визуально отделить баннер от остального содержимого страницы, иногда устанавливается требование о наличии чёрной или контрастной фону рамки размером в один пиксель. Требование вполне разумное.

Средняя продолжительность анимации хорошего баннера составляет 5-10 секунд. Ограничивают её довольно редко по нескольким причинам. Во-первых, учитывая довольно жёсткие требования к «весу» флэш-роликов, долгой анимации создать не получится. Во-вторых, в длинном ролике в принципе нет никакой необходимости (см. статью «Определение баннера»). Никто не станет тратить кучу драгоценного времени на то, чтобы просматривать рекламное объявление. Человек за несколько секунд определяет, интересно ли ему то, что вы демонстрируете.

Ни один уважающий себя интернет-ресурс не пропустит баннер, содержащий рекламу порносайтов, сцен насилия, ложную информацию, способную ввести в заблуждение пользователей, противоречащий федеральному закону №38-ФЗ «О рекламе» и политике сайта.

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

Наличие аудио- и видеосопровождения не является обязательной составляющей хорошего баннера (см. статью «Определение баннера»). В этой связи каждый сайт устанавливает свои собственные, совершенно различные требования к звуку и видеороликам. Одно можно сказать наверняка: никто не может заставить пользователя смотреть видео или слушать музыку. Пользователь должен сам «согласиться» на это. На практике в баннер ставится надпись и кнопка для просмотра видеоряда или включения звукового сопровождения.

Вывод

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

Нейминг, дизайн упаковки и брендинг линейки 3х видов кофе

Дизайн Илья Волгин

https://pllsll.com/p/2777

Анастасии Куриленко

https://pllsll.com/p/2768

Студия графического дизайна JUNNXY

https://pllsll.com/p/2764

Дизайн многостраничного печатного издания

Автор Napsheva Alina

https://pllsll.com/p/2757

Иллюстрации Евгения Щербакова

https://pllsll.com/p/2758

Коллажи: человек, природа и действительность

Дизайнер: Владислава

https://pllsll.com/p/2742

За основу взят символ Японии и исполнен в двух цветах

Дизайн Anatoly Sokolov

https://pllsll.com/p/2739

Конкурсный логотип для Всероссийской переписи населения 2020

Дизайн good-studios

https://pllsll.com/p/2724

Продвинутая айдентика для образовательного центра «Новое —— Поколение».

Студия бренд-дизайна Лайтшоп

https://pllsll.com/p/2722

Встречайте RubyRussia — главную конференцию в России, посвященную языку программирования Ruby.

Айдентика студии Evrone

https://pllsll.com/p/2706

Айдентика для магазина трав NUMERO NATURA

Дизайн-бюро «Дорогобогато»

https://pllsll.com/p/2674

Индивидуальность и упаковка винного бренда WINE NOT

дизайнер Дарья Харитонова

https://pllsll.com/p/2802

«Зинзивер» — рюмочная, открывшаяся на Покровском бульваре осенью 2018 года.

Проект Полины Дзядзиной, студентки школы дизайна ниу вшэ

https://pllsll.com/p/2859

Следите за любимыми авторами на страницах PollSkill.com и конечно размещайте свои работы.

Нейминг, дизайн упаковки и брендинг линейки 3х видов кофе

Дизайн Илья Волгин

https://pllsll.com/p/2777

Анастасии Куриленко

https://pllsll.com/p/2768

Студия графического дизайна JUNNXY

https://pllsll.com/p/2764

Дизайн многостраничного печатного издания

Автор Napsheva Alina

https://pllsll.com/p/2757

Иллюстрации Евгения Щербакова

https://pllsll.com/p/2758

Коллажи: человек, природа и действительность

Дизайнер: Владислава

https://pllsll.com/p/2742

За основу взят символ Японии и исполнен в двух цветах

Дизайн Anatoly Sokolov

https://pllsll.com/p/2739

Конкурсный логотип для Всероссийской переписи населения 2020

Дизайн good-studios

https://pllsll.com/p/2724

Продвинутая айдентика для образовательного центра «Новое —— Поколение».

Студия бренд-дизайна Лайтшоп

https://pllsll.com/p/2722

Встречайте RubyRussia — главную конференцию в России, посвященную языку программирования Ruby.

Айдентика студии Evrone

https://pllsll.com/p/2706

Айдентика для магазина трав NUMERO NATURA

Дизайн-бюро «Дорогобогато»

https://pllsll.com/p/2674

Индивидуальность и упаковка винного бренда WINE NOT

дизайнер Дарья Харитонова

https://pllsll.com/p/2802

«Зинзивер» — рюмочная, открывшаяся на Покровском бульваре осенью 2018 года.

Проект Полины Дзядзиной, студентки школы дизайна ниу вшэ

https://pllsll.com/p/2859

Следите за любимыми авторами на страницах PollSkill.com и конечно размещайте свои работы.

PUNK YOU BRANDS

https://pllsll.com/p/2281

Социальный проект и визуальный стиль празднования дня Великой Победы в городе Новокузнецке

Арт-директор: Евгений Старостенко

https://pllsll.com/p/2280

Айдентика 25-го сезона Воронежского Камерного театра

KUZNETSOV.GRAPHICS

https://pllsll.com/p/2276

Логотип “Бык-пивун”

Лаборатория Creative Lab GDali

https://pllsll.com/p/2274

Упаковка приправ Mirodenia

Агентство Repina Branding

https://pllsll.com/p/2257

EQURE— разработка бренда косметики для зубов

Агентство Repina Branding

https://pllsll.com/p/2258

Концепт упаковки попкорна "Holy Corn"

Timur Smirnoff

https://pllsll.com/p/2283

Айдентика food-терминалов FRESH SHELF

Агентство Repina Branding

https://pllsll.com/p/2265

Статья

Что мы можем сделать, чтобы остановить выгорание?

Steak Lab

https://pllsll.com/blog/2278

Вы еще не опубликовали свои работы на PollSkill.com? Тогда скорее за дело! Ждем ваши проекты и статьи на сайте.

PUNK YOU BRANDS

https://pllsll.com/p/2281

Социальный проект и визуальный стиль празднования дня Великой Победы в городе Новокузнецке

Арт-директор: Евгений Старостенко

https://pllsll.com/p/2280

Айдентика 25-го сезона Воронежского Камерного театра

KUZNETSOV.GRAPHICS

https://pllsll.com/p/2276

Логотип “Бык-пивун”

Лаборатория Creative Lab GDali

https://pllsll.com/p/2274

Упаковка приправ Mirodenia

Агентство Repina Branding

https://pllsll.com/p/2257

EQURE— разработка бренда косметики для зубов

Агентство Repina Branding

https://pllsll.com/p/2258

Концепт упаковки попкорна "Holy Corn"

Timur Smirnoff

https://pllsll.com/p/2283

Айдентика food-терминалов FRESH SHELF

Агентство Repina Branding

https://pllsll.com/p/2265

Статья

Что мы можем сделать, чтобы остановить выгорание?

Steak Lab

https://pllsll.com/blog/2278

Вы еще не опубликовали свои работы на PollSkill.com? Тогда скорее за дело! Ждем ваши проекты и статьи на сайте.

2997 просмотров, автор — Жанна Решетникова

2946 просмотров, автор — Джекил и Хайд

2916 просмотров, автор — Студия Константина Зернаева

2896 просмотров, автор — Вениамин Векк

2800 просмотров, автор — Студия МартДизайн

2708 просмотров, дипломная работа Марины Маркеловой, под руководством Вадима Бунькова

2492 просмотра, автор — a23

2456 просмотров, автор — Михаил Паргачев

2388 просмотров, автор — Ilia Kalimulin

2268 просмотров, автор — Станислав Сизиков

2997 просмотров, автор — Жанна Решетникова

2946 просмотров, автор — Джекил и Хайд

2916 просмотров, автор — Студия Константина Зернаева

2896 просмотров, автор — Вениамин Векк

2800 просмотров, автор — Студия МартДизайн

2708 просмотров, дипломная работа Марины Маркеловой, под руководством Вадима Бунькова

2492 просмотра, автор — a23

2456 просмотров, автор — Михаил Паргачев

2388 просмотров, автор — Ilia Kalimulin

2268 просмотров, автор — Станислав Сизиков

2997 просмотров, автор — Жанна Решетникова

2946 просмотров, автор — Джекил и Хайд

2916 просмотров, автор — Студия Константина Зернаева

2896 просмотров, автор — Вениамин Векк

2800 просмотров, автор — Студия МартДизайн

2708 просмотров, дипломная работа Марины Маркеловой, под руководством Вадима Бунькова

2492 просмотра, автор — a23

2456 просмотров, автор — Михаил Паргачев

2388 просмотров, автор — Ilia Kalimulin

2268 просмотров, автор — Станислав Сизиков