<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><!-- generator="wordpress/2.0.8" --><rss 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:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Дизайн блог</title>
	<link>http://hello.te.ua/blog</link>
	<description>Блог про дизайн</description>
	<pubDate>Fri, 27 Jan 2012 07:35:30 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.0.8</generator>
	<language>en</language>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/design-blog" /><feedburner:info uri="design-blog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
		<title>Малюнки з світла та тіні</title>
		<link>http://feedproxy.google.com/~r/design-blog/~3/1JaWC7zlUCU/</link>
		<comments>http://hello.te.ua/blog/graphic-design/malyunky-z-svitla-ta-tini/#comments</comments>
		<pubDate>Fri, 27 Jan 2012 07:35:30 +0000</pubDate>
		<dc:creator>hello</dc:creator>
		
		<category>Графічний дизайн</category>

		<guid isPermaLink="false">http://hello.te.ua/blog/graphic-design/malyunky-z-svitla-ta-tini/</guid>
		<description><![CDATA[
Рашад Алакбарок, з Азербайджану створив свої картини з світла та тіні. Небачу змісту їх описувати, треба просто бачити.










]]></description>
			<content:encoded><![CDATA[<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rashad-1-600x900-tilted_0.jpg" alt="" /><br />
<a href="http://www.facebook.com/media/set/?set=a.118588208159458.15675.118587544826191&amp;type=3" rel="nofollow">Рашад Алакбарок</a>, з Азербайджану створив свої картини з світла та тіні. Небачу змісту їх описувати, треба просто бачити.</p>
<p><a id="more-133"></a></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rashad-1-600x900_1.jpg" alt="" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/2_21.jpg" alt="" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/3_3.jpg" alt="" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/4_41.jpg" alt="" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/5_51.jpg" alt="" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/6_62.jpg" alt="" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/7_71.jpg" alt="" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/8_81.jpg" alt="" />
</p>
<img src="http://feeds.feedburner.com/~r/design-blog/~4/1JaWC7zlUCU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://hello.te.ua/blog/graphic-design/malyunky-z-svitla-ta-tini/feed/</wfw:commentRss>
		<feedburner:origLink>http://hello.te.ua/blog/graphic-design/malyunky-z-svitla-ta-tini/</feedburner:origLink></item>
		<item>
		<title>Підводна краса Білого моря</title>
		<link>http://feedproxy.google.com/~r/design-blog/~3/APxp48kkYD4/</link>
		<comments>http://hello.te.ua/blog/life/pidvodna-krasa-biloho-morya/#comments</comments>
		<pubDate>Wed, 25 Jan 2012 07:14:39 +0000</pubDate>
		<dc:creator>hello</dc:creator>
		
		<category>Різне</category>

		<guid isPermaLink="false">http://hello.te.ua/blog/life/pidvodna-krasa-biloho-morya/</guid>
		<description><![CDATA[
&#160;
Російський біолог Олександр Семенов&#160;працюючи знімає дивовижні фото медуз у їх природньому середовищі. Семенов закінчив Московський державний інститут де вивчав безхребетних тварин, та почав займатися фотографією просто заради розваги. Тепер він працює на біологічній станції в Білому морі.
&#8220;Після двох чи трьох місяців постійних невдач мені таки вдалося зняти кілька пристойних кадрів, що надихнуло мене на покупку [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/1-tilted_0.jpg" alt="дизайн фото" /><br />
&nbsp;<br />
Російський біолог <a href="http://clione.ru/gallery" rel="nofollow">Олександр Семенов</a>&nbsp;працюючи знімає дивовижні фото медуз у їх природньому середовищі. Семенов закінчив Московський державний інститут де вивчав безхребетних тварин, та почав займатися фотографією просто заради розваги. Тепер він працює на біологічній станції в Білому морі.</p>
<p>&#8220;<i>Після двох чи трьох місяців постійних невдач мені таки вдалося зняти кілька пристойних кадрів, що надихнуло мене на покупку напів-професійної камери у комплекті з підводним приладдям до неї</i>&#8220;, зізнається Семенов.</p>
<p>Ражду пройтися по зсилці і зайти на сайт Семенова, там до дідька чудових фотографій. Залишається лише дивуватися красі підводного світу.</p>
<p><a id="more-132"></a></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/1_1.jpg" alt="підводна зйомка" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/2_2.jpg" alt="підводне фото" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/5_5.jpg" alt="фото дизайн" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/6_61.jpg" alt="дизайн фото" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/7_7.jpg" alt="гарні фото" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/8_8.jpg" alt="гарне фото" />
</p>
<img src="http://feeds.feedburner.com/~r/design-blog/~4/APxp48kkYD4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://hello.te.ua/blog/life/pidvodna-krasa-biloho-morya/feed/</wfw:commentRss>
		<feedburner:origLink>http://hello.te.ua/blog/life/pidvodna-krasa-biloho-morya/</feedburner:origLink></item>
		<item>
		<title>Сесілья Паредес заховала себе у власних роботах</title>
		<link>http://feedproxy.google.com/~r/design-blog/~3/zIXJgSXDDyg/</link>
		<comments>http://hello.te.ua/blog/graphic-design/sesilya-paredes-zahovala-sebe-u-vlasnyh-robotah/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 07:48:35 +0000</pubDate>
		<dc:creator>hello</dc:creator>
		
		<category>Графічний дизайн</category>

		<guid isPermaLink="false">http://hello.te.ua/blog/graphic-design/sesilya-paredes-zahovala-sebe-u-vlasnyh-robotah/</guid>
		<description><![CDATA[
Перуанська художниця Сесілья Паредес намагається &#8220;розчинитися&#8221; у власних роботах, але не з допомогою магії (як ви всі подумали), а завдяки фарбі. Сесілья використовувала боді-арт, макіяж, костюми таким чином, щоб зникнути на фоні своїх творів &#8212; а потім фотографувала те, що получилось. А получилось круто.









]]></description>
			<content:encoded><![CDATA[<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/CeciliaParedes00_04.jpg" alt="дизайн тектура" /><br />
Перуанська художниця<a href="http://www.ceciliaparedes.com/cecilia.html" rel="nofollow"> Сесілья Паредес</a> намагається &#8220;розчинитися&#8221; у власних роботах, але не з допомогою магії (як ви всі подумали), а завдяки фарбі. Сесілья використовувала боді-арт, макіяж, костюми таким чином, щоб зникнути на фоні своїх творів &mdash; а потім фотографувала те, що получилось. А получилось круто.</p>
<p><a id="more-131"></a></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/CeciliaParedes03_14.jpg" alt="дизайн" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/CeciliaParedes01_24.jpg" alt="художник" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/CeciliaParedes08_34.jpg" alt="художниця" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/CeciliaParedes02_44.jpg" alt="мистецтво" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/CeciliaParedes06_54.jpg" alt="фотографія" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/CeciliaParedes07_64.jpg" alt="приховати себе" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/CeciliaParedes09_74.jpg" alt="супер дизайн" />
</p>
<img src="http://feeds.feedburner.com/~r/design-blog/~4/zIXJgSXDDyg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://hello.te.ua/blog/graphic-design/sesilya-paredes-zahovala-sebe-u-vlasnyh-robotah/feed/</wfw:commentRss>
		<feedburner:origLink>http://hello.te.ua/blog/graphic-design/sesilya-paredes-zahovala-sebe-u-vlasnyh-robotah/</feedburner:origLink></item>
		<item>
		<title>Візуалізація мапи твітів на тему SOPA та PIPA</title>
		<link>http://feedproxy.google.com/~r/design-blog/~3/8BA3_k2Cga4/</link>
		<comments>http://hello.te.ua/blog/life/vizualizatsiya-mapy-tvitiv-na-temu-sopa-ta-pipa/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 13:15:39 +0000</pubDate>
		<dc:creator>hello</dc:creator>
		
		<category>Різне</category>

		<category>Інтерфейси</category>

		<guid isPermaLink="false">http://hello.te.ua/blog/life/vizualizatsiya-mapy-tvitiv-na-temu-sopa-ta-pipa/</guid>
		<description><![CDATA[
Технологи Андрій Терещук та Аарон Отт потрудилися над цікавою візуалізацією, яка показує швидкість з якою суспільство Твіттера протестувало щодо актів SOSA та PIPA. Відео-ролик було створено відлідковуючи твіти за хештегами #pipa, #sopa та #blackout між 8 ранку та 8 вечора 18 січня.
Затримка у візуалізації твітів &#8212; 1 хвилина.



]]></description>
			<content:encoded><![CDATA[<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/twitter-sosa-pipa_home.jpg" alt="візуалізація twitter" /><br />
Технологи Андрій Терещук та Аарон Отт потрудилися над цікавою візуалізацією, яка показує швидкість з якою суспільство Твіттера протестувало щодо актів SOSA та PIPA. Відео-ролик було створено відлідковуючи твіти за хештегами #pipa, #sopa та #blackout між 8 ранку та 8 вечора 18 січня.<br />
Затримка у візуалізації твітів &mdash; 1 хвилина.</p>
<p><a id="more-126"></a></p>
<p><iframe src="http://player.vimeo.com/video/35469606?title=0&amp;byline=0&amp;portrait=0" width="600" height="450" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
</p>
<img src="http://feeds.feedburner.com/~r/design-blog/~4/8BA3_k2Cga4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://hello.te.ua/blog/life/vizualizatsiya-mapy-tvitiv-na-temu-sopa-ta-pipa/feed/</wfw:commentRss>
		<feedburner:origLink>http://hello.te.ua/blog/life/vizualizatsiya-mapy-tvitiv-na-temu-sopa-ta-pipa/</feedburner:origLink></item>
		<item>
		<title>Новий фірмовий стиль DC Comics</title>
		<link>http://feedproxy.google.com/~r/design-blog/~3/AUeS31xPvcg/</link>
		<comments>http://hello.te.ua/blog/identity/novyj-firmovyj-styl-dc-comics/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 13:38:15 +0000</pubDate>
		<dc:creator>hello</dc:creator>
		
		<category>Айдентика</category>

		<guid isPermaLink="false">http://hello.te.ua/blog/identity/novyj-firmovyj-styl-dc-comics/</guid>
		<description><![CDATA[
DC Entertainment радує новим фірмовим стилем та інтерактивним логотипом. Детальніше під катом.



Новий логотип, розроблений дизайнерською фірмою&#160; Landor Associates&#160; для&#160; DC Entertainment та DC Comics.
Використовується відомий прийом &#8220;відгортання&#8221; одного символу, щоб показати інший. Як заявили дизайнери, цей хід відповідає духу компанії DC Entertainment&#160; та показує двоїстість персонажів її історій.
&#160;
&#8220;Новий стиль зроблено для цифрової епохи, легко анімується [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/dc_new_style_home.jpg" alt="новий фірмовий стиль" /><br />
DC Entertainment радує новим фірмовим стилем та інтерактивним логотипом. Детальніше під катом.</p>
<p><a id="more-125"></a></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/1_0.jpg" alt="новий фірмовий стиль" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/DC_cropped_1.jpg" alt="розробка логотипу" /><br />
Новий логотип, розроблений дизайнерською фірмою&nbsp; Landor Associates&nbsp; для&nbsp; DC Entertainment та DC Comics.<br />
Використовується відомий прийом &#8220;відгортання&#8221; одного символу, щоб показати інший. Як заявили дизайнери, цей хід відповідає духу компанії DC Entertainment&nbsp; та показує двоїстість персонажів її історій.<br />
&nbsp;<br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/DC_logo_versions_1280_2.jpg" alt="інтерактивний логотип" />&#8220;Новий стиль зроблено для цифрової епохи, легко анімується та підстроюється, щоб у повній мірі використати можливості рекламних носіїв&#8221; &mdash; заявляє виконавчий директор&nbsp;Landor Associates Ніколас Апарічо<br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/greenLantern_cropped_3.jpg" alt="айфон стиль" /><br />
Айдентика націлена на створення візуальної єдності компанії, її трьох брендів, її історій, її персонажів.<br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/4_4.jpg" alt="фірмовий стиль" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/6_6.jpg" alt="корпоративний стиль" />&nbsp;<br />
Компанія буде впроваджувати новий фірмовий стиль пофазово: спочатку у коміксах і графічних новелах у березні, потім на сайті dcomics.com/dccomics буде показано усі нові елементи (сторінка теж стартане у березні цього року), та насамкінець у всьому іншому &nbsp;&mdash; у фільмах, на телебаченні, в іграх та іншій продукції &mdash; протягом усього року.
</p>
<img src="http://feeds.feedburner.com/~r/design-blog/~4/AUeS31xPvcg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://hello.te.ua/blog/identity/novyj-firmovyj-styl-dc-comics/feed/</wfw:commentRss>
		<feedburner:origLink>http://hello.te.ua/blog/identity/novyj-firmovyj-styl-dc-comics/</feedburner:origLink></item>
		<item>
		<title>Дизайн та їжа. Книга-каталог «З’їж мене»</title>
		<link>http://feedproxy.google.com/~r/design-blog/~3/_-BItZdbE1s/</link>
		<comments>http://hello.te.ua/blog/identity/design-food-eatme-book/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 07:00:15 +0000</pubDate>
		<dc:creator>hello</dc:creator>
		
		<category>Айдентика</category>

		<category>Графічний дизайн</category>

		<category>Промдизайн</category>

		<guid isPermaLink="false">http://hello.te.ua/blog/identity/design-food-eatme-book/</guid>
		<description><![CDATA[
Видавництво Victionary (Hong Kong) випустило книгу «З&#8217;їж мене». Всередені повно класних упаковок для їжі, ресторанної айдентики, інтер&#8217;єрів та інших дизайнерських проектів, що пов&#8217;язані з їжею. Навіть сама книга зроблена у вигляді вафельного бісквіту.


Справа зверху книгу навіть &#8220;надкусили&#8221;.

А найсмачніше усередині книги:


Гамбургська аґенція Korefe зробила з викруток цукерки.


Лондонська дизайнерка Демелза Хілл представила набір з тарілки та приладдя [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/eatme_home.jpg" alt="фірмовий стиль ресторану" /><br />
Видавництво <a href="http://victionary.com/" rel="nofollow">Victionary</a> (Hong Kong) випустило книгу «З&#8217;їж мене». Всередені повно класних упаковок для їжі, ресторанної айдентики, інтер&#8217;єрів та інших дизайнерських проектів, що пов&#8217;язані з їжею. Навіть сама книга зроблена у вигляді вафельного бісквіту.</p>
<p><a id="more-124"></a></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2237_0_0.jpg" alt="дизайн ресторанів" /></p>
<p>Справа зверху книгу навіть &#8220;надкусили&#8221;.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2243_0_1.jpg" alt="книга каталог" /></p>
<p>А найсмачніше усередині книги:</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2238_0_2.jpg" alt="цукерки дизайн" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2239_0_3.jpg" alt="солодкий стиль" /><br />
Гамбургська аґенція Korefe зробила з викруток цукерки.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2241_0_4.jpg" alt="кафе стиль" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2242_0_5.jpg" alt="тарілки дизайн" /><br />
Лондонська дизайнерка Демелза Хілл представила набір з тарілки та приладдя у стилі повітряних моделей для склейки.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2246_0_6.jpg" alt="стиль кондитерска" /><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2247_0_7.jpg" alt="" /><br />
Корпоративний стиль та стиль для мексиканської кондитерської Theurel &#038; Thomas</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2248_0_8.jpg" alt="фірмовий стиль закусочка" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2249_0_9.jpg" alt="фірмовий стиль кафе" /><br />
<img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2250_0_10.jpg" alt="фірмовий стиль ресторан" /><br />
Ванкуверська закусочна Meat &#038; Bread</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2251_0_11.jpg" alt="дизайн скульптура" /><br />
Зліва &mdash; дизайнерський проект Кайла Біна з Брайтону &#8220;Що з&#8217;явилося скоріше?&#8221; &mdash; скульптура курки складеної з яєчної скорлупи.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2256_0_12.jpg" alt="стиль виставки" /><br />
Художники готуються до виставки Absolut Vis10ns</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2257_0_13.jpg" alt="стиль скульптура" /><br />
Розворот присвячений неймовірним скульптурам з кубиків цукру Брендона Джемісона</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2258_0_14.jpg" alt="ресторан інтер'єр" /><br />
Інтер&#8217;єр забігайлівки The Hatch присвячений лондонському Фестивалю Дизайну у 2009</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/rimg2259_0_15.jpg" alt="книга дизайн" /><br />
Короткі історії/біографії студій, дизайнерів, художників зібрано в кінці книги. Нікого не забули.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2012/01/eatme_cover1_0_16.jpg" alt="дизайн книги" /><br />
Книга продається з &#8220;ванільною&#8221; або &#8220;шоколадною&#8221; обкладинками.<br />
Каталог Eat Me (288 сторінок, 190 x 255мм) можна придбати на <a href="http://victionary.com/" rel="nofollow">victionary.com</a> за $42 (без доставки). Що для такого класу (і об&#8217;єму) книги зовсім не дорого.
</p>
<img src="http://feeds.feedburner.com/~r/design-blog/~4/_-BItZdbE1s" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://hello.te.ua/blog/identity/design-food-eatme-book/feed/</wfw:commentRss>
		<feedburner:origLink>http://hello.te.ua/blog/identity/design-food-eatme-book/</feedburner:origLink></item>
		<item>
		<title>Інфографіка: Оптимізація — найкращий подарунок сайту</title>
		<link>http://feedproxy.google.com/~r/design-blog/~3/B-H1yuPHFZo/</link>
		<comments>http://hello.te.ua/blog/webdesign/infohrafika-optymizatsiya-%e2%80%94-najkraschyj-podarunok-sajtu/#comments</comments>
		<pubDate>Tue, 27 Dec 2011 12:49:22 +0000</pubDate>
		<dc:creator>hello</dc:creator>
		
		<category>Веб дизайн</category>

		<category>Типографіка</category>

		<guid isPermaLink="false">http://hello.te.ua/blog/webdesign/infohrafika-optymizatsiya-%e2%80%94-najkraschyj-podarunok-sajtu/</guid>
		<description><![CDATA[

 &#8212;&#8212;&#8212;&#8226; популярна інфографіка &#8226;&#8212;&#8212;&#8212; 
 Найкращий подарунок для сайту на Різдво 
 оптимізація 
 ~~~~~ справді корисні поради ~~~~~ 

 Сьогодні побачив прекрасну інфографіку про оптимізацію сайту. Зверніть увагу, не оптимізацію для пошукових машин — для людей, для підвищення конверсії продажів, для покращення юзабіліті. І вирішив я це діло перекласти для задоволення читачів мого [...]]]></description>
			<content:encoded><![CDATA[<p><img src="/blog/wp-content/uploads/2011/12/day-day.jpg" style="display:none;" />
<div style="text-align: center; background:#e6f5fc; border: solid 4px #e6f5fc; padding: 10px">
<div style="color: #999; font-size: 10px; letter-spacing: 0.5em; padding: 10px; font-family: georgia; font-style: italic;"> <span style="font-size: 12px; letter-spacing: -2px;color:#bbb;">&mdash;&mdash;&mdash;&bull;</span> популярна інфографіка <span style="font-size: 12px; letter-spacing: -2px;color:#bbb;">&bull;&mdash;&mdash;&mdash;</span> </div>
<div style="color:#58733c; line-height:30px; font-size: 30px; font-weight: bold; text-transform: none;"> Найкращий подарунок для сайту на Різдво </div>
<div style="color:#b11016; line-height: 90px; font-size: 92px; font-weight: bold; text-transform: uppercase;"> оптимізація </div>
<div style="color: #999; font-size: 10px; letter-spacing: 0.5em; padding: 10px; font-family: georgia; font-style: italic;"> <span style="font-size: 12px; letter-spacing: -2px;color:#bbb;">~~~~~</span> справді корисні поради <span style="font-size: 12px; letter-spacing: -2px;color:#bbb;">~~~~~</span> </div>
</div>
<p class="the_p"> Сьогодні побачив прекрасну інфографіку про оптимізацію сайту. Зверніть увагу, не оптимізацію для пошукових машин — для людей, для підвищення конверсії продажів, для покращення юзабіліті. І вирішив я це діло перекласти для задоволення читачів мого блогу, і, звісно, як пам&#8217;ятку собі. </p>
<p> <a id="more-121"></a> <style>.the_p { background: #58733c; color: #fff; padding: 20px !important; margin: 0 !important; }.the_info {background-color: #e6f5fc; padding: 20px; font-size: 11px; line-height: 15px; /* border: solid 2px #b3e2f6; */}.the_title { font-size: 16px; font-weight:bold; padding: 10px 0 10px 0; margin: 0; }.the_title span { background: #fff; padding: 3px; }.the_title_main { text-align: center; color: #333; font-size: 30px; font-weight: bold; line-height: 35px; display: block; border-top: solid 1px #DDD; border-bottom: solid 1px #DDD; padding: 10px 0 10px 0; margin: 10px 0 20px 0;}.the_pre { padding-right: 150px !important; background: transparent url(/blog/wp-content/uploads/2011/12/new-year-2012.jpg) top right no-repeat; }.the_item { float: left; width: 310px; padding: 0 20px 30px 0; }.the_edge { padding-right: 0 !important;}.the_desc { font-style: italic; }.the_left { float: left; width: 100px; }.the_right {float: left; width: 200px; }.the_d1 .the_right { padding: 26px 0 0 5px;}.the_d1 .the_three, .the_d10 .the_three { background: transparent url(/blog/wp-content/uploads/2011/12/day_1_three.jpg) 0px 7px no-repeat; overflow: hidden; height: 115px;}.the_d1 .the_three p, .the_d10 .the_three p { padding-left: 86px !important; color: #777;}.the_d1 .the_three span, .the_d10 .the_three span { font-size: 9px; line-height: 11px; display: block; float: left; width: 69px; padding: 8px 22px 0 12px; }.the_d2 .day_2_search { font-weight: bold; padding: 39px 45px 0 52px; height: 82px; width: 60px; background: transparent url(/blog/wp-content/uploads/2011/12/day_2_search.jpg) 0px 7px no-repeat; }.the_d2 .the_d2_three { width: 150px; }.the_d2 .the_d2_three span { padding-top: 5px; display: block; }.day_3_search { font-weight: bold; padding: 39px 25px 0 0px; height: 82px; width: 60px; background: transparent url(/blog/wp-content/uploads/2011/12/day_3_br.jpg) right 7px no-repeat; }.the_d3_three { width: 220px; }.the_d3_three span { margin-top: 5px; padding: 1px 3px; display: block; background: #b3e2f6; }.the_d11 .day_3_search { width: 80px !important; padding-top: 42px !important; }.the_d11 .the_d3_three { width: 200px !important; }.the_d4 p { padding-bottom: 0 !important; }.the_d4_text { padding: 35px 150px 0px 15px; height: 90px; background: transparent url(/blog/wp-content/uploads/2011/12/day_4.jpg) 0px 0px no-repeat; }.the_d4_title, .the_d5_title, .the_d6_title, .the_d7_title, .the_d8_title, .the_d9_title, .the_d10_title { font-size: 12px; color:#333; font-weight: bold; padding: 10px 0 10px 0; text-align: center;}.the_d4_info, .the_d5_info, .the_d7_info, .the_d8_info , .the_d9_info { overflow: hidden; width: 100%; background: transparent url(/blog/wp-content/uploads/2011/12/day_x_3.jpg) center 0px no-repeat; }.the_d4_info span, .the_d5_info span, .the_d7_info span, .the_d8_info span, .the_d9_info span { float: left; display: block; width: 85px; height: 50px; padding: 19px 18px 50px 40px; }.the_d4_info span.last, .the_d5_info span.last, .the_d7_info span.last, .the_d8_info span.last, .the_d9_info span.last { display: block; width: 80px; height: 40px; padding: 19px 18px 50px 109px; }.the_d5_info span, .the_d8_info span, .the_d9_info span { font-size: 10px; line-height: 12px; padding-top: 17px !important; }.the_d6_title { padding-top: 0 !important; }.the_d6_info { overflow: hidden; width: 100%; height: 225px; background: transparent url(/blog/wp-content/uploads/2011/12/day_6_alg.jpg) center 0px no-repeat; }.the_d6_left { float: left; padding: 40px 0 60px 11px; width: 105px; height: 50px; text-align: center;}.the_d6_right { float:left; padding: 40px 0 60px 78px; width: 105px; height: 50px; text-align: center; }.the_d6_left span , .the_d6_right span { color: #fff; font-size: 15px; font-weight: bold; display: block; padding: 14px 0 0 0;}.the_d6_bottom { color: #fff; padding: 15px 95px 5px 89px; line-height: 12px; }.the_d6_foot { text-align: center; padding: 15px 0 0 0; }.the_d10_data { padding: 35px 110px 0px 15px; height: 90px; background: transparent url(/blog/wp-content/uploads/2011/12/day_10.jpg) right 0px no-repeat; }.the_d11_data { padding: 0px 0px 20px 0px; }</style>
<div class="the_info">
<p class="the_pre"> Святковий сезон, це не тільки вдалий час для проведення різноманітних акцій для відвідувачів. Зробіть подарунок собі, внесіть деякі зміни у свій сайт, що приведуть до покращення його роботи. Таким чином зробивши добре сайту, ви зробите добре і своїм відвідувачам, і собі. <br/><br/> Дізнайтеся про найважливіші елементи сайту і способи їх покращення для підвищення конверсії. </p>
<div class="the_title the_title_main">Що я можу дати сайту <br/> за 12 днів свят</div>
<div class="the_item the_d1">
<h3 class="the_title"><span>День 1: Навігація</span> </h3>
<div class="the_text">
<p> Відвідувачі використовують навігацію щоб досягти своєї цілі — знайти потрібну інформацію, купити продукт, поспілкуватися. </p>
<div class="the_left"><img src="/blog/wp-content/uploads/2011/12/day_1_60.jpg" /></div>
<div class="the_right">Люди не знаходять потрібної інформації на сайті близько <b>60%</b> часу</div>
<div class="clr"></div>
<div class="the_left"><img src="/blog/wp-content/uploads/2011/12/day_1_50.jpg" /></div>
<div class="the_right">Близько <b>50%</b> потенційних продаж втрачаються через це</div>
<div class="clr"></div>
<div class="the_three">
<p>Протестуйте навігацію</p>
<p style="margin:0 !impotrant;padding:0!important;color: #333;"> <span>Перевірте чи вся навігація у контексті</span> <span>Нехай тестери виконають специфічні завдання</span> <span>Переконайтесь, що вся навігація потрібна</span></p>
</div>
</div>
</div>
<div class="the_item the_edge the_d2">
<h3 class="the_title"><span>День 2: Пошук</span> </h3>
<div class="the_text">
<p> Пошук допомагає відвідувачам знайти те, що їм потрібно на вашому сайті. </p>
<p> <img src="/blog/wp-content/uploads/2011/12/day_2_people.jpg" /> <b>80% відвідувачів</b> покидають сайт, якщо на ньому поганий внутрішній пошук. <br/><br/> Використання внутрішнього пошуку зростає на <b>91%</b>, якщо на сторінці використовувати форму пошуку, а не посилання на неї. <img src="/blog/wp-content/uploads/2011/12/day_2_searchform.jpg" />
<div class="the_left day_2_search">А ваш пошук&#8230;</div>
<div class="the_right the_d2_three"> <span>сортує результати по категоріям?</span> <span>уточнює результати фільтрами?</span> <span>опирається на ключові слова, щоб швидко отримати інформацію?</span> </div>
<div class="clr"></div>
</div>
</div>
<div class="clr"></div>
<div class="the_item the_d3">
<h3 class="the_title"><span>День 3: Контент</span> </h3>
<div class="the_text">
<p> Кількість часу, який відвідувач проводить на сайті прямо залежить від контенту. Також цей час є одним з критеріїв пошукових машин у сортуванні видачі. </p>
<p> Додавши блог ви зможете збільшити кількість&#8230; <img src="/blog/wp-content/uploads/2011/12/day_3_visitors.jpg" /> відвідувачів на 55% <img src="/blog/wp-content/uploads/2011/12/day_3_links.jpg" /> посилань на сайт на 97% <img src="/blog/wp-content/uploads/2011/12/day_3_index.jpg" /> проіндексованих сторінок на 434% <br/><br/> Контент на вашому сайті повинен бути релевантним, унікальним та сучасним <br/><br/>
<div class="the_left day_3_search">А ваш контент&#8230;</div>
<div class="the_right the_d3_three"> <span>відповідає вашим іншим текстам для продаж?</span> <span>написано спеціально для вебу?</span> <span>інформативний, навчальний, переконливий, привабливий?</span> </div>
<div class="clr"></div>
</div>
</div>
<div class="the_item the_edge the_d4">
<h3 class="the_title"><span>День 4: Дизайн</span> </h3>
<div class="the_text">
<p>Візуальний дизайн вашого сайту допомагає формуванню вашого бренду</p>
<div class="the_d4_text"> Коли CrazyEgg зробили багато змін у дизайні свого сайту — їх конверсія збільшилась </div>
<div class="the_d4_title"> А ваш дизайн&#8230; </div>
<div class="the_d4_info"> <span>Приємний на вигляд?</span> <span>Пов&#8217;язаний з вашим брендом?</span> <span class="last">Відповідає тематиці?</span> </div>
</div>
</div>
<div class="clr"></div>
<div class="the_item the_d5">
<h3 class="the_title"><span>День 5: Типографіка</span> </h3>
<div class="the_text">
<p>Чи всі слова на вашому сайті легко читаються?</p>
<div class="the_d5_title"> А ваша типографіка&#8230; </div>
<div class="the_d5_info"> <span>узгоджено використовує шрифти, стилі, кольори?</span> <span>добре використовує розміри та проміжки?</span> <span class="last">дозволяє створити список з буллетами?</span> </div>
</div>
</div>
<div class="the_item the_edge the_d6">
<h3 class="the_title"><span>День 6: Кнопки</span> </h3>
<div class="the_text">
<p> При тестуванні двох різних сайтів, зміна кольору критичної кнопки з зеленого на червоний збільшила корверсію на 21% та 34% <img src="/blog/wp-content/uploads/2011/12/day_5.jpg" /> </p>
<div class="the_d6_title"> Змінивши текст з </div>
<div class="the_d6_info">
<div class="the_d6_left"> дещо прихованого <span>Безкоштовна реєстрація</span> </div>
<div class="the_d6_right"> на дещо відкритіший <span>Розпочніть зараз</span> </div>
<div class="clr"></div>
<div class="the_d6_bottom"> сайт збільшив конверсію на </div>
<div class="the_d6_foot">Кнопки мають бути очевидними.</div>
</div>
</div>
</div>
<div class="clr"></div>
<div class="the_item the_d7">
<h3 class="the_title"><span>День 7: Малюнки</span> </h3>
<div class="the_text">
<p> Малюнки привносять персоналізацію до вашого сайту. </p>
<div> Використання відео збільшує конверсію на 80%. <img src="/blog/wp-content/uploads/2011/12/day_7.jpg" /> </div>
<div class="the_d7_title"> А ваші малюнки&#8230; </div>
<div class="the_d7_info"> <span>релевантні?</span> <span>високої якості?</span> <span class="last">чіпляють?</span> </div>
</div>
</div>
<div class="the_item the_edge the_d8">
<h3 class="the_title"><span>День 8: Безпека</span> </h3>
<div class="the_text">
<p>Відвідувачі повинні відчувати себе захищеними, щоб дати вам свою персональну інформацію.</p>
<p> <img src="/blog/wp-content/uploads/2011/12/day_8_people.jpg" /> <b>21% відвідувачів</b>, які покинули кошик з товарами на сайті хвилювалися за безпеку своїх персональних даних та фінансів.
<div class="the_d8_title"> А ви забезпечуєте на сайті&#8230; </div>
<div class="the_d8_info"> <span>правила використання, політику приватності?</span> <span>сертифікати SSL, шифрування даних?</span> <span class="last">пояснюєте як надана інформація використовується?</span> </div>
</div>
</div>
<div class="clr"></div>
<div class="the_item the_d9">
<h3 class="the_title"><span>День 9: Продукція</span> </h3>
<div class="the_text">
<p>Пошук і перегляд продукції на сайті дуже важливі.</p>
<div class="the_d9_title"> А ваша продукція&#8230; </div>
<div class="the_d9_info"> <span>організована у логічні категорії?</span> <span>легко і просто переглядається?</span> <span class="last">детально, повністю і релевантно описана?</span> </div>
</div>
</div>
<div class="the_item the_edge the_d10">
<h3 class="the_title"><span>День 10: Магазин</span> </h3>
<div class="the_text">
<p> Уміння відвідувача використовувати кошик на сайтів є критичним для ваших продаж. </p>
<div class="the_d10_data"> 70% відвідувачів покидають кошик з товарами. </div>
<div class="the_three">
<p>А ваш магазин має&#8230;</p>
<p style="margin:0 !impotrant;padding:0!important;color: #333;"><span>усі необхідні деталі товару та ціну у кошику?</span> <span>відгуки про товар, підказку схожих товарів?</span> <span>прозору оплату (жодних прихованих платежів)?</span></p>
</div>
</div>
</div>
<div class="clr"></div>
<div class="the_item the_d11">
<h3 class="the_title"><span>День 11: Соціальність</span> </h3>
<div class="the_text">
<p> Спілкування і підтримка своїх користувачів — це ключова частина ваших відносин онлайн, це збільшить клієнтську базу і аудиторію. </p>
<div class="the_d11_data"> <img src="/blog/wp-content/uploads/2011/12/day_11.jpg" /> Коли відвідувачі бачать вас і у соцільних мережах і у рекламі — вони у <b>2,8 рази частіше</b> будуть шукати ваш бренд, ніж якби ви були тільки у рекламі. </div>
<div class="the_d11_data"> <img src="/blog/wp-content/uploads/2011/12/day_11_people.jpg" /> <b>80% відвідувачів</b> вірять, що отримають більш позитивний контакт з компаніями, які багото спілкуються з своїми користувачами, особливо через соціальні мережі. </div>
<div class="the_left day_3_search">Задумайтесь:</div>
<div class="the_right the_d3_three"> <span>де будуть відбуватися дискусії (Соц.Мережі / Блоги / Форуми )?</span> <span>у вас є соціальна стратегія якою ви можете керувати?</span> <span>ви моніторите ваше соціальне проникнення?</span> </div>
<div class="clr"></div>
</div>
</div>
<div class="the_item the_edge the_d12">
<h3 class="the_title"><span>День 12: Пошукова оптимізація</span> </h3>
<div class="the_text">
<p> Маючи якісний, релевантний контент у комбінації з швидким сайтом і іншими елементами пошукової оптимізації ви здобудете чудових результатів. </p>
<div class="the_d11_data"> <img src="/blog/wp-content/uploads/2011/12/day_12_people.jpg" /> <b>62% відвідувачів</b> пошукових машин переходять по посиланню на першій сторінці видачі. </div>
<div class="the_d11_data"> <img src="/blog/wp-content/uploads/2011/12/day_12_1.jpg" /> <b>Одна секунда</b> затримки під час завантаження сайту може зменшити конверсію на 7%. </div>
</div>
</div>
<div class="clr"></div>
</div>
<img src="http://feeds.feedburner.com/~r/design-blog/~4/B-H1yuPHFZo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://hello.te.ua/blog/webdesign/infohrafika-optymizatsiya-%e2%80%94-najkraschyj-podarunok-sajtu/feed/</wfw:commentRss>
		<feedburner:origLink>http://hello.te.ua/blog/webdesign/infohrafika-optymizatsiya-%e2%80%94-najkraschyj-podarunok-sajtu/</feedburner:origLink></item>
		<item>
		<title>Photoshop Touch</title>
		<link>http://feedproxy.google.com/~r/design-blog/~3/HZM5vT2v07Q/</link>
		<comments>http://hello.te.ua/blog/webdesign/photoshop-touch/#comments</comments>
		<pubDate>Mon, 26 Dec 2011 10:50:28 +0000</pubDate>
		<dc:creator>hello</dc:creator>
		
		<category>Веб дизайн</category>

		<category>Інтерфейси</category>

		<guid isPermaLink="false">http://hello.te.ua/blog/webdesign/photoshop-touch/</guid>
		<description><![CDATA[
Як виявилось, мрія ідіота збулася місяць тому. Вийшов Photoshop touch для мобільних пристроїв. Наразі доступна лише версія для Android, але обіцяють випустити і для iOS найближчим часом. Коштує це чудо всього $9,99 в Android-маркеті.
Нижче читайте про основні особливості Photoshop touch. І розглядайте інтерфейс, не побоюсь сказати, цього революційного продукту.



Слої


Працює зі слоями. Можна змінювати прозорість кожного [...]]]></description>
			<content:encoded><![CDATA[<p><img id="image119" src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_home.jpg" alt="photoshop touch" /></p>
<p>Як виявилось, мрія ідіота збулася місяць тому. Вийшов Photoshop touch для мобільних пристроїв. Наразі доступна лише версія для Android, але обіцяють випустити і для iOS найближчим часом. Коштує це чудо всього $9,99 в Android-маркеті.</p>
<p>Нижче читайте про основні особливості Photoshop touch. І розглядайте інтерфейс, не побоюсь сказати, цього революційного продукту.</p>
<p><a id="more-120"></a></p>
<div style="float: left; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_1.jpg" width="147" height="83" alt="Фотошоп Слої" title="Слої"/></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Слої<br />
</h3>
<p>
Працює зі слоями. Можна змінювати прозорість кожного слою, сортувати їх вручну, переміщати кілька слоїв одночасно. Було б дивно, якби слоїв не було.
</p>
</div>
<div class="clr"></div>
<div style="float: right; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_2.jpg" width="147" height="83" alt="Фотошоп перегляд зображень" /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Універсальний перегляд зображень<br />
</h3>
<p>
Можна обирати зображення з багатьох ресурсів, включаючи Facebook, онлайн пошукові сервіси як Google Image, чи навіть прямо з камери вашого планшету. І все прямо з інтерфейсу Photoshop Touch. Існує навіть можливість покупки зображень, але про це тільки згадується, механізм не описаний. Підозрюю що працюватиме як айСтор.
</p>
</div>
<div class="clr"></div>
<div style="float: left; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_3.jpg" width="147" height="83" alt="Фотошоп facebook" /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Діліться через Facebook<br />
</h3>
<p>
Можна шарити малюнки прямо у Фейсбук. Коментарі з Фейсбуку будуть з&#8217;являтися зразу у Фотошопі.
</p>
</div>
<div class="clr"></div>
<div style="float: right; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_4.jpg" width="147" height="83" alt="Фотошоп інтерактивні уроки" /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Інтерактивні уроки<br />
</h3>
<p>
Існує галерея уроків. Вони, як кажуть, покроково покажуть як досягти чудових результатів та ознайомлять з методами професіоналів. Коротше кажучи зроблять вас асом Фотошопу за пару годин.
</p>
</div>
<div class="clr"></div>
<div style="float: left; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_5.jpg" width="147" height="83" alt="Фотошоп тач інструменти" /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Інструменти вибору<br />
</h3>
<p>
Існує якась спеціальна версія інструменту &#8220;Select&#8221; у Abode Photoshop Touch. Інші стандартні варіації інструменту для вибору елементів зображення також присутні.
</p>
</div>
<div class="clr"></div>
<div style="float: right; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_6.jpg" width="147" height="83" alt="Фотошоп тач ефекти " /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Ефекти та фільтри Photoshop<br />
</h3>
<p>
Присутні популярні ефекти та фільтри Фотошопу. Застосувати їх можна як для цілого зображення так і для його частини.
</p>
</div>
<div class="clr"></div>
<div style="float: left; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_7.jpg" width="147" height="83" alt="Фотошоп фільтри пензлики" /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Фільтри-пензлики<br />
</h3>
<p>Нова (?) можливість Фотошопу &#8220;малювати&#8221; фільтрами. Тобто малюючи пальцем (Інструментом Пензлик) можна накладати спеціальні ефекти на зображення.
</p>
</div>
<div class="clr"></div>
<div style="float: right; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_8.jpg" width="147" height="83" alt="Фотошоп  " /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Автоматичне визначення границь<br />
</h3>
<p>Фотошоп Тач автоматично виявляє край об&#8217;єкту і не дасть замалювати лишнього.
</p>
</div>
<div class="clr"></div>
<div style="float: left; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_9.jpg" width="147" height="83" alt="Фотошоп точні края " /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Точні краї<br />
</h3>
<p>Виділити складні ділянки малюнку такі як волосся, як заявляють розробники, тепер дуже просто.
</p>
</div>
<div class="clr"></div>
<div style="float: right; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_10.jpg" width="147" height="83" alt="Фотошоп налаштування кольору" /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Налаштування тону та кольору<br />
</h3>
<p>
Можна точно налаштувати тон та колір по всьому малюнку, на одному окремому слої чи на виділеній області.
</p>
</div>
<div class="clr"></div>
<div style="float: left; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_11.jpg" width="147" height="83" alt="Фотошоп " /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Сумісність форматів<br />
</h3>
<p>Помалювавши у Photoshop Touch — можна забрати свою роботу через Adobe Creative Cloud для подальшої роботи на комп&#8217;ютері. Для роботи потрібно поставити <a href="http://www.adobe.com/go/ta_downloads" rel="nofollow">плагін для версії CS5</a>. Правда так і не зрозумів, чи можна напряму обмінюватися файлами через файлову систему, чи сумісніть досягається тільки через Adobe Creative Cloud.
</p>
</div>
<div class="clr"></div>
<div style="float: right; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_12.jpg" width="147" height="83" alt="Фотошоп  " /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Інтеграція з Adobe Creative Cloud<br />
</h3>
<p>
Можна добиратися до своїх файлів та ділитися ними за допомогою Adobe Creative Cloud. Також можлива синхронізація.
</p>
</div>
<div class="clr"></div>
<div style="float: left; width: 180px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;"><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_features_13.jpg" width="147" height="83" alt="Фотошоп робота з текстом" /></div>
<div style="float: left; width: 500px; padding: 20px 0 20px 0; border-top: solid 1px #ddd;">
<h3 style="margin: 0;">Робота з текстом<br />
</h3>
<p>
Можна вставляти текст у малюнки та застосовувати до них стилі — тіні, прозорість, обводка.
</p>
</div>
<div class="clr"></div>
<div style="padding: 20px 0 20px 0; border-top: solid 1px #ddd;"></div>
<h2>Інтерфейс Photoshop Touch</h2>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_0.jpg" width="600" height="375" alt="Photoshop Touch" /></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_1.jpg" width="600" height="375" alt="Photoshop Touch" /></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_2.jpg" width="600" height="375" alt="Photoshop Touch" /></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_3.jpg" width="600" height="375" alt="Photoshop Touch" /></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_4.jpg" width="600" height="375" alt="Photoshop Touch" /></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_5.jpg" width="600" height="375" alt="Photoshop Touch" /></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/photoshop-touch_6.jpg" width="600" height="375" alt="Photoshop Touch" /></p>
<p>Більш детально ознайомитися з продуктом можна на <a href="http://www.adobe.com/go/ta_downloads" rel="nofollow">офіційній сторінці</a> Photoshop Touch.
</p>
<img src="http://feeds.feedburner.com/~r/design-blog/~4/HZM5vT2v07Q" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://hello.te.ua/blog/webdesign/photoshop-touch/feed/</wfw:commentRss>
		<feedburner:origLink>http://hello.te.ua/blog/webdesign/photoshop-touch/</feedburner:origLink></item>
		<item>
		<title>Polaroid і дизайнер його бренду</title>
		<link>http://feedproxy.google.com/~r/design-blog/~3/FUdxs_1xDJQ/</link>
		<comments>http://hello.te.ua/blog/identity/polaroid-i-dyzajner-joho-brendu/#comments</comments>
		<pubDate>Mon, 12 Dec 2011 10:12:47 +0000</pubDate>
		<dc:creator>hello</dc:creator>
		
		<category>Айдентика</category>

		<guid isPermaLink="false">http://hello.te.ua/blog/identity/polaroid-i-dyzajner-joho-brendu/</guid>
		<description><![CDATA[
У 1958 році Polaroid найняв графічного дизайнера Пола Ґімбарбу для розробки нового візуального бренду, який би відокремив їх від Kodak в очах споживачів. Те ще зробив Пол було на диво просте, гарне і володіло власною унікальною візуальною мовою. В основі його роботи були система кольорових смуг та шрифт без засічок.
Далі — переклад запису з блогу [...]]]></description>
			<content:encoded><![CDATA[<p><img id="image118" src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_home.jpg" alt="фірмовий стиль Polaroid, бренд" /></p>
<p>У 1958 році Polaroid найняв графічного дизайнера <a href="http://en.wikipedia.org/wiki/Paul_Giambarba" rel="nofollow">Пола Ґімбарбу</a> для розробки нового візуального бренду, який би відокремив їх від Kodak в очах споживачів. Те ще зробив Пол було на диво просте, гарне і володіло власною унікальною візуальною мовою. В основі його роботи були система кольорових смуг та шрифт без засічок.</p>
<p>Далі — переклад запису з блогу Пола Ґімбарби:</p>
<div style="font-family: georgia; font-style:normal; font-size: 12px;">
У 1957 році світ значно відрізнявся від того, що можна бачити зараз. <span style="font-size: 11px; text-transform:uppercase;">The National Geographic Magazine</span> мав ту саму обкладинку, що і десятиліття тому. <span style="font-size: 11px; text-transform:uppercase;">Pan American Airways</span> був головним американським повітряним перевізником, його літаки маркувалися примітивним логотипом-абревіатурою <i>PAA</i>. <span style="font-size: 11px; text-transform:uppercase;">Eastman Kodak</span> почав ідентифікувати себе у своїй національній рекламній кампанії відігнутим правим нижнім кутиком з червоним логотипом на жовтому фоні.
</div>
<p><a id="more-117"></a></p>
<div style="font-family: georgia; font-style:normal; font-size: 12px;">
<img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_0.jpg" alt="старий американський графічний дизайн" /><br />
<span class="description">Саме так вигдаляв графічний дизайн у далекому 1957.</span></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_1.jpg" alt="графічний дизайнер" /><br />
<span class="description">Пол Ґімбарба.</span></p>
<p>Я розпочав цей проект працюючи два дні на тиждень у будинку старої фабрики на Віндзор-стріт у Кембдріджі, де Полароїд розмістив департамент продажів та реклами. Я витрачав ці дні на наради та створення відділу дизайну, а також розробку системи для керування виробництвом друкованої продукції. В інші дні я працював у нашій двокімнатній квартирі в Гарвардському Парку за старим столом та приладдям на сотню доларів.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_2.jpg" alt="фірмовий стиль Kodak" /><br />
<span class="description">Так виглядав Kodak того часу</span></p>
<p>Ось проти чого ми повстали. Проти насичення світового ринку фотографії жовтим кольором Kodak, а тим паче ринку США.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_3.jpg" alt="старий фірмовий стиль Polaroid" /><br />
<span class="description">А таким був стиль Polaroid</span></p>
<p>До мене, керівництво Polaroid заручилося підтримкою дизайнерської фірми, яка створила для точок продажу цю упаковку в сірих кольорах. Звісно жовтий Kodak одразу  проковтнув її. Ходили чутки, що сірий та червоний та фірма обрала з розрахунком на Едвіна Ленда (засновник Polaroid), адже вони були шкільними кольорами MIT, випускником якого він був.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_4.jpg" alt="старий лого Polaroid проти нового" /><br />
<span class="description">Старий стиль Polaroid проти оновленого</span></p>
<p>У той час, коли Polaroid, як бренд, не був пов&#8217;язаний з фотографією і багато хто не міг правильно вимовити назву продукції, наполегливо називаючи її Poyl-a-rode — було невдало обрано шрифт, через малу різницю між буквами &#8220;а&#8221; та &#8220;о&#8221;.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_5.jpg" alt="оновлений логотип Polaroid" /><br />
<span class="description">У новому логотипі такої проблеми немає.</span></p>
<p>Мій типографічний знак для Polaroid, 1958. Шрифт — версія News Gothic від American Type Founders, шрифтовий дизайнер Morris Fuller Benton.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_6.jpg" alt="оновленні вивіски" /><br />
<span class="description">Нові вивіски.</span></p>
<p>Одним з перших проектів було створення вивісок, які б відповідали новому іміджу продукції. О, це була не проста задача знайти виробників готовових працювати в простому стилі. Вони продавали ту ж продукцію пивоварам, та полюбляли вставити каскадні водоспади.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_7.jpg" alt="оновлена коробка" /><br />
<span class="description">Нова коробка.</span></p>
<p>Моя перша коробка. Це був 1958 рік, вийшли вони в малій кількості.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_8.jpg" alt="дизайн упаковки" /><br />
<span class="description">Нова коробка.</span></p>
<p>Чорний край упаковки дав нам перевагу над жовтим кольором Kodak. Роки по тому й інші фотографічні продукти почали пакувати таким чином. Коли я зробив це, то зустрів протидію з боку деяких менеджерів середньої ланки. Вони повторювали Ернста Діхтера, гуру того часу, який сказав, що чорний колір — нездоровий і хворобливий.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_9.jpg" alt="дизайн упаковки" /><br />
<span class="description">Уся лінійка товарів.</span></p>
<p>Вся лінія товарів, що я розробив у 1958 році на своєму старенькому дешевому столі.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_10.jpg" alt="helvetica" /><br />
<span class="description">Neue Haas Grotesque.</span></p>
<p>Я зробив це коли Polaroid випустив першу камеру з фотоелементом для автоматичної експозиції. Тут я вперше використав Helvetica, яка тоді називалась Neue Haas Grotesque. А знайшов її у Швейцарії в 1959 році, так що рік був 1960 або пізніше.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_11.jpg" alt="дизайн упаковки окулярів" /><br />
<span class="description">Упаковка окулярів.</span></p>
<p>1962 рік. Мій улюблений дизайн для упаковки продукції. Він був настільки популярним в Європі, що став фактично класичним для сонячних окулярів.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_12.jpg" alt="перша кольорова плівка" /><br />
<span class="description">Перша кольорова плівка.</span></p>
<p>У цьому ж році, Polaroid випускає першу моментальну кольорову плівку на ринок. Проста силуетна ілюстрація показує, яка модель камери всередині. Друкована продукція була бідною через брак бюджету на вищу якість. Тому така силуетна техніка здавалася ідеальним рішенням.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_13.gif" alt="перша кольорова плівка" /><br />
<span class="description">Перша кольорова плівка.</span></p>
<p>Ця ж техніка ілюстрації використовувалась і для газетної реклами, де якість фотографій була не на рівні сучасної фотографії.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_14.jpg" alt="реклама" /><br />
<span class="description">Виставка.</span></p>
<p>І знову силует камери на великому дисплеї під час виставки.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_15.jpg" alt="дизайнер за роботою" /><br />
<span class="description">Переїзд.</span></p>
<p>До 1960 року я закінчив своє 18-місячне завдання з створення відділу дизайну та супроводу продукції Polaroid у Кембріджі. Разом з дружиною та донькою ми переїхали до Кейп-Коуд, де я збудував нормальну майстерню з темною кімнатою для фотографій у двомісному гаражі площею близько 45 м<sup>2</sup>. Саме тут я створив сотні дизайнів з нуля для Polaroid, з допомогою тимчасових асистентів, які навчалися тут основам графічного дизайну.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_16.jpg" alt="дизайнер упаковок" /><br />
<span class="description">Дизайн упаковок.</span></p>
<p>У 1966 я створив цілу лінію таких упаковок.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_17.jpg" alt="дизайн упаковки" /><br />
<span class="description">Тестова упаковка.</span></p>
<p>Цю тестову упаковку було створено з полірованого листка чутливої до тиску кольорової плівки.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_18.jpg" alt="дизайн" /><br />
<span class="description">Нова продукція.</span></p>
<p>У 1973, керівництвом було вирішено ввести плівку квадратного формату.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_19.jpg" alt="дизайн пачка" /><br />
<span class="description">Нова продукція.</span></p>
<p>На той час Polaroid почав продавати велику кількість продукції в мережах супермаркетів. Це було справжнім викликом для упаковки, адже її використовували і як будівельний матеріал для різних промо-конструкцій всередині магазину. Багато хто у відділі продаж заперечували проти такого мінімалістичного дизайну, але на мою думку саме дизайн продає продукт. Менеджери з продажу воліють писати одразу все на упаковці, ось чому, за винятком продукції Apple, ринок втоплено у візуальному забрудненні.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_20.jpg" alt="дизайн конструкції" /><br />
<span class="description">Вигляд у конструкції .</span></p>
<p>Ось як кілька продуктів виглядають коли їх покласти разом.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_21.jpg" alt="дизайн пачка" /><br />
<span class="description">Ч/б плівка.</span></p>
<p>Частина упаковки 105-ої плівки представлено як негатив.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_22.jpg" alt="дизайн нового фірмового стилю" /><br />
<span class="description">SX-70.</span></p>
<p>Моя робота для продукту SX-70, 1972 рік.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_23.jpg" alt="дизайн аксесуари" /><br />
<span class="description">Аксесуари SX-70.</span></p>
<p>Дизайн набору аксесуарів для SX-70 створено у той самий відрізок часу.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_24.jpg" alt="дизайн фото" /><br />
<span class="description">Фотокамера SX-70.</span></p>
<p>1974 рік. Дизайн для інших продуктів у лінійці продукції SX-70.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_25.jpg" alt="новий дизайн" /><br />
<span class="description">Pronto!</span></p>
<p>1975 рік. Дизайн упаковки для нового продукту Pronto!</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_26.jpg" alt="макет дизайн" /><br />
<span class="description">Макет упаковки Pronto! RF.</span></p>
<p>1976 рік. Макет упаковки для камери Pronto! RF.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_27.jpg" alt="дизайн для фото" /><br />
<span class="description">Квадратна камера.</span></p>
<p>Приблизно у той самий час я веселився розробляючи упаковку для нової камери, що могла працювати як з прямокутною так і з квадратною плівкою.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_28.jpg" alt="робота дизайнера" /><br />
<span class="description">Я за роботою.</span></p>
<p>Тим часом, у майстерні, я почав робити макети з моїм власним шрифтом на Dupont Cromalin щоб перевірити матеріал. Ці макети були настільки чіткими, що Polaroid використовував їх для продукції заощаджуючи час на додрукових перевірках.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_29.jpg" alt="дизайн" /><br />
<span class="description">Те що виходило.</span></p>
<p>Це приклад того, що я міг отримати при такій роботі. Цей макет стоїть прямо на моєму робочому столі.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_30.jpg" alt="упаковка для фотоапарату" /><br />
<span class="description">Фотоапарат.</span></p>
<p>1977 рік. Відділ продажу таки добився свого і писати почали по всій коробці.</p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/polaroid_31.jpg" alt="останній дизайн" /><br />
<span class="description">Останнє.</span></p>
<p>У 1977 році я зробив свій фінальний продукт. Дизайн упаковки та стилю для провальної моментальної відео плівки Polavision.</p>
</div>
<img src="http://feeds.feedburner.com/~r/design-blog/~4/FUdxs_1xDJQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://hello.te.ua/blog/identity/polaroid-i-dyzajner-joho-brendu/feed/</wfw:commentRss>
		<feedburner:origLink>http://hello.te.ua/blog/identity/polaroid-i-dyzajner-joho-brendu/</feedburner:origLink></item>
		<item>
		<title>Як зробити суперовий логотип?</title>
		<link>http://feedproxy.google.com/~r/design-blog/~3/U1_f4mv3rfQ/</link>
		<comments>http://hello.te.ua/blog/identity/yak-zrobyty-superovyj-lohotyp/#comments</comments>
		<pubDate>Thu, 01 Dec 2011 06:49:48 +0000</pubDate>
		<dc:creator>hello</dc:creator>
		
		<category>Айдентика</category>

		<guid isPermaLink="false">http://hello.te.ua/blog/identity/yak-zrobyty-superovyj-lohotyp/</guid>
		<description><![CDATA[
Відкрию секрет, як зробити супер-логотип за кілька хвилин вашого робочого часу. Як все нове — це добре забуте старе, так і всі нові логотипи — це добре перероблені старі. Головне логотип-прототип взяти з абсолютно іншої області. Отож дивимось на малюнок і радуємось як все просто.


ПС. З першим днем зими :)

]]></description>
			<content:encoded><![CDATA[<p><img id="image115" src="http://hello.te.ua/blog/wp-content/uploads/2011/12/logo_fun-home.jpg" alt="як зробити логотип" /></p>
<p>Відкрию секрет, як зробити супер-логотип за кілька хвилин вашого робочого часу. Як все нове — це добре забуте старе, так і всі нові логотипи — це добре перероблені старі. Головне логотип-прототип взяти з абсолютно іншої області. Отож дивимось на малюнок і радуємось як все просто.<br />
<a id="more-116"></a></p>
<p><img src="http://hello.te.ua/blog/wp-content/uploads/2011/12/logo_fun-1.jpg" alt="дизайн логотипа, розробка логотипа, створення логотипа" /></p>
<p>ПС. З першим днем зими :)
</p>
<img src="http://feeds.feedburner.com/~r/design-blog/~4/U1_f4mv3rfQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://hello.te.ua/blog/identity/yak-zrobyty-superovyj-lohotyp/feed/</wfw:commentRss>
		<feedburner:origLink>http://hello.te.ua/blog/identity/yak-zrobyty-superovyj-lohotyp/</feedburner:origLink></item>
	</channel>
</rss>

