Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.91/11: Рейтинг темы: голосов - 11, средняя оценка - 4.91
Ukka211
1

Резиновый дизайн

30.01.2012, 08:39. Просмотров 2039. Ответов 2
Метки нет (Все метки)

Здравствуйте уважаемые программисты.
Я занимаюсь дизайном сайтов, заказчики все чаще просят делать резиновый дизайн, меня это вводит в ступор, прошу Вас помогите, научите, расскажите как делать дизайн для резиновой верстки. Как подготовить PSD. Спасибо
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
30.01.2012, 08:39
Ответы с готовыми решениями:

Резиновый дизайн
Всем привет, Задача тривиальная. Есть три дива, идут слева направо: левый сайдбар, див с...

Резиновый дизайн
Здравствуйте уважаемые, на сайте имеется 3 блока каждый построен на DIV-ах, подскажите что нужно...

Резиновый дизайн
Добрый форумчане! Нужно сделать резиновый дизайн. Требование: чтобы до определенного размера рос...

Почти резиновый дизайн
Как сделать так, чтобы центральная часть была фиксированной ширины, а левая и правая одинаково...

2
O tempora, o mores!
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
30.01.2012, 10:47 2
достаточно емкий вопрос - тут почитайте
0
693 / 533 / 40
Регистрация: 22.06.2009
Сообщений: 1,293
30.01.2012, 10:48 3
Я не дизайнер, больше программист и верстальщик, но пару сайтов рисовал. Основные принципы:

1. Отсутствие наклонных градиентов. Градиенты бесконечно тянутся по вертикали или горизонтали. Наклонный градиент вставляется картинкой.

2. Отсутствие огромных картинок. При изменении размера страницы картинка будет искажаться. Если сохранять у нее пропорции, то высота будет плавать.

---
Примерный порядок действий при отрисовке резинового дизайна:

1. Не бывает абсолютно резиновых дизайнов, от нуля до бесконечности. Первое что нужно сделать это определить границы в которых сайт будет тянуться. Стандартные границы на текущий момент — от 1024 до 1440 пикселей в ширину. В большинстве случаев резина требуется по горизонтали, по вертикали как правило есть несколько тянущихся блоков(например рабочая область, с текстом), а остальные могут быть фиксированными.

Итого: Определяем границы резины по ширине.

2. Отрисовываем дизайн в минимальных границах. То есть просто рисуем дизайн как обычно, но нужно прикидывать как поведет себя отдельный элемент при изменени ширины — вот эта кнопка отцентрируется, вот этот блок уйдет влево и т.д.

3. Отрисовываем дизайн в максимальных границах, или просто в бОльших, чем минимальные границах. В этом варианте показываем куда и какой блок будет двигаться по задумке. То есть не просто держим в уме, а прямо отрисовываем поведение.

Можно все детальнее расписать, но там уже больше от здравого смысла зависит, чем от следования каким то правилам.

Добавлено через 33 секунды
conformist, вопрос не про верстку, а про дизайн насколько я понял.
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
30.01.2012, 10:48

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Непонятные отступы резиновый дизайн (IE6)
Уже два дня мучаюсь с проблемой... Во всех браузерах приведенный ниже код, нормально растягивает...

Как сделать резиновый фон шапки и резиновый фон меню?
Как сделать резиновый фон шапки и резиновый фон меню?

Резиновый макет
Может кто обьъснить,как делаются резиновые макеты,и размещение ссылок на резиновом меню. за ранние...

Резиновый сайт
Здравствуйте. Я сделал сайт по размерам своего монитора (1366x768). Но на мониторе друга...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.