Обои «рабочего стола» для «Vsehblag.info»

при работе использованы программы векторной графики Corel Draw, Afobe Illustrator, + Photoshop

Задача: сделать «фирменные» обои рабочего стола – предполагается бесплатное скачивание посетителями сайта клиента как стимулирование пользователей. Должен присутствовать логотип клиента, его использоваться фирменные цвета, содержимое цитата, иллюстрация – фото автора ея. Задача вроде как :) для дизайнера интерфейса, потому отнесу ее к этом уразделу.

Решение: Изучаю тему... Находим те отправные точки, от которых буду строить работу, постулаты, т.с. -

фон обоев должен быть не пестрым, помогать пользователю, а не мешать ему работать на его рабочем столе, где мы хотим разместить нашу картинку. Стало быть, использую достаточно спокойное – нейтральное заполнение фона. Думается, что особо мудрить с цветностью не стоит – сдержанная гамма поможет решить задачу… цвет буду вводить ad libitum :), - опционально, небольшими дозами…Изначально использую фоновый серый – самый нейтральный по отношению к контенту цвет, но вот использование фирменного и довольно интенсивного лилового цвета дает приятный результат – при полевых испытаниях выясняется, что он довольно хорошо проявляет ионки пользовательские, что на рабочем столе находятся – то что нать :) чтобы обеспечить комфорт пользователя… Только, дабы фон не был однотонно скучным, добавляю несколько ненавязчивых бликов, а также ненавязчивую линейную фактуру, что придает картинке завершенность и придает пространнственности

Картинка должна быть сделана качественно, чтобы у пользователей было желание ея скачивать и устанавливать, а значит она должна быть стильной, ненавязчивой, вызывала желание ее разглядывать – быть приятна глазу. Ищу подходящие фотографии – доноры, а чтобы придать им стильности и желания рассматривать – обрабатываю и превращаю в «карандашный вид», благо неплохой дигитайзер под рукой :) … пара цветных бликов, немного игры со слоями и наложениями – и результат начинает радовать глаз.

Текст афоризмов – практически «фраза дня», которая задает определенное направление мыслей ея созерцателю, т.е то, что служит неким посылом-напоминанием. Подбираю шрифт – нейтральный, хорошо найденный Tahoma в помощь… теперь хочется добавить интриги, «эксклюзивности», - добавляю ниже автограф автора цитаты…
Логотип (который одновременно и адрес сайта- т. е. содержит рекламный посыл) и пр. не должно быть навязчивым – делаю его на небольшой «вдавленной подложке», что придает ему законченности и делает его неотъемлемым элементом, органично вписанным в картинку.

Ну, параллельно собираю, компоную все, тестирую, дорабатываю, согласовываю. Помним о том, что обычно заполнение рабочего стола таково, что иконки располагаются в левом углу, начиная сверху, иногда снизу или сверху идет блок – панель пользователя.. Ну, естественно – это наиболее стандартное размещение, всего не учтешь, но стараюсь максимально учитывать все эти моменты при компоновке… Показываю клиенту… Клиент доволен и сам я тоже… Стало быть все гут.

Теперь нужно сделать различные типоразмеры картинки, чтобы ея можно было использовать для разных форматов. Изучаю тему… Тэк… форматов основных довольно много, но нам нужны, в первую очередь, соотношения сторон экрана используемых в настоящее время сторон, ибо этот момент будет влиять на формообразование (чтобы не съезжали и не обрезались элементы, что мы расположили на рабочем столе, нужно учесть все это) Размер меньший из большего сделать не проблема, на этом пока не заостряем – просто в конце работы сделаем варианты для различного разрешения…

А вот соотношения экрана стоит проанализировать и учесть уже сейчас. Итак…

Разрешения 1440x900, 1680x1050, 1920x1200 принадлежат мониторам с соотношением сторон 16:10, а 1366x768, 1600x900, 1920x1080, 2048x1152 мониторам с соотношением 16:9. Анализируя ситуацию нетрудно заметить что мониторы 1440x900 и 1680x1050 уже выбыли из гонки, будучи поглощены мониторами 1600x900 и 1920x1080 и постепенно исчезают из продажи. Еще держатся на плаву мониторы с разрешением 1920x1200

На них и ориентируемся. Получаем список

Соотношение 4:3

Мониторы :1024 x 768 1152 x 864 1280 x 1024

Соотношение 16:10

1280 x 800 1440x900, 1680x1050, 1920x1200, 2560 x 1600

Соотношение 16:9

1280 x 720 1366x768, 1600x900, 1920x1080, 2048x1152

Клиент уточняет, что хотелось бы иметь возможность устанавливать такие обои и на экранах мобильных устройств… ок :) Для мобильных устройств такая ситуация (наиболее распространенные планшеты используют разрешение: 800x480, 960х540, 1024x600, 1024x768, 1280x720, 1280x800, 1920x1200, 2048x1536, 1440 х 900

Мобильные смартфоны кроме этого еще и более маленькие экраны 800 x 480, 800 x 600 (для них нужны будут обои с вертикальной компоновкой)

Отсюда и пляшем :)

Для полноты картины - прилагается галерея из пяти готовых обоев с разрешениеим 1280 x 800

Да! если кому интересно - можно скачать отсюда :) http://vsehblag.info/index.php/k2-users/shop

Просмотров: