19.09.2011 16:28:00
Проверяем дизайны
В последнее время столкнулся с проблемой, что многие дизайнеры не рассчитывают на большие мониторы, в итоге на моем 1920х1080 дизайн расползается, со всех щелей торчат белые или черные куски, залитые сплошняком.
Люди, HD сейчас постепенно становится стандартом, и рекомендую вам делать дизайны, которые при подобных разрешениях экранов смотрятся нормально.
Как проверить дизайн?
Берем любой браузер, который нормально масштабирует страницу, с учетом изображений и фреймов. В качестве такого браузера подойдет мозилла или опера (гугл хром не совсем подойдет, он не меняет размер фреймов, хотя ради проверки пойдет).
Открываем в браузере нужный дизайн, нажимаем Ctrl+минус или Ctrl+колесиковниз. Проделываем это несклько раз, наблюдаем, что происходит в местах, где фоновая картинка заканчивается. (в мозилле на некоторых масштабах возможна ошибка округления и между фреймами появится белая тонкая полоска в пиксель, это не баг дизайна, баг мозиллы).
Получаем примерно такую картину (нажмите мышкой для увеличения):
[изображение]
Дальше думаем, как этого можно избежать. Можно дублировать изображение по координате x, тогда ниоткуда не будет торчать одноцветных кусков, но логотип будет дублироваться. Можно запас ширины побольше взять. Чтобы хотя бы 1920 пикселей покрывал, хотя это и не предел. И в любом случае, задаем альтернативный фон таким, чтобы он примерно соответствовал средним цветам фоновой картинки. Если картинка фиолетовая, то и фон берем фиолетовый. Даже если растягиваем или размножаем фон, всё равно альтернативный цвет пригодится, например если картика не прогрузилась у пользователя.
Очень надеюсь, вы постараетесь поправить ваши дизайны, а то мне честно говоря надоели торчащие отовсюду косяки)
Люди, HD сейчас постепенно становится стандартом, и рекомендую вам делать дизайны, которые при подобных разрешениях экранов смотрятся нормально.
Как проверить дизайн?
Берем любой браузер, который нормально масштабирует страницу, с учетом изображений и фреймов. В качестве такого браузера подойдет мозилла или опера (гугл хром не совсем подойдет, он не меняет размер фреймов, хотя ради проверки пойдет).
Открываем в браузере нужный дизайн, нажимаем Ctrl+минус или Ctrl+колесиковниз. Проделываем это несклько раз, наблюдаем, что происходит в местах, где фоновая картинка заканчивается. (в мозилле на некоторых масштабах возможна ошибка округления и между фреймами появится белая тонкая полоска в пиксель, это не баг дизайна, баг мозиллы).
Получаем примерно такую картину (нажмите мышкой для увеличения):
[изображение]
Дальше думаем, как этого можно избежать. Можно дублировать изображение по координате x, тогда ниоткуда не будет торчать одноцветных кусков, но логотип будет дублироваться. Можно запас ширины побольше взять. Чтобы хотя бы 1920 пикселей покрывал, хотя это и не предел. И в любом случае, задаем альтернативный фон таким, чтобы он примерно соответствовал средним цветам фоновой картинки. Если картинка фиолетовая, то и фон берем фиолетовый. Даже если растягиваем или размножаем фон, всё равно альтернативный цвет пригодится, например если картика не прогрузилась у пользователя.
Очень надеюсь, вы постараетесь поправить ваши дизайны, а то мне честно говоря надоели торчащие отовсюду косяки)