Какое разрешение выбирать в sketch?

Question

[Misha_mishy1]

Добрый день!
Рисую макет в приложении sketch под разрешение 1920х1080.
Обрисовал первый экран и решил проверить, как он будет смотреться в браузере: сохранил в jpg, открыл в браузере, а там совсем не 1920х1080 отображается контент.
Ссылка на фото
Не понимаю в чем проблема.
Все мои знакомые дизайнеры рисуют именно под такое разрешение, так проверяют и все у них красиво встает
Более того, когда я начинаю верстать свой макет, то там дико все огромное получается, если брать размеры из скетча
Кто знает, в чем проблема?
Может настройки самого скетча нужно поменять?

Comments

[Rustam Bainazarov]

Рисуют 1:1 к нужному размеру viewport.

Соответственно, ваш экспорт надо открывать на этом размере viewport или большем в 100% масштабе.

Откройте эту ссылку в новом окне, оно вам скажет, какой у вас размер viewport по ширине в браузере:
https://jsfiddle.net/2c4w91ye/show

[Misha_mishy1]

Рустам Байназаров, У меня 1440, т.е и рисовать нужно под 1440?
И сразу вопрос такой: если например я буду сдавать свою верстку другому человеку у которого viewport например 1920 или наоборот меньше, чем 1440, как он будет брать все расстояния с макета?
Спасибо большое!

[Rustam Bainazarov]

Misha_mishy1, вообще, хороший дизайн учитывает то, что у людей в целом экраны в районе 1300–1500 пикселей.

Я лично не принимаю адаптивные макеты без этого варианта. Так, в целом рисовать нужно несколько разрешений:
1. Большой ПК (1300+).
2. Стандарт ПК (1300).
3. Планшет горизонтальный (1024).
3. Планшет вертикальный (768).
4. Мобильный стандарт (360px, он и для всех обычных iPhone подойдёт, хоть это и типичный viewport Android).
5. Мобильный маленький, 320px — iPhone 5, опционально.

[Misha_mishy1]

Рустам Байназаров, Я понял, спасибо большое!
Буду теперь знать, как рисуется это все

Answer 1

[McBernar]

Рисовать лучше в 1440. Более универсально.

1920 — это совсем не значит, что макет должен быть на всю ширину.

У меня есть подозрение, что вы берете за основу 1920, уменьшаете зум до 50-70 процентов и рисуете в таком масштабе так, как будто это 100 размер элементов.

Comments

[Misha_mishy1]

Да, именно так и делаю.
В скетче все выглядит красиво и лаконично, но на самом деле все очень большое
Спасибо вам, буду под 1440 выстраивать тогда все и уже отсюда плясать.
Сам всегда любил верстать когда макет под 1440 нарисован, но тут что-то решил рисовать под 1920

[McBernar]

Misha_mishy1, выбирайте размер холста таким, чтобы при 100% зуме он помещался целиком на ваш экран.