<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Altima Web Systems &#187; печать</title>
	<atom:link href="http://blog.altimawebsystems.com/tag/pechat/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.altimawebsystems.com</link>
	<description>Корпоративный блог студии веб-дизайна &#171;Алтима&#187;</description>
	<lastBuildDate>Thu, 15 Dec 2011 18:22:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Веб-дизайн для принт-дизайнеров</title>
		<link>http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/</link>
		<comments>http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/#comments</comments>
		<pubDate>Wed, 24 Dec 2008 15:11:09 +0000</pubDate>
		<dc:creator>sova</dc:creator>
				<category><![CDATA[Копилка]]></category>
		<category><![CDATA[веб-дизайн]]></category>
		<category><![CDATA[печать]]></category>
		<category><![CDATA[полиграфия]]></category>
		<category><![CDATA[принт-дизайн]]></category>

		<guid isPermaLink="false">http://blog.altimawebsystems.com/?p=61</guid>
		<description><![CDATA[Говоря о принт-дизайне или, как его ещё называют печатный дизайн, мы подсознательно представляем вещи, которые можно потрогать, положить в карман или продемонстрировать коллегам. Замечательные идеи могут принимать различные формы – стильные брошюры, привлекательные объявления, креативные визитки и прочее. Однако, к сожалению, многие правила принт-дизайна не вписываются в рамки интернет-пространства. То, что хорошо выглядит на экране [...]]]></description>
			<content:encoded><![CDATA[<p>Говоря о принт-дизайне или, как его ещё называют <em>печатный дизайн</em>, мы подсознательно представляем вещи, которые можно потрогать, положить в карман или продемонстрировать коллегам. Замечательные идеи могут принимать различные формы – стильные брошюры, привлекательные объявления, креативные визитки и прочее. Однако, к сожалению, многие правила принт-дизайна не вписываются в рамки интернет-пространства. То, что хорошо выглядит на экране вашего компьютера, может иметь отвратительный вид на бумаге, а то, что будет смотреться отлично в отпечатанной брошюре, может оказаться неприглядным в вебе.<span id="more-61"></span><br />
Чтобы избежать подобных ошибок следует придерживаться установленных правил, ведь полиграфический дизайн и веб-дизайн не одно и то же, у каждого вида дизайна есть свои особенности. Данная статья призвана уберечь людей, работающих с полиграфией от возможных ошибок при разработке веб-дизайна и решить общие проблемы, связанные с созданием веб-продуктов.</p>
<p><strong>1. Размер документа.</strong><br />
Принт-дизайн – это двухмерное изображение, где всё внимание направлено на макет. Исходя из этого, большинство принт-дизайнеров в первую очередь обращают внимание на разрешение документа и размеры бумаги, на которой конечный продукт и будет напечатан. Но как не печально, полиграфисты частенько пренебрегают правилами переноса размеров в веб.<br />
В отличие от полиграфии, веб не имеет натуральных размеров (мм или дюйм), и опирается только на пиксели. Конечно, любой монитор обладает <em>dpi</em> (количество точек на дюйм), но вряд ли принт-дизайнер можно безоговорочно доверять dpi при разработке веба. Веб-проекты основываются на 72 dpi разрешении, и, мягко говоря, неразумно думать, что 72 пикселя соответствуют одному дюйму экрана.<br />
Принт-дизайнер уверен, когда он разрабатывает макет на А3, то на бумаге продукт будет соответствовать размеру А3, как и было задумано. В вебе немного не так. Конечный результат и качество может отличаться от того, что задумал автор. Например, то что изначально предполагалось быть размера А3 в веб, на бумаге может получится размером  А4. Это происходит от того, что полиграфисты делают слишком большие разрешения на свои работы, не учитывая при этом особенностей Интернета.<br />
<em><strong>Рекомендация: разрабатывайте дизайн только в пикселях.</strong></em></p>
<p><strong>2. Цвет</strong><br />
Цвет может либо пойти на пользу, либо же оттолкнуть потенциального клиента от вашей продукции. Однако излишнее буйство красок может погубить представление о типографии, а недостаток яркости не сможет захватить достаточного внимания. Неправильный выбор цвета нарушает смысловой поток вашего сообщения. Главное найти золотую середину.<br />
Многие образцы дизайна имеют две или четыре цветовых схемы. В маленьких образцах, таких как визитки или открытки, следует использовать всего несколько цветов, в то время как в образцах больших размеров (брошюры, буклеты) допускается использование четырёх цветов. Также следует учитывать оттенок шрифта и правильное расположение теней.<br />
Подходящее сочетание цветов даёт вам возможность направить взгляд читателя на нужную информацию. Среди большинства цветов и оттенков, которые привлекают внимание, фаворитами считаются <em>чёрный и красный</em>.<br />
Печатные образы по сравнению с компьютерными выглядят менее насыщено. Принт-дизайнер просто может не брать во внимания некоторые оттенки, которые, например, на бумаге не будут смотреться, а экран монитора отобразит этот оттенок наилучшим образом.  И ещё одно требование, при разработке дизайна: установите на своём компьютере возможность выбора цвета с помощью CMYK, это придаст вашему образцу большей реальности. Советуем вам также использовать технологию <em>шестнадцатеричного кода</em> (Hexadecimal Code). Эти коды включают три набора шестнадцатеричных чисел, по два разряда каждый. Первый двухзначный набор отвечает за количество красного в цвете.<br />
Второй набор управляет количеством зеленого, а третий &#8212; количеством синего. Смешивание различных уровней красного, зеленого и синего цветов создает каждый отдельный цвет, который вы видите на экране.</p>
<p><strong>3. Шрифты</strong></p>
<p>Интернет-пространство очень скучное место для типографов, особенно, если касаться выбора шрифтов. Не вдаваясь в глубокие недра истории создания веб-браузеров, скажу просто – количество шрифтов в веб-дизайне для подачи текста (контента) сайта ограничено. Следует понимать, что на веб сайте текст может быть подан в двух вариантах &#8212; как текст и как графика (картинка). Основной контент (содержимое) сайта необходимо подавать именно текстом, тогда как элементы оформления, часто меню (уточните у разработчика программного обеспечения для сайта) можно сделать графикой.</p>
<p>Для текстового представления в вебе можно применять совсем немного шрифтов, которые гарантированно установлены на любом компьютере, из них самые «ходовые»:<br />
o	<strong>Time New Roman</strong><br />
o	<strong>Arial</strong><br />
o	<strong>Courier New</strong><br />
o<strong> Tahoma</strong><br />
o	<strong>Verdana</strong><br />
o	<strong>Helvetica</strong><br />
o	<strong>Georgia</strong></p>
<p>Для элементов оформления в принципе можно использовать любые шрифты.</p>
<p>В<em> html</em> нельзя задать точный размер шрифта. Если необходим шрифт строго определенного размера, то используется так называемые таблица каскадных стилей (CSS).<br />
Наибольшая разборчивость текста сайта достигается при соблюдении следующих основных условий:<br />
•	Максимальный контраст между цветом фона и текста. Оптимальным является черный шрифт на белом фоне без какого-либо фонового рисунка;<br />
•	Основные ключевые слова (основную мысль, названия заголовков и т.д.) желательно выделять полужирным шрифтом.<br />
•	Текст, которым оформлены гиперссылки системы навигации, должен отличаться от шрифта, которым оформлено основное содержание страниц сайта.</p>
<p><strong>4. Общее содержание веб-дизайна для полиграфистов</strong><br />
Веб &#8212; не печать. Здесь нельзя разгуляться буйной фантазии полиграфиста. Возможности достаточно скудные, но, тем не менее, даже при таких «суровых» условиях можно сделать гениальный дизайн сайта. Принт-дизайн гласит: <em>«Посмотри, как я хорош!»</em>.<br />
Лозунг же веб-дизайна: <em>«Посмотри, сколько хорошего я могу сделать для твоего клиента!».</em></p>
<p><strong>Итог</strong><br />
Проектирование оригинал-макет для веба и для полиграфии отличаются друг от друга. Каждый вид дизайна, безусловно, имеет свои особенности. В полиграфии, например, незначительная погрешность может стоить нормальной читаемости текста или качественного разрешения.<br />
Успешная разработка дизайна зависит и от самого дизайнера, его способностей и целей.<br />
Помните, что дизайн это не искусство, и главная его цель – донести до потребителя нужную информацию и заработать на этом деньги.<br />
Проектируя веб-дизайн и при этом, не вдаваясь в его особенности, принт-дизайнеру необходимо учесть следующее:<br />
•	Рассчитывайте размеры в пикселях. Для этого отлично подойдёт Photoshop. Откажитесь каких-либо  единиц измерения кроме пикселей.<br />
•	Учитывайте ширину монитора пользователя – 760рх или же 960рх (для более нового монитора).<br />
•	Избегайте сложных макетов – 3 колонки будет достаточно.<br />
•	Избегайте витиеватых шрифтов. Используйте только базовую типографию.<br />
Нельзя чётко сказать, что и как легче создавать – дизайн в веб или полиграфию. Но существует одно общее правило, которое гласит о том, что в любой работе должна быть <strong>идея</strong>.</p>

<div class="bookmarkz"><a href="http://www.google.com/bookmarks/mark?op=add&bkmk=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ &title=%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD+%D0%B4%D0%BB%D1%8F+%D0%BF%D1%80%D0%B8%D0%BD%D1%82-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2+-+Altima+Web+Systems" rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/google.png" border="0" width="15" height="15" alt="Google Bookmarks" title="Google Bookmarks"></a> <a href="http://digg.com/submit?url=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ " rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/digg.png" border="0" width="15" height="15" alt="Digg" title="Digg"></a> <a href="http://reddit.com/submit?url=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ &title=%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD+%D0%B4%D0%BB%D1%8F+%D0%BF%D1%80%D0%B8%D0%BD%D1%82-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2+-+Altima+Web+Systems" rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/reddit.png" border="0" width="15" height="15" alt="Reddit" title="Reddit"></a> <a href="http://del.icio.us/post?url=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ &title=%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD+%D0%B4%D0%BB%D1%8F+%D0%BF%D1%80%D0%B8%D0%BD%D1%82-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2+-+Altima+Web+Systems" rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/delicious.png" border="0" width="15" height="15" alt="del.icio.us" title="del.icio.us"></a> <a href="http://www.technorati.com/faves?add=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ " rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/technorati.png" border="0" width="15" height="15" alt="Technorati" title="Technorati"></a> <a href="http://www.slashdot.org/bookmark.pl?url=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ &title=%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD+%D0%B4%D0%BB%D1%8F+%D0%BF%D1%80%D0%B8%D0%BD%D1%82-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2+-+Altima+Web+Systems" rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/slashdot.png" border="0" width="15" height="15" alt="Slashdot" title="Slashdot"></a> <a href="http://myweb2.search.yahoo.com/myresults/bookmarklet?u=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ &t=%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD+%D0%B4%D0%BB%D1%8F+%D0%BF%D1%80%D0%B8%D0%BD%D1%82-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2+-+Altima+Web+Systems" rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/yahoo.png" border="0" width="15" height="15" alt="Yahoo My Web" title="Yahoo My Web"></a> <a href="http://www.bobrdobr.ru/addext.html?url=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ &title=%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD+%D0%B4%D0%BB%D1%8F+%D0%BF%D1%80%D0%B8%D0%BD%D1%82-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2+-+Altima+Web+Systems" rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/bobrdobr.png" border="0" width="15" height="15" alt="БобрДобр.ru" title="БобрДобр.ru"></a> <a href="http://rumarkz.ru/bookmarks/?action=add&popup=1&address=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ &title=%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD+%D0%B4%D0%BB%D1%8F+%D0%BF%D1%80%D0%B8%D0%BD%D1%82-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2+-+Altima+Web+Systems" rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/rumarkz.png" border="0" width="15" height="15" alt="RUmarkz" title="RUmarkz"></a> <a href="http://memori.ru/link/?sm=1&u_data[url]=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ &u_data[name]=%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD+%D0%B4%D0%BB%D1%8F+%D0%BF%D1%80%D0%B8%D0%BD%D1%82-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2+-+Altima+Web+Systems" rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/memori.png" border="0" width="15" height="15" alt="Memori.ru" title="Memori.ru"></a> <a href="http://www.rucity.com/bookmarks.php?action=add&address=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ &title=%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD+%D0%B4%D0%BB%D1%8F+%D0%BF%D1%80%D0%B8%D0%BD%D1%82-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2+-+Altima+Web+Systems" rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/rucity.png" border="0" width="15" height="15" alt="rucity.com" title="rucity.com"></a> <a href="http://moemesto.ru/post.php?url=http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info/ &title=%D0%92%D0%B5%D0%B1-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD+%D0%B4%D0%BB%D1%8F+%D0%BF%D1%80%D0%B8%D0%BD%D1%82-%D0%B4%D0%B8%D0%B7%D0%B0%D0%B9%D0%BD%D0%B5%D1%80%D0%BE%D0%B2+-+Altima+Web+Systems" rel="nofollow" target="_blank"><img src="http://blog.altimawebsystems.com/wp-content/plugins/bookmarkz/images/moemesto.png" border="0" width="15" height="15" alt="МоёМесто.ru" title="МоёМесто.ru"></a> </div>
<div class="fblike" style="height:25px; height:25px; overflow:hidden;"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblog.altimawebsystems.com%2F2008%2F12%2F24%2Fveb-dizajn-dlya-print-dizajnerov%2Fuseful_info%2F+&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;font=arial&amp;colorscheme=light" scrolling="no" frameborder="0" allow Transparency="true" style="border:none; overflow:hidden; width:450px;"></iframe></div>]]></content:encoded>
			<wfw:commentRss>http://blog.altimawebsystems.com/2008/12/24/veb-dizajn-dlya-print-dizajnerov/useful_info//feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

