Есть ли понятие правильных пропорций для миниатюр (картинок) в веб-дизайне?

Question

[Shing]

Например каталог товаров, интернет магазин.
У товаров миниатюры.
Почему-то часто вижу размеры 222x152, 198х135, 308x200 так не ровные числа.
При делении большей стороны на меньшую, получаются часто 1.46666, 1.4555, 1.33333

Есть ли понятие какой-то пропорции правильной (чем либо обусловленных) или нет?
То есть 300x205 нормально допустим?

Answer 1

[Юрий Лобанов]

К моему ответу надо добавить тег «Мнение» или «ИМХО»
Не может быть никаких пропорций для миниатюры. Сайт — это холст. Или каталог журнальный — это холст. На нем есть объекты, такие как текст, линейки, геометрические фигуры, фотографии и т. д. При этом миниатюры я бы выделил в отдельную категорию. Из-за маленьких размеров ее нельзя распознать. К примеру с фотографией нормального размера, скажем 10 на 15 все иначе, на ней мы можем выделить (внутри фото) какие-то линий, которые могут перекликаться с той же модульной сеткой или линией шрифта. А миниатюра воспринимается как одно цветное пятно. Соответственно важнее не пропорция этой миниатюры, а то, как она вписывается в общий ансамбль. То есть резюмируя: размеры миниатюр должны зависеть от холста, от его пропорций и размеров, от модульной сетки, если она присутствует, и от мнения дизайнера. Иногда у миниатюры будет задаваться только ширина, а высота получаться автоматом, иногда жестко и та, и другая величина с обрезкой фото.
Ну и это если вообще не рассматривать случаи сборки мозаики из миниатюр, где меняются как размеры, так и пропорции при необходимости.

Answer 2

[Евгений Демин]

Почитайте про "золотое сечение".

Comments

[Юрий Лобанов]

При чем тут золотое сечение?

[Нерон Лордов]

При том, что это отличный ориентир на красоту. К тому же, если придерживаться золотого сечения, то несложно разлиновать такую модульную сетку, которая подобно фракталу будет иметь одинаковые пропорции на всех уровнях - холст, большой блок, мелкие блоки. По теме сеток, пропорций и золотого сечения рекомендую курить Чихольда и Хёрлберта (книга "Сетка", собственно). Впрочем, спор о пропорциях немного холиварен и религиозен - не зря упомянутая книга пестрит пентаграммами))

[Юрий Лобанов]

@Liquidos во-первых, я читал эти книги. Во-вторых, прекрасно знаю, что такое золотое сечение и как его применять, но к ответу на данный вопрос никакого отношения оно не имеет. Вот Вы когда последний раз использовали золотое сечение? Скажем, давно ли использовали прямоугольник золотого сечения в качестве основы постера?

[Максим Шайхалов]

Поддерживаю. Золотое сечение — чистой воды мистицизм и попытки обосновать свои решения в дизайне. Ну и заодно повысить ценность такой работы.

[Юрий Лобанов]

@p1xel я знаю, что очень многие опытные дизайнеры даже не знают, что используют не прямоугольник золотого сечения, а прямоугольник корня из двух, на котором строится вся международная система форматов.

[Евгений Демин]

@iiil Видно, что вы знаете, о чем говорите. Но также пытаетесь навязать людям свою точку зрения. Я посоветовал почитать про золотое сечение, для того чтобы человек знал, что есть такое явление в природе и дизайне, и в некоторых случаях оно может пригодиться.
А вы себе что-то додумали сами.

[Евгений Демин]

@iiil Вот если бы вы поподробней про прямоугольник корня из двух рассказали, думаю многим было бы интересно.

[Юрий Лобанов]

@evvdemin тут все зависит от того, кому Вы советовали читать про сетки, если автору вопроса — то я ошибся, приношу извинения.
А чего про него рассказывать? Возьмите квадрат со стороной 210 мм, и из одного и его углов проведите окружность радиусом с диагональ квадрата. Теперь продолжите одну из сторон до пересечения с окружностью. Получится прямоугольник. Его стороны будут: одна совпадать со стороной квадрата (210 мм), вторая — с диагональю квадрата. Если все нормально с математикой, то Вы вспомните, что диагональ квадрата в корень из двух раз больше его стороны, то есть равно 210 * 1,414 = 296,94 ≈ 297. Прямоугольник с размерами 210 на 297 — ничего не напоминает? :)

[Юрий Лобанов]

@evvdemin виноват, не Вы мне про сетку советовали почитать.
Да, знать золотое сечение надо, но к данному вопросу оно не имеет отношения. К примеру, вопрос про размер превью может стоять в рамках любой сетки, в основу которой положено как золотое сечение, так и прямоугольник корня из двух, так и квадрат или японская система в 2 квадрата (или как там она называется, я про прямоугольники 2:1)

Answer 3

[Максим Шайхалов]

Пропорции должны быть обусловлены товаром.
Если мы продаем авто, то нужна альбомная ориентация. Для футболок больше подойдет портретная ориентация.
По соотношению сторон можно выбрать стандартные 4:3 (собственно 1,33). Это соотношение большинства фотоаппаратов и старых компьютерных мониторов. Тогда миниатюры подстраиваются под большую часть фото.

Comments

[Нерон Лордов]

Согласен, кусочки паззла должны выстраивать единую и целостную картину, а не вынуждать картину выглядеть как кусочек паззла.

Answer 4

[Максим Васильев]

Я бы делал 1:1 и с рамочкой.
Так инстаграмнее.
Но засисит от контента и ЦА, конечно.