А я вот мучаюсь, дизайнеры присылают мокапы в фигме, где тень делают еще одним элементом, сдвигая его чуть вниз, закрашивая нужным градиентом и полностью растушевывая через blur. При этом слева один тон, справа другой. Кроме того, ширина тени меньше основного элемента. Преобразовать это чудовищное нагромождение в веб-тень - то еще занятие. Наспех если делать, конечно же беру средний тон и делаю тень стандартно, но вид конечно не тот.
это не бессмысленный выебон, а мода и тренды. Им иногда стОит следовать, чтобы продавать. Вот критиковать в отрыве от контекста или вовсе не понимая предмет - это я понимаю выебон :P
Я только сейчас понял, про что вы, я тормоз!!
И правда - если предмет полупрозрачный, то тень должна быть в тонах предмета.
Пойду зелёнкой помажу избитого дизайнера...
Такие тени дизайнеры рисуют из-за того что в фигме нет возможности задать тени значение spread как в скетче. а так тень под обьектом меньше самого обьекта в css спокойно делается. Попросите дизайнера рисовать ui kit для кнопок в скетче и будет вам счастье в виде готового кода для тени)
У кнопок с сильным скруглением без отрицательного spread тень некрасиво ложится, так что тут можно понять дизайнера
На скорую руку вполне себе. Но вместо кнопка не из одного элемента - теперь кнопка из трех элементов??? А если таких кнопок будет несколько на странице?
Когда делаю как для себя)), тень псевдоэлементами фигачу, гугл не пускает лишнюю слезу про вложенность и общее количество элементов на странице...
Ну всё. Одна растровая картинка накроет медной пиздой весь оптимизон :) Выкинем её, а сочные большие фотки, на которых в целом основан трендовый дисигн, оставим, ведь они-то на оптимизон не повлияют :D
оптимизация складывается из массы аспектов. никто ваши дизайнерские картинки в 16k не ставит на сайт (по крайней мере, нормальный фронт за такое будет бить потрукам)
Чаво? Что там происходит в твоей радужной вселенной?
нормальный фронт за такое будет бить потрукам
Нормальный фронт будет делать свою работу, за которую получает бабки, и будет делать её хорошо. А нормальный дизайнер выкинет нах с работы нытиков, не умеющих в технологии.
А у меня другой оффтоп-вопрос)
Что за тренд такой, делать такие кнопки с закругленным краями по полсотни? Куда ни плюнь, везде эти кнопки на макетах. Помнится лет 10 назад так модно было, сейчас что произошло?
которых иногда хочется вздёрнуть за яйца над огненной ямой. Сучки, убрали окрашивание через выделение контейнера, приходится теперь точно выделять субъект окрашивания => работы прибавилось экспоненциально из-за вот такого вот мелкого апдейта
А я вот мучаюсь, дизайнеры присылают мокапы в фигме, где тень делают еще одним элементом, сдвигая его чуть вниз, закрашивая нужным градиентом и полностью растушевывая через blur. При этом слева один тон, справа другой. Кроме того, ширина тени меньше основного элемента. Преобразовать это чудовищное нагромождение в веб-тень - то еще занятие. Наспех если делать, конечно же беру средний тон и делаю тень стандартно, но вид конечно не тот.
Скрин:
Комментарий недоступен
это не бессмысленный выебон, а мода и тренды. Им иногда стОит следовать, чтобы продавать. Вот критиковать в отрыве от контекста или вовсе не понимая предмет - это я понимаю выебон :P
Комментарий недоступен
Если, конечно, предмет, который отбрасывает тень, не прозрачный, забыли добавить Вы :)
Комментарий недоступен
Я только сейчас понял, про что вы, я тормоз!!
И правда - если предмет полупрозрачный, то тень должна быть в тонах предмета.
Пойду зелёнкой помажу избитого дизайнера...
Это же веб - тут необязательна привязка к реальности.
К тому же, "это художник - он так видит"...
Комментарий недоступен
Это да.
да не только к вебу. был концепт макбука от художника с КРУГЛЫМИ шифтом и энтером, и без option/alt
я вот про линейку тоже всегда вспоминаю. металлическую...
этохудожники — не дизайнеры
Тень может зависеть от цвета предмета, если надо передать его температуру (красный - горячий, синий - холодный) или придать предмету неоновое свечение
Такие тени дизайнеры рисуют из-за того что в фигме нет возможности задать тени значение spread как в скетче. а так тень под обьектом меньше самого обьекта в css спокойно делается. Попросите дизайнера рисовать ui kit для кнопок в скетче и будет вам счастье в виде готового кода для тени)
У кнопок с сильным скруглением без отрицательного spread тень некрасиво ложится, так что тут можно понять дизайнера
Борды в фигме, ui система в скетче, шерим в зеплине, преза в фотошопе))
https://creddy.ru/ - вот тут такие тени реализованы.
Комментарий недоступен
крауд детектед?)
что мешает запендюрить тень отдельным растровым изображением?
в смысле? кнопка на чистом css, а тень картинкой? я лучше дизайнера линейкой изобью... металлической...
Комментарий недоступен
И... что? Юзвери заметят разницу что ли?
я лучше дизайнера линейкой изобью... металлической...Чё вы, верстальщики, злые такие. Не пинай дизайнеры ваши ленивые жёпы, так бы и сидели все на веб 1.0.
ну ладно-ладно, вставлю одну тень картинкой, уговорил!
Комментарий недоступен
На скорую руку вполне себе. Но вместо кнопка не из одного элемента - теперь кнопка из трех элементов??? А если таких кнопок будет несколько на странице?
Когда делаю как для себя)), тень псевдоэлементами фигачу, гугл не пускает лишнюю слезу про вложенность и общее количество элементов на странице...
Сам себе проблему придумал
про оптимизацию сферический дизайнер в вакууме не слышал?
Ну всё. Одна растровая картинка накроет медной пиздой весь оптимизон :) Выкинем её, а сочные большие фотки, на которых в целом основан трендовый дисигн, оставим, ведь они-то на оптимизон не повлияют :D
оптимизация складывается из массы аспектов. никто ваши дизайнерские картинки в 16k не ставит на сайт (по крайней мере, нормальный фронт за такое будет бить потрукам)
Чаво? Что там происходит в твоей радужной вселенной?
нормальный фронт за такое будет бить потрукамНормальный фронт будет делать свою работу, за которую получает бабки, и будет делать её хорошо. А нормальный дизайнер выкинет нах с работы нытиков, не умеющих в технологии.
Пора бы многим дизайнерам хоть немного вылезти из своих концептуальных норок дриблов, бихансов, и научиться хотя бы верстать на хтмл цсс.
Комментарий недоступен
А у меня другой оффтоп-вопрос)
Что за тренд такой, делать такие кнопки с закругленным краями по полсотни? Куда ни плюнь, везде эти кнопки на макетах. Помнится лет 10 назад так модно было, сейчас что произошло?
Комментарий удален модератором
Осталось дождаться нормальный менеджер плагинов, трудно в них ориентироваться
Уверен, фигма его сделает. Они же боги
которых иногда хочется вздёрнуть за яйца над огненной ямой. Сучки, убрали окрашивание через выделение контейнера, приходится теперь точно выделять субъект окрашивания => работы прибавилось экспоненциально из-за вот такого вот мелкого апдейта
Ничего, просто для этого будет плагин))
Модульная фигма, тип собери свою
Как же надоело видеть на vc.ru статьи подобного рода. Статьи которые созданы лишь для жалкого пиара очередного tg канала
как же надоело видеть тут нытье подобного рода. Ты хоть в курсе, что находишься на UGC-ресурсе?
Комментарий недоступен
Комментарий недоступен
А вот есть ли такой плагин, чтобы можно было страницы в виде дерева располагать, как в axure?
Комментарий недоступен
Плюсанул, но пока не читал, может во вторник только доберусь.
)))
Автор ты хороший и статьи пишешь полезные, чо не плюсануть за добрые дела!
Комментарий недоступен