Size: a a a

Дизайн-чат

2020 December 26

DS

Denis Saulin in Дизайн-чат
Виктор 💮 Теплов
У фш есть батч-операции. Но по мне лучше Lightroom.
спс, пробну лайтрум, много слышал ни разу не запускал
источник

ВТ

Виктор 💮 Теплов... in Дизайн-чат
kent
Лайтрум для тех кто фш не умеет пользоваться
У LR недеструктивный процесс. Массовое копирование выборочных изменений и много чего ещё. LR и PH совсем разные продукты на мой взгляд
источник

ВИ

Вячеслав И in Дизайн-чат
Всем привет, ребят есть работа для программеров, кто может интегрировать дизайн на битрикс с адаптивом?

http://getcover.ru/task/view/nidz61608972131.02
источник

S

Sonia in Дизайн-чат
Всем привет, возможно кто-то знает почему такие различия между разрешением экрана и разрешение экрана в браузере? https://i.imgur.com/ec9xGvP.png
источник

IP

Igor Plyusch in Дизайн-чат
что это вообще?
источник

ЮЗ

Юрий Зеленковский... in Дизайн-чат
Sonia
Всем привет, возможно кто-то знает почему такие различия между разрешением экрана и разрешение экрана в браузере? https://i.imgur.com/ec9xGvP.png
В браузере используется не только разрешение экрана, но и область просмотра (viewport). К примеру, если монитор имеет разрешение 1920×1080, то область viewport будет меньше, если в браузере видны панели вкладок, закладок, а также панель быстрого доступа операционной системы. Чтобы viewport был такой же как и разрешение экрана, нужно открыть браузер в полноэкранном режиме (скрываются все панели). Также на viewport может влиять масштаб, указанный в браузере или в настройках ОС.

Посмотреть viewport вашего браузера можно с помощью онлайн-сервисов, например: https://whatismyviewport.com/

Поэкспериментируйте с масштабом или просто скрывая панели, чтобы посмотреть как оно работает.
источник

S

Sonia in Дизайн-чат
Юрий Зеленковский
В браузере используется не только разрешение экрана, но и область просмотра (viewport). К примеру, если монитор имеет разрешение 1920×1080, то область viewport будет меньше, если в браузере видны панели вкладок, закладок, а также панель быстрого доступа операционной системы. Чтобы viewport был такой же как и разрешение экрана, нужно открыть браузер в полноэкранном режиме (скрываются все панели). Также на viewport может влиять масштаб, указанный в браузере или в настройках ОС.

Посмотреть viewport вашего браузера можно с помощью онлайн-сервисов, например: https://whatismyviewport.com/

Поэкспериментируйте с масштабом или просто скрывая панели, чтобы посмотреть как оно работает.
спасибо)
источник

V

Vadim in Дизайн-чат
Юрий Зеленковский
В браузере используется не только разрешение экрана, но и область просмотра (viewport). К примеру, если монитор имеет разрешение 1920×1080, то область viewport будет меньше, если в браузере видны панели вкладок, закладок, а также панель быстрого доступа операционной системы. Чтобы viewport был такой же как и разрешение экрана, нужно открыть браузер в полноэкранном режиме (скрываются все панели). Также на viewport может влиять масштаб, указанный в браузере или в настройках ОС.

Посмотреть viewport вашего браузера можно с помощью онлайн-сервисов, например: https://whatismyviewport.com/

Поэкспериментируйте с масштабом или просто скрывая панели, чтобы посмотреть как оно работает.
По высоте может и да, но почему 1920 и 1263?)По ширине только скролл может занимает пикселей 10) тут не вьюпорт уже виноват
источник

IP

Igor Plyusch in Дизайн-чат
Vadim
По высоте может и да, но почему 1920 и 1263?)По ширине только скролл может занимает пикселей 10) тут не вьюпорт уже виноват
Явно окно просто такого размера
источник

ЮЗ

Юрий Зеленковский... in Дизайн-чат
Vadim
По высоте может и да, но почему 1920 и 1263?)По ширине только скролл может занимает пикселей 10) тут не вьюпорт уже виноват
Именно viewport.
источник

V

Vadim in Дизайн-чат
Юрий Зеленковский
Именно viewport.
Вьюпорт это ведь просто без «технической части» браузера
источник

V

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

V

Vadim in Дизайн-чат
А по ширине у тебя какая часть техническая?
источник

V

Vadim in Дизайн-чат
Чем в ее примере занято 600 пикселей ширины?
источник

V

Vadim in Дизайн-чат
Может тут в другом дело?
источник

V

Vadim in Дизайн-чат
В общем тут скорее всего еще плоттность пикселей играет роль (но вероятно вьюпорт и за это отвечает))
источник

ЮЗ

Юрий Зеленковский... in Дизайн-чат
Vadim
В общем тут скорее всего еще плоттность пикселей играет роль (но вероятно вьюпорт и за это отвечает))
По высоте и ширине — границы окна браузера. Вот эти границы браузера и есть viewport. Ведь браузер может быть и не открыт во весь экран, отсюда и разница в недостающих пикселях. А быть может это не монитор, а экран мобильного устройства, где ещё упоминается Pixel Ratio.

Конечно DPI влияет на viewport. Уменьшая DPI, уменьшиться и viewport. И наоборот. Только есть маленький нюанс. Масштаб в браузере — это по сути и есть увеличение/уменьшение DPI, но только в самой области просмотра. А масштаб в настройках ОС — увеличивает/уменьшает как во viewport, так и за его пределами.

А если всё это ещё и в совокупности (масштаб в браузере + масштаб в ОС + DPI + Pixel Ratio), то и неизвестно, что там покажет viewport.

Проектируя для веб, нужно отталкиваться как раз от viewport, а не от разрешения экрана.
источник

A

Alex in Дизайн-чат
Виктор 💮 Теплов
У LR недеструктивный процесс. Массовое копирование выборочных изменений и много чего ещё. LR и PH совсем разные продукты на мой взгляд
Поддерживаю, ЛР именно для таких случаев идеален
источник

A

Alex in Дизайн-чат
Юрий Зеленковский
По высоте и ширине — границы окна браузера. Вот эти границы браузера и есть viewport. Ведь браузер может быть и не открыт во весь экран, отсюда и разница в недостающих пикселях. А быть может это не монитор, а экран мобильного устройства, где ещё упоминается Pixel Ratio.

Конечно DPI влияет на viewport. Уменьшая DPI, уменьшиться и viewport. И наоборот. Только есть маленький нюанс. Масштаб в браузере — это по сути и есть увеличение/уменьшение DPI, но только в самой области просмотра. А масштаб в настройках ОС — увеличивает/уменьшает как во viewport, так и за его пределами.

А если всё это ещё и в совокупности (масштаб в браузере + масштаб в ОС + DPI + Pixel Ratio), то и неизвестно, что там покажет viewport.

Проектируя для веб, нужно отталкиваться как раз от viewport, а не от разрешения экрана.
Смотрите популярные разрешения в статистике, например statcounter. Рисуете сайт такой ширины, чтоб он помещался в большинство экранов. Фотки можно тянуть на всю ширину. Получаете профит. Я обычно использую сетку в1264 пикселя. Но лучше меньше немного. Если у вас на ноутбуке разрешение 4к, то нужно понимать, что плотность пикселей там 4к1 (например) и разрешение для этого ноута в браузере считается как 1366*768(к примеру). Также на это влияет настройка масштаба в системе. Например на моем ноуте 1920*1080 стоит масштаб 125% то есть 1366*768 фактически
источник

OA

Olhovscy Anton in Дизайн-чат
#Вопрос. Как рисовать вот такие иконки в стиле Uber? Это 3D иллюстрации?
источник