Веб-дизайн для принт-дизайнеров

24 декабря 2008 в 17:11 | |

Говоря о принт-дизайне или, как его ещё называют печатный дизайн, мы подсознательно представляем вещи, которые можно потрогать, положить в карман или продемонстрировать коллегам. Замечательные идеи могут принимать различные формы – стильные брошюры, привлекательные объявления, креативные визитки и прочее. Однако, к сожалению, многие правила принт-дизайна не вписываются в рамки интернет-пространства. То, что хорошо выглядит на экране вашего компьютера, может иметь отвратительный вид на бумаге, а то, что будет смотреться отлично в отпечатанной брошюре, может оказаться неприглядным в вебе.
Чтобы избежать подобных ошибок следует придерживаться установленных правил, ведь полиграфический дизайн и веб-дизайн не одно и то же, у каждого вида дизайна есть свои особенности. Данная статья призвана уберечь людей, работающих с полиграфией от возможных ошибок при разработке веб-дизайна и решить общие проблемы, связанные с созданием веб-продуктов.

1. Размер документа.
Принт-дизайн – это двухмерное изображение, где всё внимание направлено на макет. Исходя из этого, большинство принт-дизайнеров в первую очередь обращают внимание на разрешение документа и размеры бумаги, на которой конечный продукт и будет напечатан. Но как не печально, полиграфисты частенько пренебрегают правилами переноса размеров в веб.
В отличие от полиграфии, веб не имеет натуральных размеров (мм или дюйм), и опирается только на пиксели. Конечно, любой монитор обладает dpi (количество точек на дюйм), но вряд ли принт-дизайнер можно безоговорочно доверять dpi при разработке веба. Веб-проекты основываются на 72 dpi разрешении, и, мягко говоря, неразумно думать, что 72 пикселя соответствуют одному дюйму экрана.
Принт-дизайнер уверен, когда он разрабатывает макет на А3, то на бумаге продукт будет соответствовать размеру А3, как и было задумано. В вебе немного не так. Конечный результат и качество может отличаться от того, что задумал автор. Например, то что изначально предполагалось быть размера А3 в веб, на бумаге может получится размером А4. Это происходит от того, что полиграфисты делают слишком большие разрешения на свои работы, не учитывая при этом особенностей Интернета.
Рекомендация: разрабатывайте дизайн только в пикселях.

2. Цвет
Цвет может либо пойти на пользу, либо же оттолкнуть потенциального клиента от вашей продукции. Однако излишнее буйство красок может погубить представление о типографии, а недостаток яркости не сможет захватить достаточного внимания. Неправильный выбор цвета нарушает смысловой поток вашего сообщения. Главное найти золотую середину.
Многие образцы дизайна имеют две или четыре цветовых схемы. В маленьких образцах, таких как визитки или открытки, следует использовать всего несколько цветов, в то время как в образцах больших размеров (брошюры, буклеты) допускается использование четырёх цветов. Также следует учитывать оттенок шрифта и правильное расположение теней.
Подходящее сочетание цветов даёт вам возможность направить взгляд читателя на нужную информацию. Среди большинства цветов и оттенков, которые привлекают внимание, фаворитами считаются чёрный и красный.
Печатные образы по сравнению с компьютерными выглядят менее насыщено. Принт-дизайнер просто может не брать во внимания некоторые оттенки, которые, например, на бумаге не будут смотреться, а экран монитора отобразит этот оттенок наилучшим образом. И ещё одно требование, при разработке дизайна: установите на своём компьютере возможность выбора цвета с помощью CMYK, это придаст вашему образцу большей реальности. Советуем вам также использовать технологию шестнадцатеричного кода (Hexadecimal Code). Эти коды включают три набора шестнадцатеричных чисел, по два разряда каждый. Первый двухзначный набор отвечает за количество красного в цвете.
Второй набор управляет количеством зеленого, а третий — количеством синего. Смешивание различных уровней красного, зеленого и синего цветов создает каждый отдельный цвет, который вы видите на экране.

3. Шрифты

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

Для текстового представления в вебе можно применять совсем немного шрифтов, которые гарантированно установлены на любом компьютере, из них самые «ходовые»:
o Time New Roman
o Arial
o Courier New
o Tahoma
o Verdana
o Helvetica
o Georgia

Для элементов оформления в принципе можно использовать любые шрифты.

В html нельзя задать точный размер шрифта. Если необходим шрифт строго определенного размера, то используется так называемые таблица каскадных стилей (CSS).
Наибольшая разборчивость текста сайта достигается при соблюдении следующих основных условий:
• Максимальный контраст между цветом фона и текста. Оптимальным является черный шрифт на белом фоне без какого-либо фонового рисунка;
• Основные ключевые слова (основную мысль, названия заголовков и т.д.) желательно выделять полужирным шрифтом.
• Текст, которым оформлены гиперссылки системы навигации, должен отличаться от шрифта, которым оформлено основное содержание страниц сайта.

4. Общее содержание веб-дизайна для полиграфистов
Веб — не печать. Здесь нельзя разгуляться буйной фантазии полиграфиста. Возможности достаточно скудные, но, тем не менее, даже при таких «суровых» условиях можно сделать гениальный дизайн сайта. Принт-дизайн гласит: «Посмотри, как я хорош!».
Лозунг же веб-дизайна: «Посмотри, сколько хорошего я могу сделать для твоего клиента!».

Итог
Проектирование оригинал-макет для веба и для полиграфии отличаются друг от друга. Каждый вид дизайна, безусловно, имеет свои особенности. В полиграфии, например, незначительная погрешность может стоить нормальной читаемости текста или качественного разрешения.
Успешная разработка дизайна зависит и от самого дизайнера, его способностей и целей.
Помните, что дизайн это не искусство, и главная его цель – донести до потребителя нужную информацию и заработать на этом деньги.
Проектируя веб-дизайн и при этом, не вдаваясь в его особенности, принт-дизайнеру необходимо учесть следующее:
• Рассчитывайте размеры в пикселях. Для этого отлично подойдёт Photoshop. Откажитесь каких-либо  единиц измерения кроме пикселей.
• Учитывайте ширину монитора пользователя – 760рх или же 960рх (для более нового монитора).
• Избегайте сложных макетов – 3 колонки будет достаточно.
• Избегайте витиеватых шрифтов. Используйте только базовую типографию.
Нельзя чётко сказать, что и как легче создавать – дизайн в веб или полиграфию. Но существует одно общее правило, которое гласит о том, что в любой работе должна быть идея.

Записи по теме:

    Ничего нет :(

Google Bookmarks Digg Reddit del.icio.us Technorati Slashdot Yahoo My Web БобрДобр.ru RUmarkz Memori.ru rucity.com МоёМесто.ru

Метки: , , ,

SEO Powered by Platinum SEO from Techblissonline