Разделы портфолио

Следите за обновлениями портфолио через канал RSS

консультации по Skype
Помощь в режиме онлайн: cоветы, мелкая доработка (700 руб/час.). Первая консультация - бесплатно:)

Для удобства всех, кто предпочитает иметь информацию "под рукой", - портфолио в формате *.pdf, которое имеет статичный, ознакомительный характер. Что же касается новых работ, то они, по мере появления, отображаются на главной страничке сайта.

Завершенные проекты

Логотип сервиса объявлений "152info.ru"

В рамкахразработки сайта - доски объявлений необходимо разработать логотип проекта. Предполагается что гамма цветовая…

Проект Автосервиса

Заказчик: ОАО«Техник»  Задача: Создать архитектурный проект комплекса, включающего в…

Обои "рабочего стола" для "Vsehblag.info" - (с) Портфолио дизайнера Игоря Мальцева

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

Опубликовано: иконка 03 Nov 2014 печатать Распечатать

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

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

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

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

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

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

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

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

Разрешения 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

Задать вопрос автору проекта письмо автору