Они же свой движок какой-то писали для отображения элементов на холсте, а не использовали html и css, там вроде бы даже векторная графика самописная. Разве что они перепишут всё с нуля и выпустят Figma 2.0, а так, фигма все так же больше графический редактор, который ничего не знает об интерфейсах, кроме некоторых его графических аспектах: фон, цвет, тени и т.п.
Пришел к тому, что в первом слое я не использую группировки по типу: blue, green, neutral, gray и т.п. В первый слой включаются такие же цветовые растяжки, часть их них привязаны к бренду: brand-primary, brand-secondary, brand-accent-01... и часть для success, error и т.п.
Для меня цвета бренда это тоже семантика, в цвета бренда включаются и нейтральные цвета (обычно это brand-secondary), если интерфейс с белым или серым фоном по типу хабра. Но проекты бывают разные, у кого-то вообще может не быть серых кнопок и белого фона, где вместо ч\б secondary растяжки будет растяжка насыщенного оранжевого цвета, соответственно оранжевый фон сай и какие-нибудь зеленые акцентные кнопки на нем.
Edge — один из немногих продуктов мелкософта, который у них получился довольно неплохо. Учитывая, что это встроенный браузер, аудитория там предостаточная
Не претензия, просто наблюдение: попадаются на глаза ваши статьи уже давно и у меня сложился некий образ Форреста Гампа, который перед тем, как начать что‑то делать, уже все продумал наперед, остается только (бежать) кнопки нажимать. Вот эти вот «ушло ровно 50 минут», я бы только промт составлял столько же конкретизируя формулировки, или вникал бы в задачу столько же перед тем, как вообще начать что либо делать руками.
Или вот из соседней статьи: «Промпты иногда получаются внушительных размеров. И тут мне ну очень помогает навык слепой печати. При скорости в 400–500 символов в минуту постановка задачи кажется не такой мучительной (впрочем равно как и написание подобных статей)».Т.е. тут упор в собственное физическое ограничение ввода команд руками, а не в том, чтобы успевать продумать структуру промта и его детали, чтобы это не было проблемой, как будто весь текст уже у вас в голове и остается только напечатать\сделать.
«Кто ты, воин?» Сверхчеловек или часть работы остается вне трекера времени?
Больше бы панорамы хотелось увидеть. Как ушел гугол, так остался только яндекс, а у него база не особо обширная. Так и прыгаешь между тремя-четырмя картами, у одного навигация лучше, у второго справочник, у третьего панорамы почти всех дорог, у четвертого есть запись треков и отсутствие рекламы...
Ну, не все в дизайн-отрасли носятся с "Где данные? Где метрики? Где пользователи?" как курица с яйцами. Каждый эксперт должен иметь свое собственное мнение в контексте своих обязанностей и нести за него ответственность. А быть обычным парсером результатов метрик в дизайн-макеты, это прямая дорога быть "специалистом" без собственного мнения и невозможности принятия самых простых решений без подтверждения со стороны.
Я не работал в продуктовых корпорациях, но вы там правда высчитываете проценты используемых групп цветов в макете, как? В целом-то задумка понятна, когда стоит задача сделать что-то похожее по эстетике на vk, ozon, wb, avito, дром и т.п., то такое соотношение нейтральных цветов к акцентым вроде как само собой разумеющееся и не нуждается в каких-то излишне детализированных комбинаций в виде 3-17-80, 5-15-80 и 5-25-75.
Метод из первой статьи рабочий, только сразу становится понятно, что сама изначальная архитектура палитры жесткая, однонаправленная, подразумевает белый фон, темный текст и редкие цветовые акценты. Но как мне кажется, палитра не должна диктовать эстетику текущего продукта и будущих других, где фон интерфейса внезапно может оказаться доминирующим красным брендовым цветом, а основной цвет текста белым и вторичным черным. И при этом не забывая темные\светлые режимы.
Только похоже она работает только в низких разрешениях (hd, fhd, qhd) на 100% масштабе экрана. Где попадание в сетку видно сразу и мыльные границы бросаются в глаза.
Но если смотреть на моем 4к монике, где по умолчанию выставляется 150% масштаб, пиксель перфект уже так не работает. Иногда на сайтах можно видеть, как некоторые иконки с четким попаданием в пиксельную сетку у меня выглядит с артефактами. Например иконка меню гамбургера, две верхние полоски выглядят толщиной в два четких пикселя, а третья выглядит как что-то среднее между 1 и 2 пикселями. Бывает и так, что границы некоторых иконок выглядят лучше на hd разрешении чем у меня в 4к (если не рассматривать лесенки в скруглениях) из-за нецелочисленного масштабирования.
Кроме моего типового монитора, есть еще много разных случаев с ноутбуками, где встречается масштабирование ОС 125 и 150% и там скорей всего будут артефакты в других местах или такие же.
В случае мобильных экранов все просто, ppi там огромным и любые иконки там выглядят с ровными границами.
Спустя время, как пересел на 4к, постепенно забил на пресловутый "пиксель пёрфект", хотя по началу даже не убирал старый fullhd и смотрел как выглядит дизайн на нем. Все это теперь видится борьбой с гидрой и тратой времени, но аккуратность все таки нужна, если не в пискселях, то в пропорциях и единообразии.
На пальцах да, но есть всего несколько 4к мониторов, которые могут это делать так без размытия и где картинка выглядит ровно так же как нативный full hd. Т.е. целочисленное масштабирование должно быть предусмотрено самим производителем монитора (как в случае монитора из статьи), а не софтверно где-нибудь в настройках драйвера видеокарты или операционки, к сожалению.
Бенто-стиль, как и многие тренды до него, часто продиктованы актуальными на тот момент возможностями дизайн-инструментов. Были бы в фигме те же полноценные гриды, проценты и другие относительные единицы, работа с классами, расширенный флексбокс и т.п., то и разнообразие дизайн-решений было бы значительно шире. А так, когда в инструменте для создания лэйатуа интерфейса имеется только урезанный флексбокс, то и на выходе получаем сплошные сайты из кубиков разного размера.
Чтобы понять что стул неудобный научная степень по физике не нужна. Чтобы понять что интерфейс неудобен — не обязательно быть дипломированным социологом.
Ну, если заниматься изучением подобных вопросов, то сгодится любая степень профанации, это да.
Они же свой движок какой-то писали для отображения элементов на холсте, а не использовали html и css, там вроде бы даже векторная графика самописная. Разве что они перепишут всё с нуля и выпустят Figma 2.0, а так, фигма все так же больше графический редактор, который ничего не знает об интерфейсах, кроме некоторых его графических аспектах: фон, цвет, тени и т.п.
Наигрались и хватит, пора делать ИИ софт для военных роботов, дронов и ракет
Пришел к тому, что в первом слое я не использую группировки по типу: blue, green, neutral, gray и т.п. В первый слой включаются такие же цветовые растяжки, часть их них привязаны к бренду: brand-primary, brand-secondary, brand-accent-01... и часть для success, error и т.п.
Для меня цвета бренда это тоже семантика, в цвета бренда включаются и нейтральные цвета (обычно это brand-secondary), если интерфейс с белым или серым фоном по типу хабра. Но проекты бывают разные, у кого-то вообще может не быть серых кнопок и белого фона, где вместо ч\б secondary растяжки будет растяжка насыщенного оранжевого цвета, соответственно оранжевый фон сай и какие-нибудь зеленые акцентные кнопки на нем.
Edge — один из немногих продуктов мелкософта, который у них получился довольно неплохо. Учитывая, что это встроенный браузер, аудитория там предостаточная
Не претензия, просто наблюдение: попадаются на глаза ваши статьи уже давно и у меня сложился некий образ Форреста Гампа, который перед тем, как начать что‑то делать, уже все продумал наперед, остается только (бежать) кнопки нажимать. Вот эти вот «ушло ровно 50 минут», я бы только промт составлял столько же конкретизируя формулировки, или вникал бы в задачу столько же перед тем, как вообще начать что либо делать руками.
Или вот из соседней статьи: «Промпты иногда получаются внушительных размеров. И тут мне ну очень помогает навык слепой печати. При скорости в 400–500 символов в минуту постановка задачи кажется не такой мучительной (впрочем равно как и написание подобных статей)». Т.е. тут упор в собственное физическое ограничение ввода команд руками, а не в том, чтобы успевать продумать структуру промта и его детали, чтобы это не было проблемой, как будто весь текст уже у вас в голове и остается только напечатать\сделать.
«Кто ты, воин?» Сверхчеловек или часть работы остается вне трекера времени?
Больше бы панорамы хотелось увидеть. Как ушел гугол, так остался только яндекс, а у него база не особо обширная. Так и прыгаешь между тремя-четырмя картами, у одного навигация лучше, у второго справочник, у третьего панорамы почти всех дорог, у четвертого есть запись треков и отсутствие рекламы...
Ну, не все в дизайн-отрасли носятся с "Где данные? Где метрики? Где пользователи?" как курица с яйцами. Каждый эксперт должен иметь свое собственное мнение в контексте своих обязанностей и нести за него ответственность. А быть обычным парсером результатов метрик в дизайн-макеты, это прямая дорога быть "специалистом" без собственного мнения и невозможности принятия самых простых решений без подтверждения со стороны.
А им там удобно разводить графоманию о своих "процессах", все для этого есть, заголовки, списочки, таблички, а картиночки уже на худой конец...
«Чукча не дизайнер, Чукча — писатель»
Всего-то нужен ui-кит на гитхабе, делов-то
Я не работал в продуктовых корпорациях, но вы там правда высчитываете проценты используемых групп цветов в макете, как? В целом-то задумка понятна, когда стоит задача сделать что-то похожее по эстетике на vk, ozon, wb, avito, дром и т.п., то такое соотношение нейтральных цветов к акцентым вроде как само собой разумеющееся и не нуждается в каких-то излишне детализированных комбинаций в виде 3-17-80, 5-15-80 и 5-25-75.
Метод из первой статьи рабочий, только сразу становится понятно, что сама изначальная архитектура палитры жесткая, однонаправленная, подразумевает белый фон, темный текст и редкие цветовые акценты. Но как мне кажется, палитра не должна диктовать эстетику текущего продукта и будущих других, где фон интерфейса внезапно может оказаться доминирующим красным брендовым цветом, а основной цвет текста белым и вторичным черным. И при этом не забывая темные\светлые режимы.
В случае одного загруженного документа можно попробовать отображать его сразу в таблице как в варианте "А". В случае 2-ух и более, уже по сценарию "В"
По писанию больше похоже на добавление другой почты на один аккаунт, а не изменение старой
10-40 рублей за одну попутку сгенерировать нужный результат, не кисло так, не для нищих дизайнеров. Статья полезная 👍
Только похоже она работает только в низких разрешениях (hd, fhd, qhd) на 100% масштабе экрана. Где попадание в сетку видно сразу и мыльные границы бросаются в глаза.
Но если смотреть на моем 4к монике, где по умолчанию выставляется 150% масштаб, пиксель перфект уже так не работает. Иногда на сайтах можно видеть, как некоторые иконки с четким попаданием в пиксельную сетку у меня выглядит с артефактами. Например иконка меню гамбургера, две верхние полоски выглядят толщиной в два четких пикселя, а третья выглядит как что-то среднее между 1 и 2 пикселями. Бывает и так, что границы некоторых иконок выглядят лучше на hd разрешении чем у меня в 4к (если не рассматривать лесенки в скруглениях) из-за нецелочисленного масштабирования.
Кроме моего типового монитора, есть еще много разных случаев с ноутбуками, где встречается масштабирование ОС 125 и 150% и там скорей всего будут артефакты в других местах или такие же.
В случае мобильных экранов все просто, ppi там огромным и любые иконки там выглядят с ровными границами.
Спустя время, как пересел на 4к, постепенно забил на пресловутый "пиксель пёрфект", хотя по началу даже не убирал старый fullhd и смотрел как выглядит дизайн на нем. Все это теперь видится борьбой с гидрой и тратой времени, но аккуратность все таки нужна, если не в пискселях, то в пропорциях и единообразии.
Вот и посмотрим теперь, на сколько необходимы людям нейронки, чтобы те за них платили.
На пальцах да, но есть всего несколько 4к мониторов, которые могут это делать так без размытия и где картинка выглядит ровно так же как нативный full hd. Т.е. целочисленное масштабирование должно быть предусмотрено самим производителем монитора (как в случае монитора из статьи), а не софтверно где-нибудь в настройках драйвера видеокарты или операционки, к сожалению.
Давно ждал 5к мониторы, которые могут целочисленно уменьшать разрешение в 2 раза без мыла. С 4к мониторами так не прокатит.
Бенто-стиль, как и многие тренды до него, часто продиктованы актуальными на тот момент возможностями дизайн-инструментов. Были бы в фигме те же полноценные гриды, проценты и другие относительные единицы, работа с классами, расширенный флексбокс и т.п., то и разнообразие дизайн-решений было бы значительно шире. А так, когда в инструменте для создания лэйатуа интерфейса имеется только урезанный флексбокс, то и на выходе получаем сплошные сайты из кубиков разного размера.
Ну, если заниматься изучением подобных вопросов, то сгодится любая степень профанации, это да.