Size: a a a

Atomic Design && Feature Slices

2020 October 22

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Sergio Certified Business Punk
Я так и не понял чем вам спейсеры мешают)
они не скейлятся
и изменения дизайна заставляют менять верстку во всех местах где используется спейсер

иначе внешний вид разъезжается
источник

FT

Frontend Priest Tony in Atomic Design && Feature Slices
createStore<🦉> ⁣
в декабре-январе будем набирать ребят на тот гигантский проект.
кидай в меня резюмеху, если хочешь приходить
Nice.
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
createStore<🦉> ⁣
они не скейлятся
и изменения дизайна заставляют менять верстку во всех местах где используется спейсер

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

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

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Мы сейчас пришли к тому, что наши дизайнеры создают всегда примерно одинаковые компоненты для разных проектов. Пример: выпадающие списки, свитчи, табы, чипсы, структурно одинаковые, то есть у них одинаковый набор элементов, подчиняются общим правилам хоть расположены в разных проектах.

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

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

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
прикол в том что ты не поймешь разницы с ходу между 18px и 16px
или 64px и 60px
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
в спейсингах
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Sergio Certified Business Punk
прикол в том что ты не поймешь разницы с ходу между 18px и 16px
или 64px и 60px
если рядом два списка, по горизонтали отступ в 16 пикселей, а по вертикали в 18
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
ты сразу заметишь связи между горизонтальными элементами
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
я про пробелы
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
заметишь)
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
особенно на смартфонах
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
createStore<🦉> ⁣
если рядом два списка, по горизонтали отступ в 16 пикселей, а по вертикали в 18
это да
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Sergio Certified Business Punk
прикол в том что ты не поймешь разницы с ходу между 18px и 16px
или 64px и 60px
да и смысл о таком говорить
предлагаешь сделать дерьмовый дизайн, где везде будут разные отступы, со словами "да пользователь не заметит"?
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
createStore<🦉> ⁣
да и смысл о таком говорить
предлагаешь сделать дерьмовый дизайн, где везде будут разные отступы, со словами "да пользователь не заметит"?
да он и не видит
кто докажет обратное?
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
тут же дофига разных проблем:
1. сложность поддержки такого, фиг объяснишь другим разработчикам где и как должно быть
2. когда поставишь рядом два списка с разными отступами, дизайн уже разъедется
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Sergio Certified Business Punk
да он и не видит
кто докажет обратное?
количество продаж
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
есть статистика?
опросы
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Sergio Certified Business Punk
есть статистика?
опросы
есть
источник

SC

Sergio Certified Bus... in Atomic Design && Feature Slices
createStore<🦉> ⁣
количество продаж
как это связанно?)
источник

c⁣

createStore<🦉>... in Atomic Design && Feature Slices
Sergio Certified Business Punk
как это связанно?)
на том, сколько элементов в списке умещается на экране айфона, завязаны продажи рекламы
источник