Как создавать лучшие макеты с помощью сетки 8pt

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

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

Сетка 8pt, вероятно, является одной из наиболее часто используемых систем сетки, и не без причины.

Читать статью: https://ux.pub/kak-sozdavat-luchshie-makety-s-pomoschyu-setki-8pt/

​​Кому нужен лендинг как у Apple, и как его сделать?

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

Но кому нужен лендинг как у Apple, если ты не Apple?

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

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

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

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

Читать статью: https://vc.ru/design/161903-komu-nuzhen-lending-kak-u-apple-i-kak-ego-sdelat

5 основных анти-трендов современного дизайна

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

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

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

Давайте посмотрим на эти тренды.

1. Синдром однотипной иллюстрации
2. Эффект Unsplash
3. Мода на закруглённость
4. Сомнительный неоморфизм
5. Ловушка прозрачности

Читать статью: https://ux.pub/5-osnovnyh-anti-trendov-sovremennogo-dizayna/