1167912-01-2012
11679
12-01-2012
Продолжаем экспериментировать с интерфейсами. Сегодня мы попытаемся воссоздать в фотошопе магазинный информер с описанием товаров. Итак, по порядку. Сначала создаем основной фон серого цвета. Далее создаем светлую подложку и ее отражение на поверхности. Затем оформляем заголовок блока в виде красной ленты с пунктирной строчкой, на которой написан текст. После этого создаем разделители и разными шрифтами пишем информацию о товарах. На последнем этапе мы создаем декоративные круги и вставляем в них произвольные иконки.
Итак, давайте посмотрим пользовательские интерфейсы, из тех, что приглянулись мне в ноябре месяце. Для начала полюбуемся на стильное меню с эффектом аккордеона (это значит раскрывающееся вниз) с мини иконками, индикаторами и подсветкой из градиента. Далее следует симпатично оформленный счетчик, напоминающий перекидные таблички в аэропортах. Потом идут аккуратные элементы персонального портфолио, простые графические переключатели и круглый указатель громкости звука. Еще ниже можно посмотреть более сложные графические интерфейсы наподобие айподовского оформления и интерфейса социальных сетей.
Сегодня мы опять шаг за шагом попробуем воссоздать очередной пользовательский интерфейс. Возьмем, например симпатичный аудио слайдер под номером 10 из октябрьской 
Не так давно я стала делать у себя на сайте обзоры интересных пользовательских интерфейсов. Я всегда с удовольствием разглядываю, как они сделаны. И поэтому мне пришла в голову идея, а почему бы не попробовать воссоздать в фотошопе какой-нибудь из понравившихся интерфейсов. Давайте для начала возьмем первый интерфейс, например, из 
Итак, представляю вам очередной обзор самых интересных, на мой взгляд, пользовательских интерфейсов за прошедший месяц. Стартуем мы со стильно оформленной сетки календаря с трехмерным элементом. Далее вдохновляемся от таблицы с табами и иконками. Миниатюрные кнопочки вкл/выкл, а также выпадающие списки порадуют нас на следующем интерфейсе. Оформление блока с подсветкой программного кода тоже неплохо смотрится. Ну а далее следуют всплывающие подсказки, таблицы и бегунки в аудио девайсах.
Пользовательские интерфейсы, представленные ниже, являют собой образцы узкоспециализированного дизайнерского креатива. Создание таких интерфейсов — дело кропотливое и ответственное. Но и результаты, несомненно, впечатляют. Давайте посмотрим, как может выглядеть панель управления Скайпом, элементы выпадающего меню, различные индикаторы и информационные блоки, интерфейсы мобильных устройств, таблицы, поисковая строка, табличка с датой или форма для заполнения. Данные примеры показывают, как внимание к деталям делает любой дизайн стильным и элегантным.
Августовские дизайны интерфейсов представлены блоками поиска, выпадающим меню, калькулятором, стильной инфографикой, блоком из динамических окошек, оформлением элементов в стиле Facebook, таблицы для iPhone, кнопочками плейера, админской панелью управления, эквалайзером, блоком для выбора цвета, всплывающими подсказками и элементами дизайна. Все интерфейсы отличаются очень качественными и скрупулезным исполнением и внимательностью к деталям.
Сегодня давайте обратим внимание не на сами сайты, а непосредственно на оформительские элементы сайтов. Чем тщательнее и детальнее проработка каждого элемента сайта, тем, как правило, выше общий уровень исполнительского мастерства дизайнера и общее впечатление, производимое сайтом. Итак, смотрим качественно оформленные контактные формы, выпадающие меню, интерфейсы админки, календари, стандартные меню, социальные кнопки, закладки, диалоговые формы и кнопки.