<?xml version="1.0" encoding="utf-8" ?><rss version="2.0" xmlns:tt="http://teletype.in/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:media="http://search.yahoo.com/mrss/"><channel><title>Artem KIN</title><generator>teletype.in</generator><description><![CDATA[Artem KIN]]></description><image><url>https://teletype.in/files/71/7158ba4a-3a51-4ad0-90fd-2cb5128ae4bc.jpg</url><title>Artem KIN</title><link>https://teletype.in/@kinart</link></image><link>https://teletype.in/@kinart?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><atom:link rel="self" type="application/rss+xml" href="https://teletype.in/rss/kinart?offset=0"></atom:link><atom:link rel="next" type="application/rss+xml" href="https://teletype.in/rss/kinart?offset=10"></atom:link><atom:link rel="search" type="application/opensearchdescription+xml" title="Teletype" href="https://teletype.in/opensearch.xml"></atom:link><pubDate>Tue, 09 Jun 2026 04:37:45 GMT</pubDate><lastBuildDate>Tue, 09 Jun 2026 04:37:45 GMT</lastBuildDate><item><guid isPermaLink="true">https://teletype.in/@kinart/rJTqhAf47</guid><link>https://teletype.in/@kinart/rJTqhAf47?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><comments>https://teletype.in/@kinart/rJTqhAf47?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart#comments</comments><dc:creator>kinart</dc:creator><title>CGI Design: Tokyo 2020</title><pubDate>Mon, 23 Jul 2018 04:41:56 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/00/007e9d4f-1ed2-4969-a73a-46ebc375371e.png"></media:content><description><![CDATA[<img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/3596c666404723.5b155d11a1b70.jpg"></img>Концепт дизайна CGI ролика к Олимпийским Играм в Токио.]]></description><content:encoded><![CDATA[
  <figure>
    <iframe src="https://player.vimeo.com/video/273343426/"></iframe>
  </figure>
  <p>Концепт дизайна CGI ролика к Олимпийским Играм в Токио.</p>
  <figure class="m_custom">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/3596c666404723.5b155d11a1b70.jpg" width="904.35" />
  </figure>
  <figure class="m_custom">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/f0a37d66404723.5b155d11a2fc0.jpg" width="904.35" />
  </figure>
  <figure class="m_custom">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/5e280966404723.5b155d11a2400.jpg" width="904.35" />
  </figure>
  <figure class="m_custom">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/f92e0e66404723.5b155d11a289a.jpg" width="904.35" />
  </figure>
  <figure class="m_custom">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/11120f66404723.5b155d11a1fd2.jpg" width="904.35" />
  </figure>
  <figure class="m_custom">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/max_1200/9ca51f66404723.5b155d112ea7f.png" width="904.35" />
  </figure>
  <figure class="m_custom">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/1400/e3c5d266404723.5b155d112eeae.jpg" width="904.35" />
  </figure>
  <figure class="m_custom">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/473ef566404723.5b155d11a1428.jpg" width="904.35" />
  </figure>
  <figure class="m_custom">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/658bcd66404723.5b156146386a1.jpg" width="904.35" />
  </figure>
  <figure class="m_custom">
    <img src="https://mir-s3-cdn-cf.behance.net/project_modules/fs/5e66b866404723.5b15614638af6.jpg" width="904.35" />
  </figure>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@kinart/HkrOCV377</guid><link>https://teletype.in/@kinart/HkrOCV377?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><comments>https://teletype.in/@kinart/HkrOCV377?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart#comments</comments><dc:creator>kinart</dc:creator><title>Краткая инструкция для дизайнеров по передаче задач в разработку</title><pubDate>Wed, 18 Jul 2018 04:13:33 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/5a/5a1584c3-b562-45d7-b0db-3d6cade3a1ba.png"></media:content><description><![CDATA[<img src="https://infogra.ru/wp-content/uploads/2017/12/8.gif"></img>Вы — дизайнер. Вы нарисовали макет и хотите претворить его в жизнь.]]></description><content:encoded><![CDATA[
  <p>Вы — дизайнер. Вы нарисовали макет и хотите претворить его в жизнь.</p>
  <p>Инструкция поможет вам получить хороший результат.</p>
  <figure class="m_custom">
    <img src="https://infogra.ru/wp-content/uploads/2017/12/8.gif" width="666" />
  </figure>
  <p><strong>1. Осознайте свою беспомощность.</strong> Сами вы макет не внедрите. Даже если умеете программировать, любой серьёзный продукт в десять раз сложнее, чем вы можете себе представить. Трогать продакшен-код вашими дизайнерскими руками вам никто не даст, поэтому работа с разработчиком ваш единственный способ реализовать задуманное. Примите это.</p>
  <p><strong>2. Подготовьте качественную задачу.</strong> Работа разработчика внедрить то, что вы придумали, а не придумывать решение за вас. Продумайте, прорисуйте и хорошо опишите всё: основной сценарий, краевые условия, исключительные ситуации. Продумайте структуру данных, алгоритмы, триггеры.</p>
  <p>При подготовке задачи вы не сможете обойтись без помощи разработчика. Заранее обсудите с ним задачу, расспросите о подводных камнях, вариантах реализации, наиболее сложных моментах в придуманном дизайне.</p>
  <p>Не бойтесь переборщить с детализацией задачи. Даже если вы полностью запрограммируете прототип своего макета, разработчику останется ещё уйма работы по его внедрению в настоящий продукт.</p>
  <p><strong>3. Помогите сказать «нет».</strong> Если под вашим давлением разработчик возьмёт некачественную задачу, а потом не сможет её решить, пострадаете в первую очередь вы. Лучше узнать о проблеме на берегу, чем в открытом море. Помогите разработчику отказаться от негодной задачи:</p>
  <p><em>Чего не хватает в макете?</em></p>
  <p><em> Какие могут быть проблемы?</em></p>
  <p><em> Что я не учёл?</em></p>
  <p><strong>4. Убедитесь, что назначен дедлайн и забиты «гвозди».</strong> Задача без дедлайна не может быть решена по определению. Одного дедлайна недостаточно, нужны промежуточные чекпоинты — «гвозди».</p>
  <p>Если разработчик не знает принцип «сделать», мягко подтолкните его вопросами:</p>
  <p><em>Когда сделаешь?</em></p>
  <p><em> Что будет к этому сроку?</em></p>
  <p><em> Когда посмотрим промежуточные результаты?</em></p>
  <p><em> Сколько времени нужно на тестирование? Когда его нужно начать, чтобы уложиться в срок?</em></p>
  <p>Если разработчик понимает принцип «сделать», попросите назначить дедлайн и забить гвозди напрямую: «Пожалуйста, назови дедлайн и забей гвозди».</p>
  <p><strong>5. Крутите педали.</strong> Не ведите себя как плохой клиент, который только воротит носом и насыпает правки. Проактивно помогайте разработчику решить задачу — прорисовывайте дополнительные сценарии, придумывайте поведение, предлагайте решения, изобретайте упрощения. Ваша работа помочь разработчику сделать.</p>
  <p><strong>6. Не лезьте не в своё дело.</strong> Не сомневайтесь в профессионализме разработчика. Не лезьте в код. Если у разработчика не получится реализовать, задавайте наводящие вопросы, чтобы разработчик мог сохранить лицо:</p>
  <p><em>А как вы пробовали решить проблему?</em></p>
  <p><em> А почему вот это не сработает?</em></p>
  <p><em> А я вот слышал о таком способе…</em></p>
  <p><strong>7. Примите результат. </strong>Выделите себе отдельное время, чтобы проверить работу. Не рассчитывайте, что разработчик сделает это качественно. Он видит только часть системы и не может быть конечным контролёром.</p>
  <h2>Итого</h2>
  <p>Не будьте мудаком. Работайте. Помогите разработчику сделать. Растите разработчиков, чтобы сделать коммуникацию проще, а результаты лучше.</p>
  <p><a href="https://infogra.ru/design/kratkaya-instruktsiya-dlya-dizajnerov-po-peredache-zadach-v-razrabotku?utm_source=vk.com&utm_medium=social&utm_campaign=kratkaya-instruktsiya-dlya-dizaynerov-po-per" target="_blank"><em>Источник</em></a></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@kinart/SJdXCZshM</guid><link>https://teletype.in/@kinart/SJdXCZshM?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><comments>https://teletype.in/@kinart/SJdXCZshM?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart#comments</comments><dc:creator>kinart</dc:creator><title>Дизайн-слои: как делать продукты, которые нужны рынку</title><pubDate>Mon, 23 Apr 2018 07:41:20 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/15/152d5a9a-d04b-4f07-af0a-39dbe38bc4a7.png"></media:content><category>web design</category><category>Design</category><category>Графический дизайн</category><category>Graphic design</category><category>Дизайн</category><description><![CDATA[<img src="https://cdn-images-1.medium.com/max/2000/1*r9h5tQC3Vqs9kIKJINeFgw@2x.png"></img>Сегодня рассмотрим взаимодействие человека и продукта. Это пять базовых принципов, которые ведут к сути. Снимем каждый слой, словно капустные листы, чтобы понять, от чего отталкиваться, создавая новую ценность.]]></description><content:encoded><![CDATA[
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/2000/1*r9h5tQC3Vqs9kIKJINeFgw@2x.png" width="2000" />
  </figure>
  <p>Сегодня рассмотрим взаимодействие человека и продукта. Это пять базовых принципов, которые ведут к сути. Снимем каждый слой, словно капустные листы, чтобы понять, от чего отталкиваться, создавая новую ценность.</p>
  <h3><strong>Сенсорика</strong></h3>
  <p>Или восприятие продукта. Это эмоция, которая мы получаем через органы чувств при взаимодействии. В этот слой укладываются упаковка и эстетика: “стремительные линии” спортивного автомобиля, “арктический синий” цвет пылесоса. На сенсорику обращают внимание. Встречают по одежке.</p>
  <h3><strong>Интерактив</strong></h3>
  <p>Взаимодействие. Это интерфейс, физический или экранный, в данном случае неважно. Делаете вы приложение для айфона или обувь, без разницы, важны удобство и опыт, которые получит потребитель. Без продуманного интерфейса продукт завернут, красивое приложение принесет неудобство, а в модные кеды окажется сложно надеть на ногу из-за шнурков до колена.</p>
  <h3><strong>Производительность</strong></h3>
  <p>Прошедший предыдущие два слоя интерфейс сломается, если покажет медлительность. Модные кеды, которые легко надеть, улетят на помойку, если натрут мозоли на ногах. Третий слой — качество выполнения первой функции, проектируйте продукт с учетом этого.</p>
  <h3><strong>Конструкция</strong></h3>
  <p>Чем глубже, тем фундаментальнее. Конструкция — качество. Если угодно, долговечность продукта и его износоустойчивость. Сколько сезонов пройдут эти кеды? На сколько времени приложение сохранит актуальность?</p>
  <h3><strong>Смысл</strong></h3>
  <p>Так любимый мной вопрос <em>“зачем?”</em>. Общество потребления придушило ценность этого вопроса, но для вечных продуктов он все равно главный. На алиэкспрессе продается тонна барахла, которое закрывает четыре предыдущих слоя. Но непонятно, зачем оно нужно. Поиграть день-два и забыть, — их единственное предназначение. Не создавайте мусор. Спрашивайте <em>“зачем?”</em>.</p>
  <p>Вроде очевидная структура, но неясно, с какой стороны подступиться к ней, учитывая конкуренцию и рынок. В идеальном мире каждый продукт, словно по чеклисту, проходит через все пять слоев. Но на деле приходится выбирать. И тут снова помогает вопрос “зачем?”, но уже относительно начинания, которое вы стартуете.</p>
  <figure class="m_column">
    <img src="http://telegra.ph/file/8cf0201cf7a0918e2699e.png" width="3052" />
  </figure>
  <p><em><a href="https://t.me/joinchat/AAAAAD21UQgmY9iCk1LGBw" target="_blank">Подписывайся на канал</a> - развивайся, вдохновляйся, делай вещи!</em></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@kinart/rJHQ2-ihz</guid><link>https://teletype.in/@kinart/rJHQ2-ihz?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><comments>https://teletype.in/@kinart/rJHQ2-ihz?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart#comments</comments><dc:creator>kinart</dc:creator><title>Как найти работу дизайнеру или реалии на рынке труда</title><pubDate>Mon, 23 Apr 2018 07:32:45 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/05/05e17fc1-d4eb-478e-97b3-5a4790cc7a5a.png"></media:content><description><![CDATA[<img src="https://cdn-images-1.medium.com/max/2000/0*FSdtbq5ZMjMzHG-2."></img>Я уверен, если вы нашли меня по простому поиску на medium, то вы дизайнер и находитесь в поиске работы. Не так ли?]]></description><content:encoded><![CDATA[
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/2000/0*FSdtbq5ZMjMzHG-2." width="2000" />
  </figure>
  <h2>Как найти работу дизайнеру или реалии на рынке труда</h2>
  <p>Я уверен, если вы нашли меня по простому поиску на medium, то вы дизайнер и находитесь в поиске работы. Не так ли?</p>
  <p>Я хочу рассказать о своём опыте трудоустройства и поделиться советами, которые помогли найти мне новую работу.</p>
  <p>Кратко расскажу о себе:</p>
  <p>Меня зовут Костя, мне 22 года. Дизайном я занимаюсь около двух лет. После колледжа я работал в компании на должности project manager, в которой потом стал заниматься дизайном. Но время идёт, и я решил сменить компанию и начал поиск новой работы.</p>
  <p>Оформив кейс на <a href="https://www.behance.net/gallery/48729621/594-Taxi-mobile-app" target="_blank">Behance</a> с проектом над которым я работал, я принялся за рассылку резюме.</p>
  <h3>У меня нет опыта, что делать?</h3>
  <p>Если вы только решили попробовать себя в роли дизайнера, и после прочтения нескольких книг и окончания каких-нибудь курсов, занялись поиском работы, у меня для вас плохие новости.</p>
  <p>Никому не нужен дизайнер без опыта, ну вот серьезно. Все компании хотят нанять специалиста 2 года + за недорого и который с первого дня будет продуктивно работать. Есть исключения, где компаниям требуется интерн, джун, которого они “настроят” под себя, но поверьте мне, этих компаний очень мало, а спрос на эти желанные места — очень велик!</p>
  <p>Но не стоит расстраиваться, не всё так ужасно.</p>
  <h3>Отправная точка</h3>
  <p>Если у вас нет опыта и соответственно портфолио, то как по мне — самое лучшее решение это pet project!</p>
  <p>Также варианты делать редизайны крупных соц.сетей или популярных приложений, но вы должны быть уверены что ваши фичи и нововведения будут действительно делать продукт качественнее и лучше. Но таких кейсов полный <a href="https://www.behance.net/" target="_blank">Behance</a>.</p>
  <p>Что касается пет проекта, то там немного проще. Всё зависит от вашей фантазии.</p>
  <p>Подумайте над идеей, можно выбрать тему, которая сейчас на слуху или которую вы считаете перспективной, при этом можно реализовать всё что угодно, и показать работу над разными этапами проекта, начиная от варфреймов и заканчивая анимациями и набором своих иконок.</p>
  <p>Это даст вам возможность показать свои навыки работы с разными инструментами, а также продемонстрировать то, как вы думаете и развиваете вашу идею.</p>
  <h3>Diabetes Helper</h3>
  <p>Приведу пример моей идеи, над которой я до сих пор работаю. Когда я думал, какой продукт был бы не только интересен, но и полезен, я наткнулся на <a href="https://itc.ua/news/umnyie-chasyi-apple-watch-smogut-izmeryat-uroven-sahara-v-krovi-neinvazivno-eshhe-neskoro/" target="_blank">статью</a> об Apple Watch, в которой говорилось, что сейчас они работают над технологией, с помощью которой можно будет неинвазивно, то есть без использования иглы и любых других приборов измерять уровень сахара в крови.</p>
  <p>И вот я решил создать дизайн мобильного приложения, в котором можно было бы контролировать уровень глюкозы, и если уровень сахара критичен, то приложение автоматически предлагает вызвать экстренную помощь, с помощью функции emergency call, которая появилась в третьей версии apple watch.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1600/1*DWlYUwI-Q5fKPGcPyHsKCw.png" width="1453" />
  </figure>
  <h3>Английский язык</h3>
  <p>Если вы начали поиск работы, но у вас плохи дела с английским, то шансы найти хорошую работу, с интересными проектами ничтожно малы. В основном компании работают с англоязычными заказчиками, и если ваш разговорный английский хромает, то самое время начать интенсивно заниматься этим вопросом. Распределите ваше время на обучение дизайну и столько же времени уделите языку. Даже не такую большую роль играет ваша грамматика, как то, насколько вы сможете доходчиво объяснить свои идеи клиенту.</p>
  <h3>Тестовые задания</h3>
  <p>Будьте готовы к тому, что вам будут присылать тестовые, которые не делаются за несколько часов, и над которыми вы можете просидеть все выходные. И что самое интересное, что никаких гарантий того, что вам даже ответят, после того, как вы отправите готовое решение нет.</p>
  <p>Да-да, многие компании даже не удосуживаются прислать отрицательный ответ, даже если вы честно потратили много времени на их задание. Но это уже больше претензии к HR-отделам тех компаний.</p>
  <p>Тестовые задания вам надо делать так, чтобы в случае, если вам пришел отрицательный ответ, вам было бы не стыдно добавить эту работу себе в портфолио. Для таких случаев очень удобны такие сервисы как <a href="https://dribbble.com" target="_blank">Dribbble</a>, но чтобы туда попасть, вам необходимо получить приглашение. Альтернатива дриблу — <a href="https://www.uplabs.com/" target="_blank">Uplabs</a>.</p>
  <h3>В заключении</h3>
  <p>Хочу сказать, что поиск работы, особенно если у вас нет опыта, может затянуться не на месяц и не на два, так что главное не опускайте руки, развивайтесь, занимайтесь любимым делом и делайте этот мир чуточку удобнее.</p>
  <p>Удачи в поисках!</p>
  <figure class="m_column">
    <img src="http://telegra.ph/file/8cf0201cf7a0918e2699e.png" width="3052" />
  </figure>
  <p><em><a href="https://t.me/joinchat/AAAAAD21UQgmY9iCk1LGBw" target="_blank">Подписывайся на канал</a> - развивайся, вдохновляйся, делай вещи!</em></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@kinart/BJt3mZo2z</guid><link>https://teletype.in/@kinart/BJt3mZo2z?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><comments>https://teletype.in/@kinart/BJt3mZo2z?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart#comments</comments><dc:creator>kinart</dc:creator><title>Как победить клиента, который заставляет рисовать фигню</title><pubDate>Mon, 23 Apr 2018 06:56:48 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/44/4492fd11-04bc-403c-8e4a-b2ebc726d47b.png"></media:content><category>Graphic design</category><category>Design</category><category>Дизайн</category><category>Графический дизайн</category><description><![CDATA[<img src="http://telegra.ph/file/8cf0201cf7a0918e2699e.png"></img>Допустим, клиент предлагает бредовое решение. Ну полную фигню. Нарисуешь такое — пацаны засмеют. Все попытки вразумить клиента проваливаются, все аргументы разбиваются о безразличие и непробиваемую уверенность. Чувствуешь, что начинаешь ненавидеть клиента — знай, ты проигрываешь.]]></description><content:encoded><![CDATA[
  <p>Допустим, клиент предлагает бредовое решение. Ну полную фигню. Нарисуешь такое — пацаны засмеют. Все попытки вразумить клиента проваливаются, все аргументы разбиваются о безразличие и непробиваемую уверенность. Чувствуешь, что начинаешь ненавидеть клиента — знай, ты проигрываешь.</p>
  <p>Любое бредовое предложение клиента промотивировано реальной проблемой (уровень бредовости тут равен уровню компетенции в дизайне). После жаркого обсуждения невидимой проблемы, все участники дискуссии будут считать оппонентов мудаками. Ты — клиента, потому что он портит твой дизайн, он — тебя, потому что ты игнорируешь его проблему (о которой он не рассказывает, ха-ха). С большой вероятностью, придется делать хуевый дизайн, который придумал клиент.</p>
  <p>Решение простое — надо дотошно выяснять, откуда берутся бредовые предложения. Исходная проблема может прятаться глубоко — придется задать вопрос «зачем» не один раз. Оно того стоит — в конечном счете выяснится, что проблема вполне адекватна. Останется лишь красиво ее решить, впечатлить клиента и получить свою порцию лаек на бихансе.</p>
  <figure class="m_column">
    <img src="http://telegra.ph/file/8cf0201cf7a0918e2699e.png" width="3052" />
  </figure>
  <p><em><a href="https://t.me/joinchat/AAAAAD21UQgmY9iCk1LGBw" target="_blank">Подписывайся на канал</a> - развивайся, вдохновляйся, делай вещи!</em></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@kinart/BkyZQbonz</guid><link>https://teletype.in/@kinart/BkyZQbonz?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><comments>https://teletype.in/@kinart/BkyZQbonz?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart#comments</comments><dc:creator>kinart</dc:creator><title>Графическая экология: что такое визуальное загрязнение</title><pubDate>Mon, 23 Apr 2018 06:53:43 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/71/71f881d9-2a24-434d-a5f8-691d82c2f0ae.png"></media:content><description><![CDATA[<img src="https://cdn-images-1.medium.com/max/1000/1*ba4F95bvFmPQG4rYyJrAug.jpeg"></img>Идея ввести в обиход понятие графическая экология пришла мне во время написания кандидатской. (Здесь так и хочется написать что-то вроде «понятийный аппарат: …», но я пока держусь). Так вот, я задумалась над тем, что в последнее время мы очень много говорим об экологии окружающей среды, в основном подразумевая под этим ее загрязнение разным материальным мусором. На этом фоне вполне естественно, что экологическая этика процветает в тех областях дизайна, которые ответственны за формирование нашей материальной среды: средовой дизайн и архитектура, дизайн мебели и одежды, ювелирный дизайн, промышленный… И графический дизайн, конечно, не исключение. Ведь большинство его носителей имеют материальную основу, цифровая графика не в счет. А раз...]]></description><content:encoded><![CDATA[
  <p>Идея ввести в обиход понятие <em>графическая экология</em> пришла мне во время написания кандидатской. (Здесь так и хочется написать что-то вроде «понятийный аппарат: …», но я пока держусь). Так вот, я задумалась над тем, что в последнее время мы очень много говорим об экологии окружающей среды, в основном подразумевая под этим ее загрязнение разным материальным мусором. На этом фоне вполне естественно, что экологическая этика процветает в тех областях дизайна, которые ответственны за формирование нашей материальной среды: средовой дизайн и архитектура, дизайн мебели и одежды, ювелирный дизайн, промышленный… И графический дизайн, конечно, не исключение. Ведь большинство его носителей имеют материальную основу, цифровая графика не в счет. А раз это так, то этот носитель рано или поздно окажется в мусорной корзине. Поэтому экологичный графический дизайн зачастую понимается именно как работа с материалом, т. е. использование экологически безопасных материалов и технологий.</p>
  <p>Но окружающая среда — это не только материя. Мы живем в мире, где доминируют информационные технологии. Информации с каждым днем становится все больше, и поступает она в основном через органы зрения. Поэтому визуальное загрязнение ничуть не менее опасно, чем материальное. А потребность в визуальной чистоте становится практически осязаемой. Все больше людей стараются очистить свое личное визуальное пространство от лишней графической информации. Все больше появляется статей о графическом покое и визуальной тишине. Ведь такой городской пейзаж, с поправкой на географический и национальный контекст, сегодня совершенно типичен для практически любого мегаполиса.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*ba4F95bvFmPQG4rYyJrAug.jpeg" width="1000" />
  </figure>
  <p>И здесь уже не столь важно Нью-Йорк это, Киев или любой другой современный город.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*N-c9k4unn1KWief-qneZnw.jpeg" width="1000" />
  </figure>
  <p>Кстати, ситуация <em>внутри</em> не намного лучше ситуации <em>снаружи</em>. Любой супермаркет — пример того же самого визуального загрязнения. Недавно я была на лекции про упаковку, на которой было много фотографий товаров, стоящих на полках супермаркетов на другом конце света. Я сидела и думала: как же все похоже! Ну да, с гастрономической точки зрения товары совсем другие, но общее визуальное впечатление — тот же мусор, что и у нас. Я в больших магазинах устаю именно от этого однообразного разнообразия, и поэтому всей душой люблю небольшие локальные магазинчики — в них не увидишь вот таких бесконечных монотонных рядов.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*DbAGkCYlB5O57bx7MtzL4A.jpeg" width="1000" />
  </figure>
  <p>Естественно, что чем больше информации, тем больше носителей визуальной информации, и тем сильнее их воздействие на человека. Помните знаменитый эксперимент <a href="http://www.steinbrener-dempf.com/en/portfolio-item/delete/" target="_blank">«Delete!»</a> Кристофа Штайнбренера и Райнера Демпфа? В 2005 году они на две недели оклеили желтой плёнкой все вывески на одной из самых оживленных улиц Вены.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*X_NBnHcdOD1LqUneBRYalg.jpeg" width="1000" />
  </figure>
  <p>Таким способом они наглядно показали, с каким огромным количеством визуальной информации мы сталкиваемся каждый день, какое место она занимает в нашей повседневной жизни. А ведь с тех пор прошло больше 10 лет!</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*6ZZz4oQFqYadXgjLlFj4hw.jpeg" width="1000" />
  </figure>
  <p>Кому-то понравилось, кому-то не очень, кто-то просил вернуть на место привычные указатели, кто-то говорил, что лучше было бы выбрать не желтый, а какой-нибудь другой цвет. Но как бы то ни было, на примере этого проекта очевидно, что графическое загрязнение современных городов является значимой экологической проблемой.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*YFQOyxZhl4aKY7qRsjEfuw.jpeg" width="1000" />
  </figure>
  <p>Ее осознание привело к тому, что во многих городах мира на законодательном уровне стали существенно ограничивать количество наружной рекламы. Началось всё с Сан-Паулу, где в 2007 году по инициативе ассоциации графических дизайнеров мэрия приняла так называемый «Закон о чистом городе», в котором наружная реклама приравнивалась к визуальному загрязнению. Только за один год в городе убрали больше 15 000 рекламных конструкций. Бразильский фотограф Tony de Marco, довольно подробно <a href="https://www.flickr.com/photos/tonydemarco/sets/72157600075508212/" target="_blank">задокументировал</a> процесс очищения города от рекламных носителей. Эти фантомы наружной рекламы — неожиданно опустевшие щиты и пятна от снятых билбордов на стенах домов — очень наглядно показывают роль рекламных носителей в формировании городского графического окружения.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*CXCG9Il31iJ9Eaie_w5dGg.jpeg" width="1000" />
  </figure>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*FceKd49xprwPHiwR0LMULw.jpeg" width="1000" />
  </figure>
  <p>Инициативу поддержали во многих городах мира. Запрет на установку рекламных щитов был принят в Индии в городе Ченнаи, в английском Бристоле, а в 2014 году власти французского города Гренобль не только первыми в Европе запретили всю коммерческую уличную рекламу, но и <a href="https://theplaidzebra.com/this-city-in-france-is-getting-rid-of-all-outdoor-ads-in-favor-of-trees/" target="_blank">приняли решение</a> на месте билбордов высадить деревья.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*xlaT_ODAOt7rk5twTJnvKQ.jpeg" width="1000" />
  </figure>
  <p>Кроме того, в разных странах проводятся исследования и эксперименты, направленные на то, чтобы определить допустимую норму концентрации рекламных носителей на единицу площади. Например, в прошлом году группа ученых провела большое <a href="https://www.researchgate.net/publication/283491169_Measuring_visual_pollution_by_outdoor_advertisements_in_an_urban_street_using_intervisibilty_analysis_and_public_surveys" target="_blank">исследование</a> визуального загрязнения объектами наружной рекламы на одной из оживленных улиц Люблина и предложила метод оценки его уровня. С помощью специального геодезического оборудования они проанализировали пространственные свойства объектов рекламы: их местоположение, размер, диапазон видимости.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*jS311rm31QENi2PArACxFA.jpeg" width="1000" />
  </figure>
  <p>А потом сопоставили их с опросами общественного мнения, что позволило определить допустимый уровень визуального загрязнения. Проще говоря понять, как люди себя чувствуют в конкретном месте, и как это связано с концентрацией рекламных носителей вокруг.</p>
  <p>Отечественным примером организации визуального пространства города является <a href="https://www.artlebedev.ru/moscow/design-code/" target="_blank">дизайн-код Москвы</a>, разработанный в Студии Артемия Лебедева в 2013 году. В рамках работы над этим проектом было создано руководство по гармоничному оформлению фасадов и размещению вывесок в историческом центре города.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/1000/1*430VFfBdq9ekn9gOfS0gug.jpeg" width="1000" />
  </figure>
  <p>В общем, рекомендации по снижению негативного воздействия городского визуального шума на человеческий организм в основном фокусируются на физическом уменьшении количества носителей визуальной информаци. В первую очередь это касается наружной рекламы. Но визуальная среда любого современного города представлена огромным объемом носителей графического дизайна, которые не только замусоривают окружающую визуальную среду, но и направляют, ориентируют, а еще являются своевременными и актуальными маркерами эпохи, оказывают значительное влияние на наше ощущение пространства и времени. Это различные навигационные знаки и символы, системы кодирования информации, информационная графика. А вот как сбалансировать их функциональность и эстетику и сделать пребывание человека в городе максимально гармоничным, в этом, на мой взгляд, и состоит задача графической экологии.</p>
  <figure class="m_column">
    <img src="http://telegra.ph/file/8cf0201cf7a0918e2699e.png" width="3052" />
  </figure>
  <p><em><a href="https://t.me/joinchat/AAAAAD21UQgmY9iCk1LGBw" target="_blank">Подписывайся на канал</a> - развивайся, вдохновляйся, делай вещи!</em></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@kinart/H1URWbohM</guid><link>https://teletype.in/@kinart/H1URWbohM?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><comments>https://teletype.in/@kinart/H1URWbohM?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart#comments</comments><dc:creator>kinart</dc:creator><title>Аудит веб-сайта: на что обратить внимание</title><pubDate>Mon, 23 Apr 2018 06:48:45 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/a8/a8d091da-9779-46b6-b5f4-c182f3dc0b68.png"></media:content><category>web design</category><category>Design</category><category>Дизайн</category><description><![CDATA[<img src="https://cdn-images-1.medium.com/max/2000/1*tFMYyoaSKD-9kYkU7qf-Hw.jpeg"></img>Достаточно 10 секунд для принятия решения — остаться на сайте или нет. Аудит сайта — это детальный анализ факторов, которые влияют на поведение пользователя и позиции сайта в поисковых системах. Благодаря подробному аудиту вы можете понять почему именно ваш сайт не попадает в ТОП-10 или почему сайт не отбивает те два миллиона стоимости. Если вас волнует вопрос почему пользователи приходят на ваш сайт в большом количестве, но из этого не выходит ничего хорошего или как выжать больше конверсий без глобальных изменений сайта, то вам стоит внимательно посмотреть на свой сайт.]]></description><content:encoded><![CDATA[
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/2000/1*tFMYyoaSKD-9kYkU7qf-Hw.jpeg" width="2000" />
  </figure>
  <h3>Что такое аудит сайта?</h3>
  <p>Достаточно 10 секунд для принятия решения — остаться на сайте или нет. Аудит сайта — это детальный анализ факторов, которые влияют на поведение пользователя и позиции сайта в поисковых системах. Благодаря подробному аудиту вы можете понять почему именно ваш сайт не попадает в ТОП-10 или почему сайт не отбивает те два миллиона стоимости. Если вас волнует вопрос почему пользователи приходят на ваш сайт в большом количестве, но из этого не выходит ничего хорошего или как выжать больше конверсий без глобальных изменений сайта, то вам стоит внимательно посмотреть на свой сайт.</p>
  <h3>На что обратить внимание?</h3>
  <p>Нельзя смотреть на проблему изолированно, очень часто в силу вступает одновременно несколько факторов, ухудшающих работу сайта. Но вылечить можно все, главное правильно определить проблемы. Достаточно ответить на следующие вопросы:</p>
  <p><strong>1. Какое общее впечатление создает сайт?</strong></p>
  <p>Сайт визуально должен отражать вашу деятельность, будь то профессиональные услуги или интернет-магазин чая. Как выглядят ваши конкуренты, могут ли вас спутать?</p>
  <p><strong>2. Понятно ли пользователю, что предлагает сайт?</strong></p>
  <p>С первого взгляда человек должен понимать, куда попал и что может здесь получить, если за 5 секунд ему это не удалось, он скорее всего уйдет. В данном вопросе мы рассматриваем не только главную страницу, для быстрого достижения цели каждый раздел сайта должен помогать пользователю найти именно то, что он ищет.</p>
  <p><strong>3. Легко ли найти на сайте информацию о товаре или услуге?</strong></p>
  <p>Глубоко вложенные страницы, запрятанные контакты, сложные информационные иерархии — легкий путь запутать и утомить пользователя. И карта сайта в данном случае не таблетка от всех проблем, хорошо структурированная навигация может стать лучшим другом клиента на вашем сайте.</p>
  <p><strong>4. Интересно ли на сайте?</strong></p>
  <p>Читаем тексты. Оригинальный текстовый и фото контент не только удерживает и продает, он располагает потенциального покупателя. За счет повышения ценности контента в соответствии с требованиями поисковых систем вы заодно повышаете ранжирование сайта в поисковых системах — «Добро пожаловать, гости дорогие!».</p>
  <p><strong>5. Могут ли пользователи конвертироваться в клиентов?</strong></p>
  <p>Если на сайте есть корзина или форма заявки, обратите внимание на их положение и привлекательность на странице. К сожалению, довольно часто яркие и крупные кнопки «Купить» ведут на длиннющие формы регистрации или модальные окна «Консультация специалиста». Спрашивается, зачем обманывать пользователя? Путь достижения цели должен быть максимально прозрачен и затрачивать минимальное кол-во действий, в противном случае клиент уйдет в другой магазин или вовсе разочаруется в интернет-покупках.</p>
  <p><strong>6. Получает ли пользователь на сайте то, что искал в интернете?</strong></p>
  <p>Самая грустная история рекламных кампаний — несоответствие ожидания и реальности. И несоответствие это может быть по нескольким причинам: реклама ведет не на ту страницу (в результате чего клиент не находит то, что искал и уходит с сайта), название кампании не соотносится с телом рекламы.</p>
  <p>Это малая часть вопросов, на которые отвечает аналитик в процессе аудита сайта. Юзабилити-аудит, SEO-анализ и расширенный аудит рекламных кампаний в комплексе — мощный инструмент для улучшения сайта.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/800/0*XDXhGChz0S0fdVV0.jpg" width="800" />
  </figure>
  <h3>Так что же входит в аудит сайта?</h3>
  <p>Разберемся по пунктам какие исследования входят в расширенный аудит сайта.</p>
  <p><strong>Юзабилити-аудит:</strong></p>
  <p>— Конкурентный анализ на предмет сильных и слабых мест;</p>
  <p>— Анализ информационной структуры и навигации;</p>
  <p>— Общее впечатление сайта (соответствие дизайна характеру и деятельности ресурса, а также анализ таких технических аспектов, как контрастность и типографика);</p>
  <p>— Качество медиа контента;</p>
  <p>— Адаптивность дизайна на телефоне, ноутбуке и различных разрешениях экрана;</p>
  <p>— Достижение целевого действия (проверка форм захвата и функциональных кнопок, определение кратчайшего пути достижения цели);</p>
  <p>— Скорость работы ресурса под нагрузкой и без.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/800/0*V0twINMOA8RYzDDw.jpg" width="800" />
  </figure>
  <p><strong>Seo — аудит:</strong></p>
  <p>— Анализ и корректировка семантического ядра;</p>
  <p>— Анализ текстовой оптимизации сайта (проверка контента и его соответствия требованиям поисковых систем);</p>
  <p>— Ранжирование в поисковых системах (изучение текущей видимости сайта в поисковых системах и его положение относительно конкурентов);</p>
  <p>— Список запросов, наиболее подходящих для бизнеса и его целей.</p>
  <p><strong>Аудит контекстной рекламной кампании:</strong></p>
  <p>— Оценка текущей ситуации (изучение кампаний, погружение в цели и задачи ресурса);</p>
  <p>— Исследование целевой аудитории, определение потребностей (изучение поведения посетителей, сценарии взаимодействия с ними и определение каналов коммуникации);</p>
  <p>— Анализ запросов, по которым приходят пользователи и кол-во конверсионных действий.</p>
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/800/0*t0XBXLLZyySILpBb.jpg" width="800" />
  </figure>
  <h3>Как строится процесс аудита?</h3>
  <p><strong>Люди.</strong></p>
  <p>Глубина и сложность анализа напрямую влияет на кол-во специалистов, которые проводят исследования и выносят вердикт — то есть рекомендации по улучшению. Один аналитик может провести качественный глубокий аудит, но для повышения скорости и увеличения точек обзора идеально назначать команду на каждый новый проект. Герои аудита: дизайнер интерфейсов, копирайтер, проектировщик, программист и маркетолог. Расширить объем данных помогут приглашенные респонденты в лице сторонних пользователей или прямых клиентов (еще и отзывы собрать можно :) ). Так можно собрать полную картину и получить глубокое понимание проблемы.</p>
  <p><strong>Исследования.</strong></p>
  <p>Процесс исследований всегда начинается с вопросов, на которые респондентам придется ответить, и сценариев, по которым прослеживается путь пользователя и обнаруживаются препятствия совершения целевого действия. Открывая сайт на различных гаджетах, специалисты определяют целостность верстки и удобство дизайна, качество текстов и видимость функционала. И не забываем про данные, без которых не бывает экспериментов — анализ Яндекс.Метрика, GoogleAnalytics, кампании Яндекс.Директ.</p>
  <p><strong>Вердикт.</strong></p>
  <p>Результаты исследований часто звучат, как приговор. Но качественный отчет аудита сайта подразумевает под собой не только щепки в глазу, но и профессиональные рекомендации по лечению. Не всегда итогом аудита является новый сайт, новые вложения, новые время-затраты. Профессиональный подход заключается в приоритизации проблем и стратегии внедрений для эффективного результата и контроля инвестиций.</p>
  <h3>Напоследок…</h3>
  <p>Серьезный расширенный аудит занимает около 10–15 дней и несет за собой больше позитивных моментов, чем разочарований. Определяя проблему, вы уже на 50% решаете ее и понимаете, чего надо избежать в будущем. Аналитика позволяет разобраться откуда растут ноги и как ими шагать. Поэтому, не стоит недооценивать аудит, ведь это далеко не список советов, а мощный план действий для достижения успеха.</p>
  <p>Попробуйте провести юзабилити-аудит своего сайта самостоятельно, пользуясь чек-листом, который можно скачать по <a href="https://yadi.sk/d/5u6FGrFF3TgKw3" target="_blank">ЭТОЙ ССЫЛКЕ</a>.</p>
  <figure class="m_column">
    <img src="http://telegra.ph/file/8cf0201cf7a0918e2699e.png" width="3052" />
  </figure>
  <p><em><a href="https://t.me/joinchat/AAAAAD21UQgmY9iCk1LGBw" target="_blank">Подписывайся на канал</a> - развивайся, вдохновляйся, делай вещи!</em></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@kinart/HyVdgZs2z</guid><link>https://teletype.in/@kinart/HyVdgZs2z?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><comments>https://teletype.in/@kinart/HyVdgZs2z?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart#comments</comments><dc:creator>kinart</dc:creator><title>Демократизация дизайна</title><pubDate>Mon, 23 Apr 2018 06:42:51 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/80/80480a8f-d427-4aba-baec-63f06fb65806.png"></media:content><description><![CDATA[<img src="https://cdn-images-1.medium.com/max/800/1*pHHlU_8U26Cu7XCdVldnhA.png"></img>В прошлом году на конференции 99U выступила Наташа Джен, партнёр дизайн-агентства Pentagram, с докладом «Design Thinking is Bullsh*t». Она высказала скепсис по отношению к дизайн-мышлению, аргументируя тем, что использование подходов из методички и расклеивание стен стикерами не делает человека дизайнером. Весь доклад можно свести к двум тезисам: «только дизайнеры могут делать дизайн» и «только дизайнеры должны заниматься дизайном».]]></description><content:encoded><![CDATA[
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/800/1*pHHlU_8U26Cu7XCdVldnhA.png" width="800" />
  </figure>
  <p>В прошлом году на конференции 99U выступила Наташа Джен, партнёр дизайн-агентства Pentagram, с докладом «<a href="https://www.youtube.com/watch?v=_raleGrTdUg" target="_blank">Design Thinking is Bullsh*t</a>». Она высказала скепсис по отношению к дизайн-мышлению, аргументируя тем, что использование подходов из методички и расклеивание стен стикерами не делает человека дизайнером. Весь доклад можно свести к двум тезисам: «только дизайнеры могут делать дизайн» и «только дизайнеры должны заниматься дизайном».</p>
  <p>Сегодня дизайн за пределами отрасли воспринимается как способ визуально упаковать результат работы других отраслей. При этом дизайнерам комфортно обсуждать дизайн с себе подобными, говорить на одном языке о знакомых проблемах.</p>
  <blockquote>Почти всё, что написано о дизайне, касается проблем внутри индустрии и не двигает профессию к большей значимости для остального мира.</blockquote>
  <p>В этой закрытости кроется опасность. Ценность дизайна остаётся непонятной для недизайнеров. Если дизайн не будет выходить за рамки дизайн-сообщества, он так и будет оставаться «упаковкой» результатов работы других специалистов.</p>
  <p>Замкнутость дизайн-сообщества — не единственная проблема. Отсутствие независимой критики тоже вредит развитию дизайна. Посмотрите, как устроены другие формы искусства. Вспомните известных музыкальных критиков и их влияние на восприятие музыки в обществе. Зачастую это люди, которые не имеют ничего общего с созданием музыки или продюсированием музыкальных проектов. Они могут оценивать музыку беспристрастно, рассказывать о ней на понятном для потребителей языке, далёких от музыкальной отрасли. Это же касается художественных, литературных и кинокритиков.</p>
  <p>К сожалению, в мире мало независимых критиков дизайна. В этом причина того, насколько мало люди ценят и понимают дизайн, как мало знают о вкладе дизайна в развитие общества.</p>
  <p>Дизайн-мышление — это применение дизайнерского подхода к решению задач в областях, где обычно дизайнеров не просят о помощи. По сути, это набор методов и инструментов дизайна для специалистов из других отраслей. Вот основные принципы, которые определяют дизайнерский подход к решению задач:</p>
  <ul>
    <li>итеративность;</li>
    <li>визуальное мышление;</li>
    <li>стремление к упрощению;</li>
    <li>работа в условиях неопределённости;</li>
    <li>поиск решений за рамками.</li>
  </ul>
  <p>Когда недизайнеры используют дизайн-мышление для решения своих задач, не так важно, приводит ли это к хорошему или плохому дизайну. Важно то, помогает ли это распространить язык и принципы дизайна, расширить сообщество дизайнеров, построить общество, которое ценит и понимает дизайн лучше, чем сегодня. Дизайн-мышление делает дизайнеров более актуальными для всего мира, и в этом его основная ценность.</p>
  <figure class="m_column">
    <img src="http://telegra.ph/file/8cf0201cf7a0918e2699e.png" width="3052" />
  </figure>
  <p><em><a href="https://t.me/joinchat/AAAAAD21UQgmY9iCk1LGBw" target="_blank">Подписывайся на канал</a> - развивайся, вдохновляйся, делай вещи!</em></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@kinart/HJlMAxs3G</guid><link>https://teletype.in/@kinart/HJlMAxs3G?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><comments>https://teletype.in/@kinart/HJlMAxs3G?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart#comments</comments><dc:creator>kinart</dc:creator><title>Новый функционал следующей версии JS – ES2018</title><pubDate>Mon, 23 Apr 2018 06:32:39 GMT</pubDate><media:content medium="image" url="https://teletype.in/files/22/22959a28-76ab-44ef-86c2-7c76bf1b4056.png"></media:content><category>web design</category><description><![CDATA[<img src="https://cdn-images-1.medium.com/max/800/1*2USQFRPHkmpnXI8Ty-OloA.png"></img>Как вы знаете, новую версия экмаскрипта (спецификации JS) планируют выпускать каждый год, так что каждый раз будем смотреть, что новенького нам пришло.]]></description><content:encoded><![CDATA[
  <figure class="m_column">
    <img src="https://cdn-images-1.medium.com/max/800/1*2USQFRPHkmpnXI8Ty-OloA.png" width="668" />
  </figure>
  <p>Как вы знаете, новую версия экмаскрипта (спецификации JS) планируют выпускать каждый год, так что каждый раз будем смотреть, что новенького нам пришло.</p>
  <p><a href="http://2ality.com/2016/10/asynchronous-iteration.html" target="_blank">Асинхронные итераторы</a></p>
  <p>Раньше нельзя было использовать синтаксис цикла для прохода по итератору. Все решалось в основном через Promise. Теперь можно писать код с асинхронныим циклами:</p>
  <pre>async function f() {
    for await (const x of createAsyncIterable([&#x27;a&#x27;, &#x27;b&#x27;])) {
        console.log(x);
    }
}
</pre>
  <p><a href="http://2ality.com/2016/10/rest-spread-properties.html" target="_blank">Свойства Rest/Spread для объектов</a></p>
  <p>Синтаксис “трех точек” уже давно вовсю используется для массивов. С того же времени все говорили о том, что хорошо бы такое же сделть и для объектов. И вот пришло время:</p>
  <pre>const obj = {foo: 1, bar: 2, baz: 3};
const {foo, ...rest} = obj;
</pre>
  <p><a href="http://2ality.com/2017/05/regexp-named-capture-groups.html" target="_blank">RegExp именные группы выборки</a></p>
  <p>Результат поиска регулярными выражениями всегда был массив. Теперь можно дать имена группам и использовать более очевидный синтаксис:</p>
  <pre>const RE_DATE = /(?&lt;year&gt;[0-9]{4})-(?&lt;month&gt;[0-9]{2})-(?&lt;day&gt;[0-9]{2})/;
 
const matchObj = RE_DATE.exec(&#x27;1999-12-31&#x27;);
const year = matchObj.groups.year; // 1999
const month = matchObj.groups.month; // 12
const day = matchObj.groups.day; // 31
</pre>
  <p><a href="http://2ality.com/2017/07/promise-prototype-finally.html" target="_blank">Promise.prototype.finally()</a></p>
  <p>Метод вызывается, когда Promise вернулось с любым результатом, и после того как отработали основные методы (then(), catch())</p>
  <pre>promise
.then(result =&gt; {···})
.catch(error =&gt; {···})
.finally(() =&gt; {···});
</pre>
  <p>Помимо этих есть и еще нововведения в основном по теме регулярных выражений, если хотите глубже погрузиться в тему, то ссылка на подробный список ниже.</p>
  <p>Ссылки по теме:</p>
  <ul>
    <li><a href="http://2ality.com/2017/02/ecmascript-2018.html" target="_blank">ECMAScript 2018: the final feature set</a></li>
  </ul>
  <hr />
  <figure class="m_column">
    <img src="http://telegra.ph/file/8cf0201cf7a0918e2699e.png" width="3052" />
  </figure>
  <p><em><a href="https://t.me/joinchat/AAAAAD21UQgmY9iCk1LGBw" target="_blank">Подписывайся на канал</a> - развивайся, вдохновляйся, делай вещи!</em></p>

]]></content:encoded></item><item><guid isPermaLink="true">https://teletype.in/@kinart/Sk2wTS52M</guid><link>https://teletype.in/@kinart/Sk2wTS52M?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart</link><comments>https://teletype.in/@kinart/Sk2wTS52M?utm_source=teletype&amp;utm_medium=feed_rss&amp;utm_campaign=kinart#comments</comments><dc:creator>kinart</dc:creator><title>teletype.in - или Телеграф на максималках.</title><pubDate>Sun, 22 Apr 2018 17:59:00 GMT</pubDate><category>Design</category><category>Графический дизайн</category><category>Graphic design</category><category>Дизайн</category><description><![CDATA[<img src="http://rzd-expo.ru/history/Telegraf/3.jpg"></img>Буквально недавно наткнулся на новый ресурс для ведения блогов... Довольно простой, довольно удобный, довольно практичный и быстрый. -И это teletype.in. Могу отметить что теперь публикации делать ещё проще. Есть всё что было в telegra.ph. ]]></description><content:encoded><![CDATA[
  <figure class="m_column">
    <img src="http://rzd-expo.ru/history/Telegraf/3.jpg" width="478" />
  </figure>
  <p>Буквально недавно наткнулся на новый ресурс для ведения блогов... Довольно простой, довольно удобный, довольно практичный и быстрый. -И это <a href="https://teletype.in" target="_blank">teletype.in. </a>Могу отметить что теперь публикации делать ещё проще. Есть всё что было в <a href="http://telegra.ph/" target="_blank">telegra.ph. </a></p>
  <p>Но так же есть и много нового, чего явно не хватало в старом добром телеграф. И сейчас попробую описать всё то что смог для себя отметить на данный момент из того что было прям желанным...</p>
  <ol>
    <li>Редактор публикаций теперь привязан к аккаунту, который выступает в роли личного блога, так же можно создать и свой тематический блог.</li>
    <li>Добавили новый инструмент для редактирования и форматирования публикаций. -теперь можно добавлять фото, редактировать абзац, и добавлять разделители прямо на лету. Слева от колонки редактора всплывает &quot;+&quot; как бы показывая нам что там есть что-то что может нам понадобиться в любой момент написания материала.</li>
    <li>Ссылки всё так же отображаются в режиме быстрого просмотра в Телеге - как и в Телеграф. -просто копируешь ссылку на материал, постишь у себя на канале, а она в мобильной версии принимает вид публикации с коротким анонсом, и заглавной иллюстрацией наполнения. Кнопка читать далее как никогда актуальна на мой взгляд... Очень удобно просто взять и прочесть статью не выходя из приложения.</li>
    <li>Добавили вариации редактирования изображений. Теперь над изображением в статье есть удобный (на мой личный взгляд) тулбар для выбора ширины изображения, которого не было в Телеграф.</li>
    <li>Теперь можно выделить текст и редактировать более гибко его свойства. Обычными заголовками и цитатами как в Телеграф теперь не обойтись - ведь помимо этого могу отметить выделения кода, и форматирования нумерованных и маркированных списков.</li>
    <li>Темы - это отдельный разговор. У вашего блога может быть тематика. Вы скажете *... Но отличия есть, скорее тут больше про UX, чем про UI и функционал, как это модно говорить сейчас...</li>
  </ol>
  <blockquote>-Какого х*я? Ведь это уже давно есть на Медиум.</blockquote>
  <figure class="m_column">
    <img src="http://telegra.ph/file/8cf0201cf7a0918e2699e.png" width="3052" />
  </figure>
  <p><em><a href="https://t.me/joinchat/AAAAAD21UQgmY9iCk1LGBw" target="_blank">Подписывайся на канал</a> - развивайся, вдохновляйся, делай вещи!</em></p>

]]></content:encoded></item></channel></rss>