Size: a a a

Дизайн-чат

2021 January 25

V

Vadim in Дизайн-чат
Ivan Protsko
Всем привет!  Решаю задачу добавления Skeleton UI в приложение. Подскажите, если кто-то уже решал вопрос.

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

Внимание вопросы:

1. Где найти такой шрифт?
2. Может быть кто-нибудь знает другие способы?
Сделай шаблоны загрузки на типовые экраны или элементы (например карточки)
Не обязательно  что бы текст попадал строчка в строчку в скелетоне
источник

V

Vadim in Дизайн-чат
Типо того
источник

ЮЗ

Юрий Зеленковский... in Дизайн-чат
Ivan Protsko
Всем привет!  Решаю задачу добавления Skeleton UI в приложение. Подскажите, если кто-то уже решал вопрос.

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

Внимание вопросы:

1. Где найти такой шрифт?
2. Может быть кто-нибудь знает другие способы?
источник

IP

Ivan Protsko in Дизайн-чат
Идеально, благодарю, Юрий!
источник

СО

Саша Окунев... in Дизайн-чат
Sora Oreki
На фронте не обязательно em, задать в чем угодно можно, мой фронт задаёт в процентах.

А если попробовать уложить в боксах? То есть не по строке выравнивать, а по текстовому контейнеру фигмы. Каежется ВК так делают в своём приложении
Если применять 8px на мобилках для вертикального выравнивания, пострадает типографика, будут плохие расстояния между текстовыми слоями, не завязанные на пропорции надписей, а завязанные на механическую довольно крупную сетку. Но это зависит от масштаба интерфейса. В мобилках вертикальная сетка хуже применима, чем в лонгридах и крупных просторных макетах.

В InVision Design Snack было классное старое видео про применение сеток для базовых линий с шагом 6 px:

https://youtu.be/-Kp66bBZoy8
источник

SO

Sora Oreki in Дизайн-чат
Саша Окунев
Если применять 8px на мобилках для вертикального выравнивания, пострадает типографика, будут плохие расстояния между текстовыми слоями, не завязанные на пропорции надписей, а завязанные на механическую довольно крупную сетку. Но это зависит от масштаба интерфейса. В мобилках вертикальная сетка хуже применима, чем в лонгридах и крупных просторных макетах.

В InVision Design Snack было классное старое видео про применение сеток для базовых линий с шагом 6 px:

https://youtu.be/-Kp66bBZoy8
Спасибо, посмотрю
источник

A

Andrew Yamashkin in Дизайн-чат
Коллеги,добрый день! Подскажите, возможно ли найти подобную схему страны и закрасить в нужные цвета? Искал на разных сайтах,но тщетно.. Если что,карта ОАЭ.
источник

IP

Igor Plyusch in Дизайн-чат
Andrew Yamashkin
Коллеги,добрый день! Подскажите, возможно ли найти подобную схему страны и закрасить в нужные цвета? Искал на разных сайтах,но тщетно.. Если что,карта ОАЭ.
если это карта ОАЭ, то что тогда такое изображено тут? https://simplemaps.com/resources/svg-ae
источник

IP

Igor Plyusch in Дизайн-чат
Andrew Yamashkin
Коллеги,добрый день! Подскажите, возможно ли найти подобную схему страны и закрасить в нужные цвета? Искал на разных сайтах,но тщетно.. Если что,карта ОАЭ.
а это что такое в таком случае? https://mapsvg.com/maps/united-arab-emirates
источник

A

Andrew Yamashkin in Дизайн-чат
Находил этот вариант,но почему-то утверждают, что это какая-то геологическая или что-то такое.
источник

IP

Igor Plyusch in Дизайн-чат
Andrew Yamashkin
Находил этот вариант,но почему-то утверждают, что это какая-то геологическая или что-то такое.
кто утверждает? даже вики говорит, что карта оаэ — выглядит так, а не так, как показано у тебя.

https://commons.wikimedia.org/wiki/File:United_Arab_Emirates_location_map.svg
источник

A

Andrew Yamashkin in Дизайн-чат
Хорошо,а если мне удастся загрузить данную карту, я смогу покрасить её в нужные цвета?
источник

A

Andrew Yamashkin in Дизайн-чат
Igor Plyusch
кто утверждает? даже вики говорит, что карта оаэ — выглядит так, а не так, как показано у тебя.

https://commons.wikimedia.org/wiki/File:United_Arab_Emirates_location_map.svg
На форумах)
источник

IP

Igor Plyusch in Дизайн-чат
Andrew Yamashkin
Хорошо,а если мне удастся загрузить данную карту, я смогу покрасить её в нужные цвета?
конечно сможешь, United Arab Emirates Map SVG в гугле даст тебе кучу ссылок для скачивания
источник

IP

Igor Plyusch in Дизайн-чат
Andrew Yamashkin
На форумах)
ну вот это проблема посерьезнее скачивания и перекрашивания. выясни точно, что именно нужно сделать, потому что скачать векторную карту любой страны не проблема в наши дни. надо только точно знать, что ты скачиваешь именно ту карту, что нужна.
источник

IZ

Ivan Zorko in Дизайн-чат
Andrew Yamashkin
Хорошо,а если мне удастся загрузить данную карту, я смогу покрасить её в нужные цвета?
На freepik есть карты, качай и закрашивай)
источник

⠀Сашко in Дизайн-чат
Olhovscy Anton
#Вопрос. Привет. Где найти Jpeg рендеры в таком стиле на разные темы для интернет магазинов? Например, доставка, оплата,  скидки и т.д?
Handz - бесплатные
источник

F

Fantyan in Дизайн-чат
привет всем! одна и та же картинка в настолько разных размерах отображается в иллюстраторе и фш. как "откалибровать разрешение", или как это сказать, в общем чтобы отображалось в редакторах одинакового размера?
источник

S

Shustry in Дизайн-чат
Fantyan
привет всем! одна и та же картинка в настолько разных размерах отображается в иллюстраторе и фш. как "откалибровать разрешение", или как это сказать, в общем чтобы отображалось в редакторах одинакового размера?
Выставить масштаб 100%. ctrl+0
источник

S

Shustry in Дизайн-чат
Fantyan
привет всем! одна и та же картинка в настолько разных размерах отображается в иллюстраторе и фш. как "откалибровать разрешение", или как это сказать, в общем чтобы отображалось в редакторах одинакового размера?
А в иллюстраторе картинка точно такого же размера?
источник