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

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

Ctrl + ↑ Позднее

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   статьи
2016   сайты

Type Anything — работаем со шрифтами.

Type Anything — прекрасный и удобный инструмент для подборки шрифтов для сайта. Type Anything позволяет выбрать семейство шрифтов, настроить межстрочный интервал, расстояние между абзацами и прочее. Сервис автоматически генерирует CSS-код для использования на сайте.

https://typeanything.io

Mockupeditor — оригинальный редактор мокапов онлайн

Mockupeditor — весьма оригинальный редактор мокапов. Он позволяет создавать сцены со столом и фоторамками добавляя различные объекты. Очень оригинальной находкой разработчиков была возможность редактировать размер стола. Не знаю насколько нужный этот сервис, но с технической стороны в нем достаточно много интересных фишек.

https://mockupeditor.com

2016   сайты

Сайт с референсами дизайна страниц.

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

Страница оплаты
http://www.checkoutpages.xyz

Страница стоимости
http://www.pricingpages.xyz

Страница продукта
http://www.productpages.xyz

Страница магазина
http://www.storepages.xyz

2016   UI   сайты

Хороший пример таргетированной рекламы

Недавно наткнулся на вот такую вот рекламу в ленте:

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

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

Аdioma — Онлайн сервис для создания инфографики.

«Главная особенность сервиса — то, что пользователь не сможет использовать в графике не подходящие по стилю элементы. „В других инфографических приложениях можно легко сделать „инфографику-франкештейн“, состоящую из графически несовместимых элементов. В „Адиоме“ уже есть набор иконок в одинаковом стиле, который покрывает 7,000 слов. Он обновляется ежедневно“, — рассказывает Анна.

Использовать инструмент можно 14 дней бесплатно в триал-версии. Подписка же обойдется в $39 в месяц для создания 20 инфографик, $69 в месяц — для $50 инфографик и $299 — для безлимитного использования.»

https://adioma.com

2016   сайты
2016   сайты

Все, что вам надо знать о создании руководства дизайна.

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

Статьи к сожалению, только на английском, но материал полностью того стоит:
https://medium.mybridge.co/all-about-creating-design-style-guides-cba6f6ca509d#.wtphb18s7

Для чего это надо?

В основе фирменного стиля или дизайна лежат несколько базовых элементов: логотип, цвета, шрифт, размеры, сочетание. Данные руководства создаются для того, чтобы компании или дизайнеры которые будут работать с элементами продукта правильно использовали ваш дизайн. Оно позволяет следить за соблюдением стандартов, с которыми будут иметь дело другие люди. Это может быть обычный фирменный стиль, или же целый огромный пакет графики который будет использоваться в приложениях. (Например: Apple или Google)

Пример хорошего подобного руководства можно посмотреть у студии Артемия Лебедева: https://www.artlebedev.ru/tutnaidut/identity/Tutnaidut-Guidelines.pdf

Или же руководства Google Play:
http://googleplay.flatata.com/?ref=mybridge.co

2016   статьи

Webydo — cоздано дизайнерами для дизайнеров.

Webydo — это профессиональный веб-сервис для дизайнеров. Сайт для создания лендингов. Благодаря которому можно создавать сайты через визуальный редактор без знания кода. Благодаря этому сервису можно легко и просто реализовывать небольшие сайты, лендинг страницы. Сервис имеет свою собственную CMS благодаря которой вы без проблем сразу же сможете передать сайт своему клиенту, и он с легкостью сможет управлять и редактировать свой сайт.

http://www.webydo.com

2016   сайты

wwwhere  — сайт с подборкой инструментов для дизайнеров и программистов

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

http://wwwhere.io

2016   сайты
2016   сайты

Cubender — креативная платформа для создания неординарных сайтов.

Встречайте новый обновленный сервис Cubender для создания сайтов, блогов и даже интернет-магазинов. Cubender был создан еще в далеком 2010 году, и уже тогда помогал многим дизайнерам реализовывать свои идеи в реальность.

https://www.cubender.com

2016   сайты

Iconmonstr — бесплатные svg иконки

Iconmonstr — один из моих любимых онлайн сервисов с иконками. Большая база бесплатных иконок (сегодня доступно более 2804) которые вы можете использовать в своих личных и коммерческих целях. Удобный и красивый сайт. Поисковая система. Возможность сохранить иконку в формате SVG или PNG. Что надо еще для счастья?

http://iconmonstr.com

Goocreate — 3d для каждого.

Goocreate — легко и просто создавайте свои собственные 3d сцены и используйте их на своих сайтах, в рекламе, и даже играх. Новый, воистину революционный онлайн сервис, позволяющий создавать невероятные штуки. Сервис предлагает 3d редактор, где вы можете программировать сцены, создавать с легкостью формат VR и без каких либо сложностей интегрировать все это в свои продукты.

2016   сайты
2016   сайты

Screenings.io — лучшие видео по дизайну

Screenings.io — прекрасный ресурс, где отобраны самые крутые видео по дизайну. Это интервью, уроки, UI, фотография, разговоры, анимация и многое другое. Ресурс очень полезный и интересный. Данные сайт должен быть в закладках у каждого создателя сайтов. Единственный минус — весь контент на английском языке.

2016   сайты

Specfox — создаем грамотную презентацию сайта

Specfox — это новый сервис который позволяет дизайнерам грамотно и удобном продемонстрировать дизайн своего проекта. Теперь когда у нас есть больше количество макетов, мы можем их с легкостью объеденить в один документ и добавить к каждому элементу описание, после чего одним нажатием кнопки экспортировать презентацию в PDF файл. Это крайне удобно для программистов которые дальше будут работать с вашими макетами, а так же для клиентов.

https://specfox.com

2016   сайты

Readymag — отличный конструктор для веб-сайтов

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

https://readymag.com

2016   сайты

Получайте быстрое вдохновение

Calltoidea — это сайт, где по рубриками собраны идеи для дизайна. Например когда мы заходим в раздел «404», нам показывают идеи оформления страниц 404. Заходим в раздел «логин» — кучу примеров о том, как можно оформить вход на сайт. Так же кучу других разделов. (меню, статистика, галлерея, всплывающие окна, почтовые рассылки и прочее.) Очень удобно, если вам нужна новая страница, или элемент на сайте, но вы не знаете как ее оформить, или у вас закончились идеи, ими можно зарядиться как раз на этом сайте.

Хороший ресурс, особенно сильно может подбодрить в середине большого проекта, когда сил становится все меньше и меньше.

http://www.calltoidea.com

2016   сайты
Ctrl + ↓ Ранее