- Сообщения
- 669
- Реакции
- 202
Где удобнее всего проектировать сайт? Профессионалы давно сошлись во мнениях, что программа для верстки подойдет лучше всего. В ней вы используете привычную модульную сетку и рисуете блочное представление страниц. Затем оформляете элементы, добавляете и обновляете тексты и графику.
Особенно продуктивно такая работа происходит в QuarkXPress, ведь там страницы могут быть экспортированы прямо в размеченный и модифицируемый HTML/XHTML. Но даже если вы предпочитаете верстать сайты в другом приложении, из QuarkXPress можно экспортировать всю графику для дальнейшей работы. Выбрать нужный файловый формат, цветность, задать прозрачность. Даже экспортировать текст как графику (например, заголовки).
Но вернемся к модульной сетке. Современные мониторы редко отображают меньше 1024х768 пикселов. За вычетом элементов интерфейса, бокового бегунка и полей нам доступна ширина чуть меньше тысячи пикселов. Опытным путем было найдено число, наиболее пригодное для модульной сетки - 960. За вычетом 20-пиксельных межколонников вы можете получить 12 или 16 равных колонок. Если сделать межколонник 10-пиксельным, вы получите 24 колонки.
Числом 960 легко манипулировать, поэтому в честь него была создана 960 Grid System — система модульных сеток для верстальных и графических программ, а также фреймворк для автоматизации блочной верстки веб-страниц посредством CSS. В ней мы соединяем по нескольку колонок в ширину и получаем блоки нужных нам размеров. Посмотрите демо.
Однако, все начинается с проектирования. Например, в QuarkXPress, для которой шаблоны с 5-й по 9-ю версию появились буквально сегодня. Вы скачиваете бесплатный архив шаблонов, берете модульную сетку с нужным числом колонок для вашей версии QuarkXPress, рисуете блоки и заполняете их контентом. Очень удобно!
На основе 960 Grid System уже сделано множество сайтов. Посмотрите примеры. Нажимайте кнопку Show Grid, чтобы увидеть, на основе какой сетки они построены. А затем начинайте создавать свои проекты. Ведь теперь вы знаете, что хороший сайт начинается с хорошей модульной сетки!
Узнать больше о 960 Grid System по-русски можно в блогах дизайнера Вячеслава Озерова, программиста Владимира Стаценко, на «Хабрахабре» и Vlvit.ru. Изучить уже готовые сайты — на 960.gs.
Модульные сетки для QuarkXPress создавались с моим участием, поэтому замечания по их улучшению вы можете отправлять не только автору 960 Grid System, Натану Смиту, но и мне — почтой или в личку.
Особенно продуктивно такая работа происходит в QuarkXPress, ведь там страницы могут быть экспортированы прямо в размеченный и модифицируемый HTML/XHTML. Но даже если вы предпочитаете верстать сайты в другом приложении, из QuarkXPress можно экспортировать всю графику для дальнейшей работы. Выбрать нужный файловый формат, цветность, задать прозрачность. Даже экспортировать текст как графику (например, заголовки).
Но вернемся к модульной сетке. Современные мониторы редко отображают меньше 1024х768 пикселов. За вычетом элементов интерфейса, бокового бегунка и полей нам доступна ширина чуть меньше тысячи пикселов. Опытным путем было найдено число, наиболее пригодное для модульной сетки - 960. За вычетом 20-пиксельных межколонников вы можете получить 12 или 16 равных колонок. Если сделать межколонник 10-пиксельным, вы получите 24 колонки.
Числом 960 легко манипулировать, поэтому в честь него была создана 960 Grid System — система модульных сеток для верстальных и графических программ, а также фреймворк для автоматизации блочной верстки веб-страниц посредством CSS. В ней мы соединяем по нескольку колонок в ширину и получаем блоки нужных нам размеров. Посмотрите демо.
Однако, все начинается с проектирования. Например, в QuarkXPress, для которой шаблоны с 5-й по 9-ю версию появились буквально сегодня. Вы скачиваете бесплатный архив шаблонов, берете модульную сетку с нужным числом колонок для вашей версии QuarkXPress, рисуете блоки и заполняете их контентом. Очень удобно!
На основе 960 Grid System уже сделано множество сайтов. Посмотрите примеры. Нажимайте кнопку Show Grid, чтобы увидеть, на основе какой сетки они построены. А затем начинайте создавать свои проекты. Ведь теперь вы знаете, что хороший сайт начинается с хорошей модульной сетки!
Узнать больше о 960 Grid System по-русски можно в блогах дизайнера Вячеслава Озерова, программиста Владимира Стаценко, на «Хабрахабре» и Vlvit.ru. Изучить уже готовые сайты — на 960.gs.
Модульные сетки для QuarkXPress создавались с моим участием, поэтому замечания по их улучшению вы можете отправлять не только автору 960 Grid System, Натану Смиту, но и мне — почтой или в личку.
