Статья удалена

Этот материал был удалён по просьбе автора.

0
47 комментариев
Написать комментарий...
Avdotii Pedishnii

А я вот мучаюсь, дизайнеры присылают мокапы в фигме, где тень делают еще одним элементом, сдвигая его чуть вниз, закрашивая нужным градиентом и полностью растушевывая через blur. При этом слева один тон, справа другой. Кроме того, ширина тени меньше основного элемента. Преобразовать это чудовищное нагромождение в веб-тень - то еще занятие. Наспех если делать, конечно же беру средний тон и делаю тень стандартно, но вид конечно не тот.

Скрин:

Ответить
Развернуть ветку
Настоящий Женя

Комментарий недоступен

Ответить
Развернуть ветку
Pixel Lens

это не бессмысленный выебон, а мода и тренды. Им иногда стОит следовать, чтобы продавать. Вот критиковать в отрыве от контекста или вовсе не понимая предмет - это я понимаю выебон :P

Ответить
Развернуть ветку
Настоящий Женя

Комментарий недоступен

Ответить
Развернуть ветку
Андрей К

Если, конечно, предмет, который отбрасывает тень, не прозрачный, забыли добавить Вы :)

Ответить
Развернуть ветку
Настоящий Женя

Комментарий недоступен

Ответить
Развернуть ветку
Avdotii Pedishnii

Я только сейчас понял, про что вы, я тормоз!!
И правда - если предмет полупрозрачный, то тень должна быть в тонах предмета.
Пойду зелёнкой помажу избитого дизайнера...

Ответить
Развернуть ветку
Кристина Тау

Это же веб - тут необязательна привязка к реальности.
К тому же, "это художник - он так видит"...

Ответить
Развернуть ветку
Настоящий Женя

Комментарий недоступен

Ответить
Развернуть ветку
Кристина Тау

Это да. 

Ответить
Развернуть ветку
Mark Rapida Gromov

да не только к вебу. был концепт макбука от художника с КРУГЛЫМИ шифтом и энтером, и без option/alt

Ответить
Развернуть ветку
Avdotii Pedishnii

я вот про линейку тоже всегда вспоминаю. металлическую...

Ответить
Развернуть ветку
Mark Rapida Gromov

этохудожники — не дизайнеры

Ответить
Развернуть ветку
Ivan Filippov

Тень может зависеть от цвета предмета, если надо передать его температуру (красный - горячий, синий - холодный) или придать предмету неоновое свечение

Ответить
Развернуть ветку
Илья Никитенко

Такие тени дизайнеры рисуют из-за того что в фигме нет возможности задать тени значение spread как в скетче.  а так тень под обьектом меньше самого обьекта в css спокойно делается. Попросите дизайнера рисовать ui kit для кнопок в скетче и будет вам счастье в виде готового кода для тени)

У кнопок с сильным скруглением без отрицательного spread тень некрасиво ложится, так что тут можно понять дизайнера

Ответить
Развернуть ветку
Сергей Артёменко

Борды в фигме, ui система в скетче, шерим в зеплине, преза в фотошопе))

Ответить
Развернуть ветку
Илья Никитенко

https://creddy.ru/ - вот тут такие тени реализованы.

Ответить
Развернуть ветку
Nикита Кабаков

колхоз

Ответить
Развернуть ветку
Кирилл Алексеенко

крауд детектед?)

Ответить
Развернуть ветку
Pixel Lens

что мешает запендюрить тень отдельным растровым изображением?

Ответить
Развернуть ветку
Avdotii Pedishnii

в смысле? кнопка на чистом css, а тень картинкой? я лучше дизайнера линейкой изобью... металлической...

Ответить
Развернуть ветку
Настоящий Женя

Комментарий недоступен

Ответить
Развернуть ветку
Pixel Lens
кнопка на чистом css, а тень картинкой?

И... что? Юзвери заметят разницу что ли?

я лучше дизайнера линейкой изобью... металлической...

Чё вы, верстальщики, злые такие. Не пинай дизайнеры ваши ленивые жёпы, так бы и сидели все на веб 1.0.

Ответить
Развернуть ветку
Avdotii Pedishnii

ну ладно-ладно, вставлю одну тень картинкой, уговорил!

Ответить
Развернуть ветку
Настоящий Женя

Комментарий недоступен

Ответить
Развернуть ветку
Avdotii Pedishnii

На скорую руку вполне себе. Но вместо кнопка не из одного элемента - теперь кнопка из трех элементов??? А если таких кнопок будет несколько на странице?

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

Ответить
Развернуть ветку
S.Z

Сам себе проблему придумал

Ответить
Развернуть ветку
Mark Rapida Gromov

про оптимизацию сферический дизайнер в вакууме не слышал?

Ответить
Развернуть ветку
Pixel Lens

Ну всё. Одна растровая картинка накроет медной пиздой весь оптимизон :) Выкинем её, а сочные большие фотки, на которых в целом основан трендовый дисигн, оставим, ведь они-то на оптимизон не повлияют :D

Ответить
Развернуть ветку
Mark Rapida Gromov

оптимизация складывается из массы аспектов. никто ваши дизайнерские картинки в 16k не ставит на сайт (по крайней мере, нормальный фронт за такое будет бить потрукам)

Ответить
Развернуть ветку
Pixel Lens
дизайнерские картинки в 16k

Чаво? Что там происходит в твоей радужной вселенной?

нормальный фронт за такое будет бить потрукам

Нормальный фронт будет делать свою работу, за которую получает бабки, и будет делать её хорошо. А нормальный дизайнер выкинет нах с работы нытиков, не умеющих в технологии.

Ответить
Развернуть ветку
Artem Milovanov

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

Ответить
Развернуть ветку
Radzivon Obuh

Делаете тень псевдо-элементом и добавляете ему блюр, делов-то =) Правда, у меня есть ощущение что если на странице будет много таких кнопок это отрицательно скажется на производительности.

Ответить
Развернуть ветку
Александр

А у меня другой оффтоп-вопрос)
Что за тренд такой, делать такие кнопки с закругленным краями по полсотни? Куда ни плюнь, везде эти кнопки на макетах. Помнится лет 10 назад так модно было, сейчас что произошло?

Ответить
Развернуть ветку

Комментарий удален модератором

Развернуть ветку
S.Z

Осталось дождаться нормальный менеджер плагинов, трудно в них ориентироваться

Ответить
Развернуть ветку
Ваня Самков

Уверен, фигма его сделает. Они же боги

Ответить
Развернуть ветку
Pixel Lens

которых иногда хочется вздёрнуть за яйца над огненной ямой. Сучки, убрали окрашивание через выделение контейнера, приходится теперь точно выделять субъект окрашивания => работы прибавилось экспоненциально из-за вот такого вот мелкого апдейта

Ответить
Развернуть ветку
Ваня Самков

Ничего, просто для этого будет плагин))

Ответить
Развернуть ветку
Ваня Самков

Модульная фигма, тип собери свою

Ответить
Развернуть ветку
Дима Бловер

Как же надоело видеть на vc.ru статьи подобного рода. Статьи которые созданы лишь для жалкого пиара очередного tg канала

Ответить
Развернуть ветку
Pixel Lens

как же надоело видеть тут нытье подобного рода. Ты хоть в курсе, что находишься на UGC-ресурсе?

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
Mary Vorontsova

А вот есть ли такой плагин, чтобы можно было страницы в виде дерева располагать, как в axure?

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
Avdotii Pedishnii

Плюсанул, но пока не читал, может во вторник только доберусь.
)))
Автор ты хороший и статьи пишешь полезные, чо не плюсануть за добрые дела!

Ответить
Развернуть ветку
Аккаунт удален
Автор

Комментарий недоступен

Ответить
Развернуть ветку
Читать все 47 комментариев
null