26.09.2010 15:31:11
Дизайн под все разришения.
Тут будем выкладывать свои задумки о дизайнах.
Позже дизайнер под ником Сусл, покажет более изящные примеры.
Пример
Итак фреймы нашего чата будут такими.
Рисуем банер+меню.
Допустим 1024px.
Если присмотреться то в конце баннера(самой картинки), и перед началом начале меню(Самой картинки), у нас идёт градиент по горизонтали.
Там конечно можно добавить рамочки, капельки маленькие, всё что захотите лишь бы было по горизонтали и совпадало с краями наших рисунков. (То есть таких как вы нарисуете.) Почему по горизонтали? Потому как мы сделаем так сказать резиновый дизайн под все разрешения монитора.
Итак дальше разрезаем примерно так.
Делаем анимацию, если кто захочет. Можно сделать и на баннере и в меню.
Теперь приступим к меню.
Меню будем делать в ширину от 500-600px. Если у нас весомая анимация, то режем по максимуму в зависимости от размера файла в кб. Ибо в дизайнах у нас стоит ограничение в весе картинок.
Смотрим на левый край меню, где градиент. И просто вытягиваем сам градиент или у кого рамочки итд до нашей длинны в 500-600px.
Смотрим размер файла, попадаем. Сохраняем.
Теперь банер.
Банер делаем так. Щас в мониках у нас вроде как Максимальный размер 1880px в ширину. Ну уж больше точно не нужно. -))
Меню допустим у нас получилось в 600px. Теперь что мы делаем.
1880 - 600 = 1280px.
Мы сделаем 1300, на верочку....
Смотрим банер, и с правого края там где у нас градиент растягиваем сам градик в право до 1300px.
У нас должно получиться что вроде этого.
Теперь загружаем банер, и меню. Меню естественно выставляем во фрейме ширину.
Всё остальное думаю не нужно объяснять как делать.
В итоге у нас получается красивый дизайн, под все разрешения монитора.