<?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>О вебе с толком &#187; новогоднее</title>
	<atom:link href="http://webtalk.su/tag/novogodnee/feed" rel="self" type="application/rss+xml" />
	<link>http://webtalk.su</link>
	<description>О тонкостях интернета, веб-девелоперстве и жизни в сети</description>
	<lastBuildDate>Wed, 05 Oct 2011 12:34:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Тенденции в веб-дизайне на 2010 год</title>
		<link>http://webtalk.su/tendencii-v-veb-dizajne-na-2010-god</link>
		<comments>http://webtalk.su/tendencii-v-veb-dizajne-na-2010-god#comments</comments>
		<pubDate>Thu, 10 Dec 2009 12:29:53 +0000</pubDate>
		<dc:creator>Alecfyz</dc:creator>
				<category><![CDATA[blogger]]></category>
		<category><![CDATA[дизайн]]></category>
		<category><![CDATA[новогоднее]]></category>
		<category><![CDATA[профи]]></category>
		<category><![CDATA[техпроцесс]]></category>

		<guid isPermaLink="false">http://webtalk.su/?p=517</guid>
		<description><![CDATA[Чтобы не делать ошибок в будущем, посмотрим в корень каждого тренда. Пункты нижеизложенного списка не сильно отличаются от того, что мы наблюдали весь 2009 год, но обратите внимание на тенденции, - что-то уходит, что-то расширяется; но все неизбежно ведет к улучшению. Подумайте, как именно вы можете внедрить те или иные решения; как сосредоточить внимание на основной идее каждого тренда. Воодушевляйтесь идеями, становитесь частью этих идей!]]></description>
			<content:encoded><![CDATA[<p>Не за горами Новый Год, и пришло время избавляться от старья во всем, &#8211; и в веб-дизайне тоже, и смело посмотреть в лицо будущему. Конечно, новые веяния где бы то ни было, в том числе, и в дизайне, не приходят и не уходят 1 января каждого года. Тем не менее, есть определенная разница между тем, о чем мы мечтаем в начале каждого года, и тем, чем руководствуемся в конце. В большинстве случаев разница невелика. Это либо улучшение, либо реинтерпретация текущих тенденций. Тренды позволяют нам развиваться, как дизайнерам. Овладев одной техникой, мы движемся к следующей; продолжаем развитие.</p>
<p style="text-align: center;"><img alt="Тенденции в веб-дизайне на 2010 год" class="attachment wp-att-656 centered" height="300" src="http://webtalk.su/uploads/2009/12/crazyvelo.jpg" width="400" /></p>
<p>Чтобы не делать ошибок в будущем, посмотрим в корень каждого тренда. Пункты нижеизложенного списка не сильно отличаются от того, что мы наблюдали весь 2009 год, но обратите внимание на тенденции, &#8211; что-то уходит, что-то расширяется; но все неизбежно ведет к улучшению. Подумайте, как именно вы можете внедрить те или иные решения; как сосредоточить внимание на основной идее каждого тренда. Воодушевляйтесь идеями, становитесь частью этих идей!<br />
	<span id="more-517"></span></p>
<h3>1. Чрезмерно большие лого и хедеры</h3>
<p>Сплэш-страницы ушли в прошлое. В 2010 году чтобы произвести незабываемое впечатление на посетителя сайта можно пользоваться очень большими логотипами на пропорционально огромных хедерах. Такие хедеры могут занимать очень много места, вплоть до заполнения всего экрана. Все так же, как в случае со сплэш-страницей, но есть одно НО: пользователь не обязан нажимать какие-либо ссылки, кнопки и т.д., &#8211; достаточно просто прокрутить страницу вниз. Известно, что у многих пользователей замечается &quot;кликофобия&quot; (боязнь нажимать на кнопки, ходить по ссылкам). Так вот, большие хедеры теперь выполняют роль сплэш-страниц и избавлют пользователя от необходимости кликать по ссылкам.</p>
<p><strong>Главная мысль:</strong> Огромный хедер не даст посетителю шанса забыть ваш сайт.</p>
<p><a href="http://ma.tt/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/1.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>2. Рисованный от руки и скетч дизайн</h3>
<p>Рисованный от руки дизайн&nbsp; не нов, но он до сих пор находится в струе модных веб-дизайнерских течений. Многие дизайнеры восхищаются подобными решениями, но сами не решаются создать собственный скетч-дизайн, мотивируя это тем, что они-де &quot;не могут рисовать&quot; Если вы посмотрите на наиболее популярные сайты, основанные на рисованном дизайне, (по сравнению с другими web-трендами таких сайтов не много), вы заметите, что большинство ваших коллег-дизайнеров не умеют рисовать<!--EndFragment-->. Они делают дизайн не для музеев. Они передают через рисунок мысли, состояние души и стирают тем самым грань между бездушным &quot;квадратным&quot; интернетом и настоящим &quot;живым&quot; общением. А интернет идет именно к этому. Если вы хоть немного можете рисовать, &#8211; значит вы можете и сделать дизайн в стиле Скетч.</p>
<p>Скетч в веб-дизайне 2010 года станет более детализированным, но в то же время не будет находиться в центре внимания веб-дизайнеров. Скетч будет использоваться по большей части для персонализации скучных стандартных сайтов с помощью нестандартного решения.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Скетч становится элементом, частью корпоративного дизайна</p>
<p><a href="http://www.biola.edu/undergrad/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/2.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>3. Грубые шрифты</h3>
<p>Грубые шрифты &#8211; относительно новое слово в веб-дизайне, хотя в обычных медиа-носителях известны более 200 лет. Чтобы понять, что такое настоящий &quot;грубый шрифт&quot;, вспомните объявления &quot;Разыскивается&quot; из американских вестернов. Те самые рубленные, болдовые буквы &#8211; как раз то, что нужно. Обычно при написании таким шрифтом используют все заглавные буквы, полужирные и довольно большого размера. Многие дизайнеры сознательно уходили от использования грубых шрифтов из-за того, что раньше логотипы и хедеры были значительно менее крупными. Однако, в сочетании с тенденцией к увеличению хедеров, использование таких грубых, брутальных шрифтов позволяет заставить пользователя обратить внимание на сайт и запомнить его.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Грубые шрифты используются, чтобы громко и эпатажно заявить о себе.</p>
<p><a href="http://www.edgepointchurch.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/3.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>4. Типографика</h3>
<p>Типографика &#8211; одно из самых трудных в реализации и понимании направлений. И именно поэтому она останется свежим направлением дизайна в 2010. Со всех сторон кричат о юзабилити, и веб-дизайнеры избегают использовать в макетах сайтов новые и сложные шрифты. Вообще непонятно, откуда взялась идея микширования разноразмерных шрифтов. При грамотном размещении элементов дизайна, сайт, использующий типографику, как основную фишку дизайна, будет более интересен пользователю, нежели тот же сайт, перегруженный однотипным текстом и фотографиями.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Типографика молодое, сложное направление, но будет оставаться неотъемлемой частью веб-дизайна.</p>
<p><a href="http://www.elysiumburns.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/4.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>5. Дизайн из одной страницы</h3>
<p>Дизайн, состоящий из одной страницы избавляет вас от необходимости что-либо редактировать на сайте. В 2010 это направление станет еще более минималистичным. Хороший в прошлом подход для создания сайтов-визиток. Можно соблюдать модный нынче в России принцип &quot;одного окна&quot;: на таком сайте можно указать все свои прочие контакты, начиная с телефонов и асек и заканчивая остальными связанными с вами сайтами, блогами и адресами в социальных сетях. Но в отличие от сайтов-визиток, теперь тенденция сдвинется в строну личных инфо-страниц.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Одностраничный дизайн будет более распространен в качестве личной информационной страницы.</p>
<p><a href="http://www.zachklein.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/5.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>6. Огромные изображения</h3>
<p>Так же как большие логотипы и хедеры, монструозные картинки преследуют ту же цель. Они создают у посетителя незабываемое впечатление от сайта. Но в отличие от больших хедеров и логотипов, макро-картинки не являются составной частью брендинга. Напротив, чуть ли не единственной целью больших картинок является задержание внимания пользователя (если не интересно читать-смотреть контент, так хоть посмотрим на картинки). В 2010 году веб-дизайнеры почувствуют, что они не одиноки в своем стремлении передать дух сайта с помощью макро-картинок.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Большие картинки используются для привлечения пользователей</p>
<p><a href="http://digitalmash.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/6.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>7. Глубина и перспектива</h3>
<p>Многими уже высказывалось мнение, что плоский дизайн, дизайн без перспективы близок к самоисчерпанию и к смерти. 2010 год обещает нам дать больше &quot;глубокого&quot; дизайна с большей реалистичностью.</p>
<p><strong>Главная мысль</strong><strong>:</strong> В 2010 году можно не бояться играть в дизайне с перспективой.</p>
<p><a href="http://downsign.deviantart.com/art/Book-Store-136542851" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/7.jpg" style="width: 429px; height: auto;" /> </a><br />
	<a href="http://kpucu.deviantart.com/art/Pastorant-Restaurant-71565329" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/7-2.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>8. Интерактивный / интуитивный дизайн</h3>
<p>Время Flash`а уходит. Но было время, когда редкий &quot;новомодный&quot; сайт обходился без супер-пупер революционного Flash-интерфейса; даже меню (все меню) &#8211; на флеше. Сейчас, конечно, флеш используется более обоснованно и не в таких объемах; ну и более профессионально, разумеется. Хоть некоторые дизайнеры и предпочитают использовать jQuery для генерации форм и модальных окон, Flash все еще ни кем не вытеснен из веб-дизайна. Есть мнение, что флеш не имеет аналогов по интерактивности, хотя это и спорно (вспомним хотя бы тот же Adobe AIR и ajax). В 2010 году в веб-дизайне будет использоваться меньше флеша. А из-за повышения уровня подкованности среднестатистического пользователя, веб-девелоперам придется делать интерфейсы более интуитивно-понятными и продуманными.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Нужно стремиться к интерактивному дизайну и более интуитивно-понятным интерфейсам.</p>
<p><a href="http://www.crowleywebb.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/8.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>9. Модальные окна</h3>
<p>Красивые модальные окна &#8211; тренд, набирающий обороты, захватывающий все новые позиции в веб-дизайне. Имеет все шансы использоваться повсеместно в 2010 году. Модальные окна &#8211; почти то же самое, что и их &quot;младший брат&quot; &#8211; попап-окна, но более совершенные &ndash; преобладают плавные формы, более приятный внешний вид, большая дружелюбность к пользователю. Модальные окна просты и приятны в использовании, что делает их отличным решением, направленным на юзабилити.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Модальные окна продолжат триумфальное шествие в интернете в 2010 году.</p>
<p><a href="http://digg.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/9.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>10. Минимализм</h3>
<p>Нет-нет! Забудьте олдскульный минимализм. Нынешний минимализм ударился в типологию: изобилует незаполненными пространствами вместе с очень заметными жирными шрифтами и часто&nbsp; &#8211; с оригинальными цветовыми схемами. Далеко не все &quot;минималистичные&quot; сайты придерживаются черно-белой простоты в дизайне. Теперь в моде свежие решения и свежие цвета.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Минимализм разивается в сторону типологии.</p>
<p><a href="http://www.kylestanding.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/10.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>11. Увеличенный футер</h3>
<p>Большие футеры не редкость уже и сейчас. Но в 2010 году сохранится тенденция к их увеличению. Дизайнерская мысль выводит футеры из обычных неотъемлемых элементов дизайна сайта в самостоятельную функциональную единицу интерфейса. В футере могут поселиться, например, последние обновления RSS-каналов с родственных сайтов, какая-нибудь статистическая информация из социальных сетей, блоки опросов или даже свежие картинки из публичных галерей. Да все, что угодно.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Футеры увеличенного размера в будущем не наберут важности, но будут более персонализированы и выведены в отдельную функциональную единицу.</p>
<p><a href="http://www.duirwaigh.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/11.jpg" style="width: 429px; height: auto;" /> </a><br />
	<a href="http://oldloft.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/11-2.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>12. Ретро</h3>
<p>Мода на ретро, казалось бы, никогда не пройдет. Но похоже, что в ближайший год нового &quot;чистого ретро&quot; мы увидим меньше. И пусть дизайнерские комьюнити умиляются ретро-сайтами. Смысл ретро в будущем году будет сводиться к использованию в дизайне ключевых моментов ретро-стиля, вдохновения, взятого из Ретро. В 2010 году ретро будет только одним из средств для воплощения винтажа в дизайне.</p>
<p><strong>Главная мысль: </strong>Ретро возвращается обновленным. Но не увлекайтесь.</p>
<p><a href="http://www.level2d.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/12.jpg" style="width: 429px; height: auto;" /></a></p>
<h3>13. Интро/About в хедере</h3>
<p>&ldquo;Привет, мня зовут Катя Пучкина&hellip;&rdquo; Все чаще можно увидеть такие шапки у сайтов, блогов. И это только начало. Скоро еще больше дизайнеров поймет простоту и красоту этого решения. Что это такое? Это всего лишь еще один способ обратить на себя внимание, заявить о себе и познакомиться с посетителями вашего сайта или блога. Вместо нудной и скучной страницы &quot;Обо мне&quot; просто попробуйте сделать хедер, в котором кратко и доступно изложите кто вы и зачем вы здесь. Это, конечно, потребует некоторой смекалки от вас, ибо много информации в хедер не втиснешь; придется подумать и сделать короткий и емкий текст. В 2010 эти интро-боксы, скорее всего, перерастут в нечто большее, нежели просто вынесенные в хедер сведения &quot;обо мне&quot;. Возможно, там найдут свое место какие-то маркетинговые изыски. И, возможно, вместо однотипных &quot;верхних&quot; и &quot;левосторонних&quot; интро-боксов придут неожиданные решения с размещением этих информационных блоков где-то в других легко досягаемых частях страницы; может даже по центру страниц.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Новый способ заявить о себе и поздороваться с посетителями.</p>
<p><a href="http://www.alessandro-cavallo.de/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/13.jpg" style="width: 429px; height: auto;" /> </a></p>
<h3>14. Журнальная верстка</h3>
<p>Все больше людей отказываются от традиционной бумажной прессы в пользу онлайн-новостей, онлайн-статей, онлайн-прогнозов и прочего &quot;онлайн&quot;. И дизайнеры вынуждены подстраиваться под эту довольно большую часть аудитории, облегчая для них этот переход. Основной шаг к журнальной верстке &#8211; грамотное и осторожное размещение информации на главной странице с целью предоставить пользователю как можно больший выбор для последующего чтения. Подобный метод верстки знаком каждому, кто хоть раз читал обыкновенный бумажный журнал. Журнальный макет дает существенный прирост юзабилити &#8211; не нужно листать страницы в поисках нужной информации. В 2010 году журнальные макеты будут весьма популярны не только применительно к онлайн-зеркалам СМИ, но и для верстки обычных блогов.</p>
<p><strong>Главная мысль</strong><strong>:</strong> Журнальная верстка набирает популярность у информационных изданий и блогов.</p>
<p><a href="http://www.bmivoyager.com/" target="_blank"> <img border="0" src="http://webdesignledger.com/wp-content/uploads/2009/11/web_trends/14.jpg" style="width: 429px; height: auto;" /> </a></p>
<p>&#8212;</p>
<p>Сегодняшнее видео тоже о дизайне. О футуристичном дизайне мебели:</p>
<div><object height="339" width="420"><param name="movie" value="http://www.dailymotion.com/swf/x151i9" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><embed allowfullscreen="true" allowscriptaccess="always" height="339" src="http://www.dailymotion.com/swf/x151i9" type="application/x-shockwave-flash" width="420"></embed><br />
	</object></div>
<p>
	&nbsp;</p>
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebtalk.su%2Ftendencii-v-veb-dizajne-na-2010-god"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtalk.su%2Ftendencii-v-veb-dizajne-na-2010-god&amp;source=alecfyz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p class="facebook"><a rel="nofollow" href="http://www.facebook.com/share.php?u=http://webtalk.su/tendencii-v-veb-dizajne-na-2010-god" target="_blank"><img src="http://webtalk.su/wp-content/plugins/add-to-facebook-plugin/facebook_share_icon.gif" alt="Share on Facebook" title="Share on Facebook" /></a><a href="http://www.facebook.com/share.php?u=http://webtalk.su/tendencii-v-veb-dizajne-na-2010-god" target="_blank" title="Share on Facebook" rel="nofollow" >Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://webtalk.su/tendencii-v-veb-dizajne-na-2010-god/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Лошадка курит майонез&#8230;</title>
		<link>http://webtalk.su/loshadka-kurit-majonez</link>
		<comments>http://webtalk.su/loshadka-kurit-majonez#comments</comments>
		<pubDate>Sun, 07 Jan 2007 21:36:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[О чем-то]]></category>
		<category><![CDATA[зима]]></category>
		<category><![CDATA[новогоднее]]></category>

		<guid isPermaLink="false">http://webtalk.su/?p=56</guid>
		<description><![CDATA[&#60;Anch&#62;
Зима. Крестьянин торжествуя
Поперся за грибами в лес.
Его лошадка их не чует,
Лошадка курит майонез&#8230;

			
				
			
		
Share on Facebook]]></description>
			<content:encoded><![CDATA[<p>&lt;Anch&gt;<br />
Зима. Крестьянин торжествуя<br />
Поперся за грибами в лес.<br />
Его лошадка их не чует,<br />
Лошадка курит майонез&#8230;
<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwebtalk.su%2Floshadka-kurit-majonez"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwebtalk.su%2Floshadka-kurit-majonez&amp;source=alecfyz&amp;style=normal&amp;service=is.gd" height="61" width="50" /><br />
			</a>
		</div>
<p class="facebook"><a rel="nofollow" href="http://www.facebook.com/share.php?u=http://webtalk.su/loshadka-kurit-majonez" target="_blank"><img src="http://webtalk.su/wp-content/plugins/add-to-facebook-plugin/facebook_share_icon.gif" alt="Share on Facebook" title="Share on Facebook" /></a><a href="http://www.facebook.com/share.php?u=http://webtalk.su/loshadka-kurit-majonez" target="_blank" title="Share on Facebook" rel="nofollow" >Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://webtalk.su/loshadka-kurit-majonez/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

