Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-сентябрь 2018.
Рубрика «веб-дизайн» - 18
Дайджест продуктового дизайна, октябрь 2018
2018-11-06 в 11:08, admin, рубрики: usability, Блог компании Mail.Ru Group, веб-дизайн, дизайн интерфейсов, дизайн мобильных приложений, интерфейсы, пользовательские интерфейсы, продуктовый дизайнКак я создал меняющую настроения анимацию с помощью масок CSS
2018-11-05 в 18:07, admin, рубрики: css, html, masking, Блог компании Поиск VPS, веб-дизайн, Разработка веб-сайтовПомните мультфильмы, которые мы смотрели в детстве? В то время они были олицетворением анимации. Сейчас анимация – это не только мультфильмы, мы встречаем ее почти каждый день, проверяя телефон или используя любое устройство, имеющее экран.
Сегодня анимация используется не только для привлечения внимания, но и для улучшения взаимодействия с пользователем, облегчения навигации. В любом хорошем дизайне анимацию добавляют таким образом, чтобы она сочеталась с общей концепцией, создавая тем самым удобный пользовательский интерфейс.
В этой статье мы создадим простую анимацию лица с разными выражениями, а в процессе узнаем немного о CSS.
Читать полностью »
Разбираемся с перехватчиками в React
2018-11-02 в 16:06, admin, рубрики: javascript, React, ReactJS, Блог компании Издательский дом «Питер», веб-дизайн, Веб-разработка, книги, Программирование, проектирование интерфейсов, Профессиональная литератураПривет!
Мы с чувством невероятной гордости и облегчения сегодня вечером сдали в типографию новую книгу о React
По этому поводу предлагаем вам немного сокращенный перевод статьи Дэна Абрамова (Dan Abramov), рассказывающего об использовании перехватчиков в 16-й версии React. В книге, которую мы сами уже ждем с нетерпением, об этом рассказано в 5-й главе.
Читать полностью »
Тонкости и толстости иконок. Про Sketch, особенности рендеринга и игру с толщиной линий
2018-11-02 в 5:14, admin, рубрики: sketch, SVGO, zeplin, Блог компании Сибирикс, веб-дизайн, верстка, дизайн, иконки, Разработка веб-сайтовВ этой статье мы разберем нюансы экспорта векторных иконок из графических пакетов. Несмотря на то, что векторные иконки успешно эксплуатируются не один год, до сих пор встречаются досадные ситуации, в которых отображение иконок будет некорректным: будет плясать толщина линий, появляться размытия, пропадать скругления, или наоборот — появляться скругления там, где ожидались острые углы.
Основных причин — три: особенности (или даже баги) экспорта и оптимизации иконок из графических пакетов, особенности и ошибки рендеринга (мы будем ориентироваться на рендеринг браузером Chrome или оболочки Electron), ошибки дизайнеров по неопытности. Хотя в самом графическом пакете все выглядело хорошо (в данном случае мы рассматриваем Sketch, но похожие проблемы есть везде).
A la perfección: совершенствуем WordPress при помощи плагинов AMP for WordPress и Setka Editor
2018-10-31 в 11:48, admin, рубрики: amp, cms, web-разработка, wordpress, Блог компании Google, веб-дизайн, монетизация интернет-проектов, Разработка веб-сайтовПривет! Сегодня мы поговорим о процессе настройки и кастомизации CMS WordPress. Часто приходится слышать, что она годится лишь для небольших сайтов, а для сайтов СМИ с массивным трафиком она не подходит (хотя обратных примеров много). Еще одна особенность WordPress — отсутствие предустановленных продвинутых инструментов для журналистов, редакторов и всех, кому нужны дополнительные возможности при публикации новостей и статей, включая кастомное оформление материалов.
В то же время поклонники WordPress утверждают, что CMS подходит как для лендингов, так и для сайтов с миллионным трафиком. Истина где-то посередине. У WordPress есть недостатки, но при желании их можно избежать, одновременно усилив положительные возможности CMS. О том, как это сделать, сегодня и поговорим.
Читать полностью »
Б — Брутальность. Официальный сайт Федерации настольного тенниса Республики Башкортостан (ФНТ РБ)
2018-10-27 в 10:03, admin, рубрики: веб-дизайн, Разработка веб-сайтов, сайт все в одномНемного позитивной информации для снятия недельного рабочего стресса.
— А можно на главной страничке все-все-все?
— Сделаем!
Ссылки внутренние всего: 75, индексируются: 75.
Ссылки внешние всего: 31, индексируются: 31.
Объектов: 90.
Читать полностью »
Хватит делать сайты с бесконечной прокруткойǃ
2018-10-24 в 16:05, admin, рубрики: бесконечная прокрутка, веб-дизайн, дизайн, дизайн мобильных приложений, интерфейсы, пагинация, прокрутка, разбиение на страницы, скроллинг
TL;DR. Хотя бесконечная прокрутка подходит для некоторых случаев, но она может создать проблемы.
Бесконечная прокрутка может быть дезориентирующей, неконтролируемой и вызывать стресс у пользователей.
В этой статье мы объясним, почему нужно прекратить создание сайтов с бесконечной прокруткой. Но для начала рассмотрим краткую историю вопроса.
Читать полностью »
Изба-читальня или подборка проф.литературы
2018-10-22 в 12:24, admin, рубрики: usability, бизнес, веб-дизайн, интерфейсы, книги, проектирование, Профессиональная литература, психология, Читальный зал, юзабилити
Достаточно давно копила, выбирая из различных интервью, советов, статей и пр., списки книг из серии «Что бы такого еще почитать» на тему интерфейсов, психологии поведения и бизнеса.
Когда список превратился в огромную кучу из выдержек, ссылок и набросков решила, что настало время привести эту кучу в состояние максимальной пользы.
Наведение порядка заняло не один мой человеко час, и с мыслью «Чего добру пропадать» решила поделиться им с читателями Хабра. Надеюсь, он принесет пользу и сэкономит время на поиски литературы.
Список разбивала на четыре категории:
- Книги про бизнес;
- Книги по проектированию — не вносила в список классику, а дополняла чем-то новым (на мой взгляд);
- Книги о психологии поведения;
- Книги про тексты.
Для некоторых книг нашла саммари, ссылки прилагаются.
Буду благодарна всем, кто дополнит список другими полезными книгами и ссылками.
Также принимаются предложения по расширению категорий. По мере поступления предложений список буду дополнять.
Очень хочется этой статьей нанести максимальную пользу не только себе, но и коллегам.
Читать полностью »
[Подборка] Разработка, дизайн и продвижение сайтов: 17 полезных материалов
2018-10-20 в 13:59, admin, рубрики: веб-дизайн, дизайн, подборка, полезные ссылки, разработка, Разработка веб-сайтов, Управление продуктомСоздать качественный сайт, который привлечет пользователей продуманным интерфейсом и красивым дизайном – непростая задача, с которой не справляется огромное количество компаний.
Я собрала полезные ссылки, которые помогут пройти этот путь и не совершить необязательные ошибки.Читать полностью »
Дизайн понятного дашборда для сложной системы управления рекламой
2018-10-18 в 9:35, admin, рубрики: figma, UI, Аналитика мобильных приложений, Блог компании Appodeal, веб-дизайн, дизайн, дизайн интерфейсов, управление проектамиAppodeal работает с непростым и стремительно растущим рынком монетизации мобильных приложений. Поэтому свободы в интерфейсных решениях у нашей дизайн-команды не так много, а функциональные требования — довольно жёсткие, и они постоянно меняются.