На самом деле есть некоторые стандартные формулы для такого рода вещей.
- Закон третей. Если есть сомнения, разделите его на три части. Делитесь на три, пока не доберетесь до чего-то разумного.
- Золотое сечение - это немного сложнее, и вам действительно нужна такая программа, как Золотое сечение, чтобы правильно ее выполнить, но основная идея заключается в том, что ваш отступ должен быть кратным золотому сечению. Золотое сечение составляет
((a+b)/a) = (a/b)) или около 1,618.
- Соотношение А4. Я не знаю, как это называется - но это 1,414, это соотношение листа бумаги формата А4.
- Практически любое соотношение сделает вашу сетку сбалансированной, если вы будете придерживаться ее.
Если ваше изображение имеет ширину 100 пикселей, вы делите его на золотое сечение до тех пор, пока не получите что-то, что НЕ ПУТИ к большому.
Таким образом, числа с золотым сечением для 100 пикселей составляют 62, 38, 24, 15, 9, 6, 4, 3, 2, 1. В ems вы можете использовать дробные значения ширины, поэтому вы получите 14,5, 9, 5,6 и т. Д .
Единицы измерения em являются функцией ширины вашего «m» в шрифте, поэтому в CSS они могут меняться по всей странице.
«Мера» - это ширина строки текста. Вы хотите, чтобы ваша мера была менее 2 до 2,5 алфавитов. (Вы измеряете алфавит, набирая abcdefg ... дважды.)
Брошюра / книга Колина Уилдона Общение или просто создание красивых форм дает несколько отличных советов по раскладке типографики и изображений. Он в значительной степени ориентирован на печать, но все еще применяются те же принципы.