А вот смотри. Вчера задался вопросом. Если сайт резиновый, что делать с расстояниями между колонок: оставлять фиксированными по ширине или тянущимися? Сам я склоняюсь к первому варианту, так как лишь таким образом мы сможем сохранить одинаковые расстояния и между горизонтальным и между вертикальным членениями.
С резиновостью все просто, оба предложенных варианта никуда не годятся. Почему, спрашивается, я с 24" монитором должен видеть тоже самое, что и чел с нет буком 800 на 600, да еще и размазанное ровным слоем? Ответ: потому что дизайнер не подумал.
Моя стратегия в этом вопросе: если у человека большой монитор, то его за это нужно поощрять: он должен видеть больше.
То есть при увеличении размера интерфейс должен немного тянуться, а после определенного порога должно появиться что-то еще.
Как этого достичь зависит от конкретного случая. В разного рода таблицах можно добавлять колонки, на графиках детали и новые измерения.
Естественно всё это работает и наоборот. Если размеры окна слишком маленькие, то всё второстепенное должно пропасть. Типичный пример такого поведения - Виндоус медиа плеер. Если его сильно сжать, от него останется только панель навигации (плей, пауза, перемотки).
А это значит, что наша цель - донести до пользователя информацию. Игнорировать и недооценивать маленькие разрешения то же, что и игнорировать пользователей IE6.
Мой вопрос касался немножко другого. Представь, что у тебя есть задача: сверстать саму сетку. Но верстка должна быть резиновая. Что делать с просветами между колонками?
1. Оставить их ширину постоянной, таким образом она будет равна и просвету между горизонтальными поясами.
2. Сделать «резиновыми», так как сетка - это все-таки инструмент для облегчения управлением соразмерностью элементов?
Если обсуждать сферические колонки в вакууме, то - два. Мне кажется пропорциональность по ширине сильно пострадает, если середник останется фиксированным.
Но (!) я повторю. Я считаю, что растягивать несчастные две колонки, сделанные для разрешения 1024 пиксела, на 2000 пикселов не нужно. Лучше не рисайзить или ресайзить слегка и добавить третью.
Я тоже считаю, что должен существовать разумный предел растяжения сетки сайта в ширину и определяется он двумя вещами: - возникающие при растягивании "дыры" в макете, нарушение визуальной связи между элементами композиции и - читабельность текста. Как подсказывает нам К.О., колонка текста имеет некоторую максимальную ширину, превысив которую, получаем ужасно нечитабельный текст из-за того, что вся строка не попадает одновременно в поле зрения и читателю придется постоянно водить зрачками туда-сюда:) Вроде так. Эта ширина зависит от кегля шрифта, и больше ни от чего. Поэтому в идеальном случае лучше всего вообще делать все колонки с текстом фиксированной ширины и при растягивании сайта увеличивать только поля между ними. И тут возникает еще один вопрос: а зачем нам тогда вообще "резиновая" сетка?
Comments 17
Reply
Reply
А ты что скажешь?
Reply
Моя стратегия в этом вопросе: если у человека большой монитор, то его за это нужно поощрять: он должен видеть больше.
То есть при увеличении размера интерфейс должен немного тянуться, а после определенного порога должно появиться что-то еще.
Как этого достичь зависит от конкретного случая. В разного рода таблицах можно добавлять колонки, на графиках детали и новые измерения.
Естественно всё это работает и наоборот. Если размеры окна слишком маленькие, то всё второстепенное должно пропасть. Типичный пример такого поведения - Виндоус медиа плеер. Если его сильно сжать, от него останется только панель навигации (плей, пауза, перемотки).
Reply
Дизайн = f(Сообщение).
А это значит, что наша цель - донести до пользователя информацию. Игнорировать и недооценивать маленькие разрешения то же, что и игнорировать пользователей IE6.
Мой вопрос касался немножко другого. Представь, что у тебя есть задача: сверстать саму сетку. Но верстка должна быть резиновая. Что делать с просветами между колонками?
1. Оставить их ширину постоянной, таким образом она будет равна и просвету между горизонтальными поясами.
2. Сделать «резиновыми», так как сетка - это все-таки инструмент для облегчения управлением соразмерностью элементов?
Reply
Но (!) я повторю. Я считаю, что растягивать несчастные две колонки, сделанные для разрешения 1024 пиксела, на 2000 пикселов не нужно. Лучше не рисайзить или ресайзить слегка и добавить третью.
Reply
А за резюме - спасибо.
Reply
- возникающие при растягивании "дыры" в макете, нарушение визуальной связи между элементами композиции и
- читабельность текста.
Как подсказывает нам К.О., колонка текста имеет некоторую максимальную ширину, превысив которую, получаем ужасно нечитабельный текст из-за того, что вся строка не попадает одновременно в поле зрения и читателю придется постоянно водить зрачками туда-сюда:) Вроде так.
Эта ширина зависит от кегля шрифта, и больше ни от чего. Поэтому в идеальном случае лучше всего вообще делать все колонки с текстом фиксированной ширины и при растягивании сайта увеличивать только поля между ними. И тут возникает еще один вопрос: а зачем нам тогда вообще "резиновая" сетка?
Reply
Reply
Reply
Leave a comment