Егор Комаров - блог о веб-дизайне.

Все самое интересное из мира веб-дизайна.

HMS — Hanging message system

Оказывается в Moleskine есть такая система как HMS (Hanging message system). Идет с бумажкой к блокноту.

Долго не мог понять, что это такое? И зачем она нужна. Что надо вырезать? Как это работает? Оказывается все совсем просто.

15 января  

Как восстановить удаленный файл из корзины?

Что делать если вы случайно удалили файлы из корзины или на компьютере и как его восстановить? Не паникуйте, есть легкий способ вернуть файл обратно.

Бывает так, что случайно вы можете удалить нужный вам файл. Например у меня был случай, когда я в спешке сохранил проект на рабочий стол (это была презентация keynot) и когда у меня было тысяча и одна иконка на рабочем столе и прочий ненужный мусор, я психанул, выделили все файлы на рабочем столе и отправил в мусорку и все удалил без разбору. И только потом осознал, что удалил нужный мне проект, когда не смог его нигде найти.

Обычно в таких случаях говорят: «Пиши пропало». Но оказывается если постараться можно легко восстановить файл. Сейчас делают невероятный софт. И программа которая мне помогла с легкостью восстановить файл, который я удалил месяц назад — это Disk Drill. Какое же было мое удивление, когда она реально восстановила удаленный файл. Раньше, много лет назад когда я сталкивался с подобной проблемой, и качал всякие программы для восстановления удаленных файлов — ничего не помогало. Но технологии развиваются.

Disk Drill — поможет восстановить удаленный файл

Программу можно скачать на официальном сайте: http://www.cleverfiles.com/ru/

Доступна как для Windows так и для Mac

После запуска выберите нужный вам диск для сканирования и нажмите в выборе сканирования «Сканировать всеми доступными способами», после чего оставьте компьютер на час другой и займитесь своими делами. После того, как скан файлов будет завершен, появится папочка «Восстановленные файлы» или как-то по другому она будет называться, вбейте в поиск нужный вам формат файла который вы ищите. Сканированные файлы не будут иметь то название файла который вы удалили. Поэтому лучше ищите по формату .PSD, .Afdesign и прочее.

Программа проверена лично на мне. Реально работает.

Единственное, если вы потеряли совсем древний файл, то возможно он не будет подлежать восстановлению, если вы записывали много новой информации, файлы будут битые.

Старайтесь не терять нужные файлы, но а если вдруг вы обратились к этой главе именно из-за данной ситуации. То желаю вам успехов.

Более того, как заявляют разработчики на официальном сайте, Disk Drill поможет Вам не только восстановить данные. Программа также содержит полезные инструменты для работы с жестким диском, которые помогут очистить Ваш Macintosh, найти дубликаты файлов, создать резервные копии и следить за состоянием диска. Загрузив Disk Drill, Вы получите комплексную защиту всего диска.

Устройства iOS

Случайно кликнули не там, где надо? Disk Drill поможет Вам вернуть Ваши удаленные данные обратно на iPhone или iPad. Disk Drill может восстанавливать различные форматы файлов на Вашем iOS устройстве, такие как история звонков, контакты, сообщения и многое другое.

Вообщем программа действительно делает чудеса.

Желаю удачи!

8 декабря   статьи

Какие шрифты использовать в презентации?

Предлагаю вашему вниманию 5 шрифтов для создания идеальной презентации, чтобы инвестор стал чуточку счастливее:

1) FavoritC
http://nomail.com.ua/font/FavoritC

2) Myriad Pro
http://nomail.com.ua/family/Myriad Pro

3) Helvetica
http://nomail.com.ua/font/Helvetica

4) Futura
http://nomail.com.ua/font/Futura

5) Roboto
http://nomail.com.ua/font/Roboto

6 декабря   шрифт
2016   Mockup

Jpeg.io — бесплатный конвертер изображений онлайн

Конвертируйте любые изображение в JPG онлайн и бесплатно.

Сайт переводит PNG GIF SVG BMP EPS PSD TIFF WEBP в JPG b оптимизирует изображение с помощью передовых технологий.

Конвертирует и сжимает вполне отлично.

JPG из 1.69 Mb сервис ужал до 251.41 KB без особой потери качества изображения.

Из похожих сервисов еще могу порекомендовать https://tinypng.com, только этот сайт способен еще отлично оптимизировать прозрачные PNG.

https://www.jpeg.io

2016   сайты

В свет вышла книга по Affinity Designer

Официальный путеводитель по Affinity Designer

Красиво оформленная книга в переплете, содержащая 448 полноцветных страниц, содержит в себе полное руководство, чтобы получить максимальную отдачу от Affinity Designer. Основные навыки, советы, приемы. Полезна будет как новичкам так и продвинутым дизайнерам.

Купить книгу:
https://affinity.serif.com/en-gb/designer/workbook/?utm_campaign=wb_launch_102016&MC=WB102016FB1

30 сайтов где можно скачать бесплатные фотографии

Dreamstime
http://www.dreamstime.com/free-images_pg1

База Dreamstime предлагает отдельный раздел с бесплатным контентом, который достаточно часто обновляется. Для использования требуется регистрация.

Free Digital Photos
http://www.freedigitalphotos.net/

На этом сайте есть большая база, разбитая по категориям. Все изображения можно использоваться для образовательных, личных или предпринимательских целей. Изображения с малой диагональю доступны бесплатно, а графику с большим разрешением можно приобрести лишь за деньги.Бесплатные изображения с Free Digital Photos зачастую можно использовать, лишь указав фотографа и сайт, с которого взят фотоснимок.

Free Images
http://www.freeimages.com/

Большая галерея из более чем 35 тыс. снимков, разбитых по категориям и доступных для тематического поиска. Для скачивания понадобится авторизация.

Free Range Stock
http://freerangestock.com/

База бесплатных высококачественных фотографий. Пользоваться ей можно только после регистрации и входа на сайт под своим логином и паролем.

Free Photos Bank
http://freephotosbank.com/

Хорошая коллекция бесплатных фото, доступных для скачивания без регистрации. Все снимки разбиты на ряд категорий, можно проводить поиск по тематикам и ключевым словам.

ImageFree
http://www.imagefree.com/

Набор из бесплатных и платных снимков, для скачивания которых понадобится регистрация. Бесплатный раздел сильно ограничен.

IM Free
http://www.imcreator.com/free

Коллекция из графики и фотоснимков, взятых из открытых легальных источников, доступных в том числе и для коммерческого использования. Поддерживает поиск по ключевым словам.

Morguefile
http://morguefile.com/

Подборка фотоснимков от разных фотографов, которые можно использовать для личных веб-проектов. Понадобится зарегистрироваться на сайте и указывать авторство в подписи к используемым снимкам.

Pixabay
http://pixabay.com/

База бесплатных фотографий, не защищенных авторским правом и распространяемых по лицензии Creative Commons. Фото с этого сайта можно копировать, распространять и использовать по своему усмотрению, в том числе и для стартапов. Регистрация здесь не нужна.

Public Domain Pictures
http://www.publicdomainpictures.net/

Репозиторий бесплатных фотоснимков от авторов-любителей. Для использования понадобится быстрая регистрация. Для скачивания крупных изображений надо завести платный аккаунт.

Stockvault
http://www.stockvault.net/

Фотосток для фотографов и дизайнеров, который позволяет публиковать свои работы и использовать чужие снимки для личных и некоммерческих целей. Регистрация здесь не нужна.

Rgbstock
http://www.rgbstock.com/about

Бесплатный стоковый сайт для фотографов и авторов графических работ с обязательной регистрацией в один клик и хорошей подборкой предлагаемых материалов.

Ancestry Images
http://www.ancestryimages.com/

Бесплатный архив исторических принтов, карт и старых фото из географических экспедиций и архивов фотокорреспондентов.

BigFoto
http://www.bigfoto.com/

Галерея фотографий без платы за использование любительских снимков. Есть каталогизация по географическому признаку.

Gratisography
http://www.gratisography.com/

Бесплатная коллекция высококачественных снимков для персонального и коммерческого применения. Подборка пополняется еженедельно, а скачивать можно в один клик.

Death to The Stock Photo
http://join.deathtothestockphoto.com/

Бесплатные фото в высоком разрешении, которые можно получать ежемесячно на свой адрес электронной почты.

FreeMediaGoo
http://www.freemediagoo.com/

Бесплатное медиахранилище для фотографий, которые можно использовать в разных медиапроектах. Есть каталогизация и поиск по ключевым словам.

Hubspot
http://blog.hubspot.com/marketing/75-free-stock-photo..

Маркетинговая платформа, которая помимо основных услуг, предлагает еще и пакеты бесплатных фото для подписчиков, которые оставят свои контактные данные и адрес электронной почты.

iStock
http://www.istockphoto.com/search/lightbox/13454712#1..

Ресурс, который каждую неделю выкладывает подборку бесплатных фото, но для получения доступа к нему понадобится регистрация.

Little Visuals
http://littlevisuals.co/

Проект, который отправляет семь высококачественных снимков на указанный при регистрации email каждые семь дней. Подборка может быть самой разной: от индустриальных городов до идиллических пейзажей.

New Old Stock
http://nos.twnsnd.co/

Онлайн-подборка винтажных фото из публично доступных архивов, на которые не распространяются ограничения по авторским правам.

PicJumbo
http://picjumbo.com/

Бесплатное фото здесь можно скачать, не регистрируясь на сайте, Есть подборка категорий, поиска по ресурсу нет.

Pickupimage
http://pickupimage.com/

Большая онлайн-коллекция бесплатных стоковых фото, в основном — о природе или пейзажах, которые можно копировать и распространять даже в коммерческих целях. Регистрация необязательна.

Superfamous
http://superfamous.com/

Сайт голландского дизайнера, все подборки материалов здесь публикуются на основе лицензии Creative Commons Attribution 3.0. Согласно условиям этой лицензии использовать фото можно, только указав ссылку на автора фотографии.

Unsplash
http://unsplash.com/

Сайт предлагает пользователям десяток бесплатных качественных фотографий каждые десять дней.

Wikimedia Commons
http://commons.wikimedia.org/wiki/Main_page

Открытая база медиафайлов, в которой насчитывается более 21 млн файлов, разделенных по категориям (хотя поиск здесь срабатывает не всегда корректно).

Can We Image
https://canweimage.com/about

Проект обеспечивает поиск и отображение результатов из базы Wikimedia Commons. Все найденные ссылки ведут напрямую на исходные страницы с авторским контентом.

Compfight
http://compfight.com/

Движок для поиска изображений из Flickr. Используется Flickr API и набор поисковых параметров.

Creative Commons Search
http://search.creativecommons.org/

Сайт для поиска изображений по лицензии Creative Commons, поддерживает интеграцию с Flickr and Google и поиск по специальным параметрам.

Foter
http://foter.com/

Поисковый инструмент для Flickr, при помощи которого можно быстро выбрать изображения с интересующими параметрами лицензирования.

2016   сайты

BackgroundCheck

BackgroundCheck — библиотека для автоматического переключения на темный или светлый вариант элемента, в зависимости от яркости изображений позади него. Иногда в веб-дизайне очень нужная штука.

2016   js

Психология в дизайне.

Дизайн, это не просто красивые картинки. Дизайн очень тесно связан с психологией. Яркий пример тому, как Apple рекламирует свои ноутбуки на сайте.

Модель MacBook представили в виде парящего раскрытого ноутбука. Это придает ему легкость, движение. Это именно те качества, которые мы ищем в ноутбуках которые нам нужны для работы, когда мы находимся постоянно в дороге.

И возьмем ноутбук MacBook Pro который представлен ниже.

Он не парит в воздухе. Он прочно и надежно стоит на земле. Это символизирует надежность, мощь. Это именно то, что нам надо от рабочего ноутбука. А на контрасте эти качества особенно подчеркиваются у ноутбуков.

И подобное применения психологии в дизайне, когда мы хотим подчеркнуть что-то, добавляя визуальные образы, очень и очень хорошо влияют на продажи.

А теперь обратите внимание на изображения, которые находятся на экранах ноутбуков. Думаете тоже случайность и просто красивые картинки?

На первой картинке можно увидеть полет в облаках, возвышенность, легкость, красоту. То, что подчеркивает суть продукта. Помогает подсознательно идентифицировать мозгу покупателей товар и помогает им делать выбор.

На второй же экстрим, поток контролируемой мощи, стремление к цели, профессионализм. Ведь простой человек не сможет так просто скатиться с горы — этот спортсмен настоящий профессионал. Картинка подсознательно вкладывает нам в мозг нужную информацию. И все это подчеркнули интерфейсом программы для монтажа. Показывая, что он предназначен для профессионалов и определенных задач.

2016   статьи

Горячие клавиши Affinity Designer

В самой программе на самом деле можно настроить горячие клавиши как угодно, и даже на многие действия они не назначены, но также есть и стандартный набор горячих клавиш, спешу с вами поделиться ими:

Кстати, горячие клавиши в Affinity Designer работают только на английской раскладке. Если у вас стоит русский язык ввода, то клавиши работать не будут.

2016   статьи

Почему веб-страницы надо делать с учетом боли потенциальных клиентов.

Нашел весьма хороший и поучительный линч.
Прислали на оценку макет с комментарием:
http://bit.ly/2cfJNnk

Ответ:
— Здравствуйте, я заметил ваше объявление на *.com и хотел бы заказать у вас логотип.
— Здраствуйте. Мы — COMPANY. Мы представляем собой лорем ипсум долор сит амет.
— Да-да, я понимаю. Мне нужен логотип для транспортной компании. Например, лошадка. Да, лошадка бы подошла. Вы рисуете лошадок? Есть примеры лого?
— Минутку, сначала я расскажу пару слов о нашем опыте. Мы предлагаем современный дизайн. Креативные идеи. И бесплатную поддержку.
— О, это замечательно. Я очень рад. Так что насчет лошадок?
— У нас 423 довольных клиента и 55 наград.
— Э-э...
— Наши услуги: фотография, веб-дизайн, брендинг, фронтэнд...
— Стоп-стоп, я понял. Просто покажите мне примеры логотипов.
— Вот примеры наших работ...
— Отлично, наконец-то!
— Вот недавно мы сделали баннер. А вот — сфотографировали жабку для своей рекламы...
— Это клёво, но мне хотелось бы все-таки посмотреть логотипы.
— Еще мы делали сайт строительной компании. И билборд для аптеки...
— Эй, вы меня вообще слышите?
— А, вот еще отличный брендбук мебельного магазина. Как вам? Круто, да?
— ПОКАЖИТЕ МНЕ ЧЕРТОВЫ ЛОГО!
— ...А вот в этом разделе можно посмотреть логотипы.
— Алилуйя! Давайте скорее посмотрим!.. Хм, неплохо! Мне нравится. Думаю, вы справитесь с лошадкой. Как нам начать?
— Зацените наши навыки! Html — 70%, Яваскрипт — 70%...
— Простите, что?
— ... Worpdpress — 40%...
— О, господи. Я всего лишь прошу ваш телефонный номер.
— ... и, наконец — та-дааааа!! — фотография, целых 80%!!!
— Мне кажется, я становлюсь мизантропом.
— А вы уже видели наш блог? Хотите почитать про пользу черники? Это нечто невероятное, поверьте! 42 комментария всего за пару дней.
— Сдаюсь. Пусть будет черника. Вообще, этим утром я планировал заказать логотип, но кажется у меня только что образовалось море свободного времени. В сущности, хрен с ним, с логотипом. Я нарисую его сам.
— Вообще-то вам вам стоит на взглянуть на отзывы. Мы очень круто помогли многим людям. Они довольны. Вот Вася доволен. А вот Петя доволен. А вот Маша...
— Всего доброго.
— Но... Постойте! Эй! Позвоните нам!
[Хлопок двери].
— +7 123...
...
[Час спустя]
А, вот... Можно нас еще в твиттере зафоловить. Или почитать в RSS. Круто, да?

Оригинал публикации: https://vk.com/linchme?w=wall-72987194_3719

2016   сайты
2016   js

Ох уж эта реклама...

Не успел я погуглить информацию о Mac Pro, как вконтакте, меня закидало рекламой на эту тему. Да и не только вконтакте, но и на простых страницах тоже, везде, где подключенные рекламные площадки.

Знаете, неприятное чувство, когда за тобой так нагло следят
и еще манипулируют этим. «Ой, ты искал Мак?» А ну-ка давай мы тебе теперь на всех страницах будем тыкать рекламу с этим продуктом. У вас бывало такое?

2016   статьи

lightgallery.js

lightgallery.js — новая адаптивная JavaScript — библиотека без зависимостей для создания галереи.

• Поддержка жестов
• Поддержка Youtube/Vimeo-видео
• 20+ анимаций
• Кастомизируемый

https://sachinchoolur.github.io/lightgallery.js/

2016   js

Впечатления от презентации iPhone 7

Презентацию Эппл считаю достойной. Все, о чем мечтал так народ, они добавили в телефон. Поэтому они просто порвали в клочья всех своих конкурентов. Сейчас трудно удивить чем либо, но они реально очень крутые. Ведь в их случае делать правильный выбор в 1000 раз сложнее, чем кому-либо, за ними следит весь мир. Сегодня Apple остается самой передовой технологической компанией. И я уверен, у них еще очень много козырей в руках, о которых мы еще услышим. Но есть один маленький нюанс. Я все же добавлю ложку дегтя.Они пользуются всеми наработками Стива Джобса. Презентации в стиле wow-amazing-perfect-awesome. И сегодня я четко понимаю, что это начинает утомлять. И уже не доставляет такого удовольствия как раньше, все одно и то же. Что они будут делать, когда подача продукта в стиле Джобса будет полностью затерта до дыр и ей не удивишь. Вот тут и начнется самое интересное. Как раз у Джобса был бы ответ, я уверен. Чтобы продолжать удивлять, компании Apple надо пересмотреть в корне свою философию и продолжать дарить миру нечто невероятное. Ведь это то, на чем всегда держалась компания — на создании невероятного продукта из будущего. Но, судя по последним презентациям, они не сильно стремятся к этому. Они используют старые паттерны. Существуют такие платформы как Kickstarter, и они удивляют куда больше чем Apple, хотя все должно быть наоборот. С одной стороны Apple делает продукт на высшем уровне, но другой стороны он перестает быть «think different».

Сам Гай Кавасаки писал об этом, что сегодня думать иначе, это как раз использовать Андроид. Поэтому я могу почувствовать, что крах Эппл как никогда близок. Возможно звучит очень громко. Не потому, что они делают что-то плохо, а потому, что людям хочется чего-то по-настоящему уникального. Эппл задал мировые стандарты, и когда такое происходит, всегда находятся революционеры, которые будут готовы бороться с такими стандартами, хотя и компания Apple в свою очередь была теми самыми революционерами, но это замкнутый круг, и всегда одни революционеры будут меняться местами с другими. Я пересмотрел старые презентации Apple со Стивом Джобсом, и четко увидел, что компания делала по-настоящему революционные открытия. Использовать пальцы вместо стилуса, мультитач, звонок на удержании, зумировать двумя пальцами контент, — это было настоящее чудо. Именно они придумывали такие фишки, которые сегодня кажутся совершенно стандартными вещами. Но тогда, когда это создавалось при Стиве, это были невероятно сложные и фундаментальные достижения. Очень много было создано в области программного обеспечения. Ну а сегодня, что мы имеем? Мы улучшили камеру и производительность и добавили кучу ненужной вам хрени. И так из года в год. Да, они добавили водонепроницаемость — скажите вы. Но увы, эту фишку я уже видел давно у Самсунг, и что самое забавное, они не рискнули это продемонстрировать на презентации.

Cколько надо ждать еще лет, чтобы они сделали нормальную фронтальную камеру не хуже задней? Миллионы и миллионы юзеров делают каждый день селфи и выкладывают в инстаграм. Фронтальная камера все равно остается дерьмом по сравнению с передней. Сколько прошло лет, чтобы они наконец-то сделали нормальный стереозвук и нормальную защиту для телефона в виде влагостойкости. Они давно бы могли это все сделать. Но нет, надо же доить фанатов.

Лично я не вижу в телефоне «вау-класс, хочу срочно обновится» я вижу уже второй год подряд, очень хладнокровную экономическую расчетливость, я начинаю замечать поддельный восторг от своего продукта на презентациях у разработчиков. «Мы сделали лучший Айфон», — звучит уже сегодня как зазубренная стандартная фраза. Но мы то знаем, что технологии давно позволяют сделать намного больше. И с водонепроницаемостью — они давно опоздали. А если бы не жадничали и выкатили эту функцию много раньше, еще до Самсунга, вот тогда бы действительно было бы больше восторгов. Ну это лично мое мнение. Apple потихонечку просто начинает бесить, при всей моей любви к продукту.

И самое интересное, они начинают опаздывать за технологиями:
С влагостойкостью телефонов — опоздали на года два (пока Apple даже не заикался об этом, на прилавках магазина давно рекламировался Самсунг в кувшине с водой), со стереозвуком опоздали на года 4, а то и больше. Сделали беспроводные наушники! Чудо-то какое. Только вот и тут они опоздали на несколько лет. О беспроводных наушниках, я знал еще наверное года 3 назад. Через лет 5-6 дождемся беспроводной зарядки от Apple ,если повезет. И сколько интересно надо будет подождать, чтобы они сделали свою самую лучшую камеру для селфи? Фронтальная камера до сих пор остается без вспышки и убогой камерой низкого качества. Такие простые вещи потом будем выдавать за невероятные открытия и новшества?
Кстати, при своей, несомненно крутой технологической крутостью новых наушников Apple, я бы не рискнул себе их брать, по понятной причине того, что любое резкое движение или наклон головы и они вылетели из твоего уха. Кстати, наушники без каких-либо шнуров вообще, тоже давно существуют уже — называются hands free гарнитуры. Точно также можно слушать музыку, подключать к телефону и говорить в микрофон.

Кстати, вот что прокомментировал Артемий Лебедев по поводу iPhone 7 у себя на линче: «Когда вышел 6+, я себе его купил и страшно пожалел. Такая лопата мне нахуй не всралась. Тогда я поменялся со владельцем просто 6-го. Сейчас я стою перед дурацким выбором — взять 7+ ради двух камер, или взять просто 7 ради удобства.» http://www.artlebedev.ru/kovodstvo/business-lynch/2016/09/09/

2016   статьи

Контент 1936 года в журналах. Все давно уже придумали, когда еще не было интернета.

Вот так выглядели рекламные баннера в журналах 1936 года. Только вдумайтесь. Уже тогда был налажен этот бизнес и реклама активно использовалась в печатных изданиях. А что еще круче, так это то, что компания BAYER существует до сих пор. И за все свое существование не поменяла логотип.

Что еще я нашел интересное, так это то, что раньше кроссворд оказывается назывался «крестословицы»- у меня даже браузер такое слово подчеркивает и не знает. Теперь когда пытаешься понять суть слова «кроссворд» — четко слышишь американские слова cross (пересекать) и word (слово). Чем «крестословицы» не угодили-то?

Идем дальше, и что мы видим? Целый набор мемчиков.

Такие вот подборки фото обычно в соц. сетях собирают больше всего лайков и репостов. Хотите сказать, что это интернет все придумал? Хочу напомнить, что этот контент создавался еще в 1936 году.

Ну и как же не обойтись без комиксов? Сегодня в соц. сетях это из разряда: «Как я выгляжу когда выхожу в люди и как я выгляжу когда дома.» — уверен, встречали подобные комиксы.

Ну и конечно же, как не обойтись без демотиваторов?

Более того я скажу, что и эротика даже была на страницах. Сегодня не один паблик не обходится без этого.

Очень интересный материал для исследования. Интересен будет как и дизайнерам, маркетологам так и копирайтерам, больше подобных журналов можно найти по этой ссылке: http://librarium.fr/ru/magazines/frontier

5 советов по дизайну email-рассылок

Хочу поделиться замечательной статьей, которую я нашел в интернете. Тут действительно нечего добавить и убрать. Именно так и должен создаваться дизайн хороших писем для рассылок.

Email письма — это визитная карточка для общения с вашими подписчиками. Поэтому, лучше выработать один стиль дизайна писем и придерживаться его всё время. Оформление дизайна письма должно быть таким же, как на сайте, либо в корпоративном стиле, чтобы подписчик сразу узнавал вас, если конечно он ваш клиент.

Оформление шаблона

Оптимальная ширина шаблона email сообщения — 600 px в ширину. А проблема отображения письма на разных устройствах решается за счет адаптивного дизайна. Сегодня даже письма теперь делают адаптивными. Оптимизированный шаблон дает меньше возможностей для добавления большого количества контента, но обеспечивает лояльность многих пользователей, которые предпочитают просматривать свою почту на смартфонах.

Подписчикам понравятся письма с простым HTML-макетом, позволяющим легко ориентироваться в сообщении. Простой и одновременно стильный дизайн, сделанный со вкусом — это совсем другое дело.

Цветовая гамма

В современных имейлах чаще всего выбирается только один или два основных цвета для письма. Чем меньше цветов вы используете, тем лучше можно просмотреть ваше сообщение и не отвлекаться от информационного наполнения. Выбирайте цвета, с которыми ассоциируется ваш бренд.

По результатам исследований наиболее популярными цветами являются оранжевые, черные и синие оттенки.

Ни в коем случае не используются «ядовитые» цвета. Даже, если они позволяют добиться отличной контрастности между текстом и фоном, читать такое письмо будет не просто. У большинства пользователей оно вызовет отрицательную реакцию, многие из них просто закроют письмо не прочитанным. Дизайн «вырви-глаз» не пройдет.

Шрифты

Рекомендуемый текст шрифта — 12px, междустрочный интервал — 1.5. Эти параметры позволят получателю письма комфортно считывать всю информацию. Если для чтения письма приходится напрягаться, то это создает негативные эмоции, которые автоматически проецируются на содержимое письма. Чтобы этого избежать, необходимо не только правильно выбрать размер шрифта и межстрочный интервал, но и добиться контраста цвета текста и цвета фона.

Выбранный шрифт должен полностью подходить под общий дизайн письма и давать читателю возможность быстро пробежаться по нему глазами. Для рассылок лучше отдать предпочтение системным стандартным шрифтам. Лучший способ проверить читаемость — это открыть письмо с мобильного и посмотреть как оно выглядет.

Структурные элементы рассылки

Кнопки призыва к действиям. Чтобы клиент выполнил желаемое действие, он должен с лёгкостью находить кнопку CTA и с такой же простотой кликать по ней. А для этого кнопка должна быть достаточно крупной и заметной на общем фоне письма.

Кликабельные картинки. Минимум 10% читателей будут кликать на картинки, и у каждого из них будут свои мотивы. На маленькие изображения кликают, чтобы лучше рассмотреть, а большие картинки обычно ведут на сайт. В рекламных рассылках правильное оформление картинок особо важно.

Минимум текста. В большей части это касается информационных рассылок. Зачем заставлять пользователей читать огромные тексты? Лёгкие и короткие письма, с минимальными вертикальными прокрутками будут гораздо удобнее для читателей.

Важно учитывать насколько целостно выглядят все элементы в письме и как они дополняют друг друга, подчеркивая основную мысль. Чтобы читателю было легче представить суть письма, важно визуализировать текст с помощью изображений, выделенных основных фраз, разделения письма на блоки и т. д.

Что еще можно добавить?

Анимированные GIF-файлы. О да — они возвращаются. Причем GIF-файлы вернулись не только в электронные письма, но и в веб-дизайн в целом. GIF является эффективным форматом, так как позволяет быстро привлечь внимание посетителя, одновременно выделив важный призыв к действию.

Причина их возвращения очень проста — необходимость «оживить» письмо, добавить в него движение и анимацию.

Автор: Ирина Чугай, маркетолог SendPulse
Больше полезных статей на тему рассылки вы можете почитать в официальном блоге компании:
https://sendpulse.com/ru/blog
Там действительно очень много глубокого исследования и полезной информации — хоть книгу пиши.

От себя еще добавлю, для того, чтобы прочувствовать прелесть и красоту e-mail писем, подпишитесь на рассылки крупных компаний, посмотрите как они делают и оформляют свои письма. А для еще большего удовольствия, используйте современные почтовые клиенты в виде приложений. Я например использую программу Unibox для Mac.

Презентация Apple iPhone 7 прямая трансляция

А совсем скоро 7 сентября, в 20:00 по Москве будет прямая трансляция от Apple.

Посмотреть презентацию на официальном сайте можно будет по этой ссылке:
http://www.apple.com/apple-events/september-2016/

Презентация пройдет в Сан-Франциско, США в 10 утра по местному времени, и как всегда будет транслироваться онлайн. Кроме iPhone 7 на ней возможно будут представлены следующее поколение MacBook Pro 2016 и часы Apple Watch 2.

Так же онлайн презентацию можно будет посмотреть от Wylsacom

2016  

Affinity Designer — прощай Photoshop!

Первый раз я познакомился с программой, когда о ней практически никто не знал. Я нашел ее случайно в AppStore и решил попробовать. Программа оставила массу приятных эмоций. И при всем при этом за нее надо было платить только один раз и то небольшую сумму. Сегодня лицензия этой программы стоит всего $49.99.

Конечно, после фотошопа механика работы в программе была по-началу весьма непривычная, но зато потом, после адаптации, я не хотел открывать фотошоп.

Для того, чтобы понять, что это за программа такая — я думаю видео вполне достаточно. Я не буду рассказывать о всех ее возможностях, невероятных функциях, о ее наградах, я просто скажу, что Affinity Designer полностью заменил мне фотошоп. И при чем этот софт полюбился мне сразу, в отличии от того же Sketch, в котором у меня не было желания даже разбираться. Для меня как для веб-дизайнера который в основном работает с интерфейсами это самый идеальный инструмент. Работая в этой программе получаешь большое удовольствие, чувствуется, что все сделано для людей. Если вам интересно глянуть ее возможности и функции, то вот страница, тут все очень подробно описано: https://affinity.serif.com/en-gb/designer/

Я с большой уверенностью могу сказать, что как только программа станет достаточно популярной, она быстро затмит тяжелый и неповоротливый фотошоп.

Изначально это приложение было создано только для Mac OS, потом разработчики выпустили версию и для windows, правда пока она доступна только в бета режиме, скачать можно тут: https://affinity.serif.com/en-gb/windows/

Я очень рекомендую всем дизайнерам ознакомится с данным приложением.
https://affinity.serif.com/en-gb/

Кроме Affinity Designer у разработчиков есть еще одно столь же прекрасное приложение Affinity Photo — которое предназначено для фото. Affinity Designer  — все же больше заточено для работы с интерфейсами, иллюстрациями. Если вам нужна работа с фотографиями, то пробуйте смотреть Affinity Photo, в нем больше функционала для работы с растровыми изображениями.

Когда-то я не верил, что кто-то сможет переплюнуть Photoshop, и думал, что он всегда будет на олимпе своего успеха. Но как показала жизнь, всегда найдутся молодые ребята, которые придут и сделают еще лучше.

Кроме всего этого обновления выкатываются практически каждый месяц. И с каждой новой версией появляются новые и невероятные функции.

2016   статьи
Ctrl + ↓ Ранее