Создаем в фотошопе интерфейс магазинного информера о товарах

10721
12-01-2012

Создаем в фотошопе интерфейс магазинного информера о товарахПродолжаем экспериментировать с интерфейсами. Сегодня мы попытаемся воссоздать в фотошопе магазинный информер с описанием товаров. Итак, по порядку. Сначала создаем основной фон серого цвета. Далее создаем светлую подложку и ее отражение на поверхности. Затем оформляем заголовок блока в виде красной ленты с пунктирной строчкой, на которой написан текст. После этого создаем разделители и разными шрифтами пишем информацию о товарах. На последнем этапе мы создаем декоративные круги и вставляем в них произвольные иконки.

Читать полностью…»

Стильные элементы в оформлении пользовательских интерфейсов за ноябрь

6057
18-12-2011

Стильные элементы в оформлении пользовательских интерфейсов за ноябрьИтак, давайте посмотрим пользовательские интерфейсы, из тех, что приглянулись мне в ноябре месяце. Для начала полюбуемся на стильное меню с эффектом аккордеона (это значит раскрывающееся вниз) с мини иконками, индикаторами и подсветкой из градиента. Далее следует симпатично оформленный счетчик, напоминающий перекидные таблички в аэропортах. Потом идут аккуратные элементы персонального портфолио, простые графические переключатели и круглый указатель громкости звука. Еще ниже можно посмотреть более сложные графические интерфейсы наподобие айподовского оформления и интерфейса социальных сетей.

Читать полностью…»

Создаем в фотошопе пользовательский интерфейс аудио слайдера

10923
08-12-2011

Создаем в фотошопе пользовательский интерфейс аудио слайдераСегодня мы опять шаг за шагом попробуем воссоздать очередной пользовательский интерфейс. Возьмем, например симпатичный аудио слайдер под номером 10 из октябрьской подборки интерфейсов, который мне так понравился. Сначала мы приготовим темный текстурный фон с характерным узором. Дальше мы создадим узкую длинную полоску и с помощью стилей слоя превратим ее в стильную дорожку для бегунка. Потом нам поможет английская буква эль, с помощью которой мы будем создавать деления шкалы и некоторые элементы. Потом сделаем красивую изумрудную кнопку, напишем текст. И в заключение сделаем пару копий с разными положениями кнопок-бегунков.

Читать полностью…»

Создаем в фотошопе пользовательский интерфейс с временной шкалой

9838
28-11-2011

Создаем в фотошопе пользовательский интерфейс с временной шкалойНе так давно я стала делать у себя на сайте обзоры интересных пользовательских интерфейсов. Я всегда с удовольствием разглядываю, как они сделаны. И поэтому мне пришла в голову идея, а почему бы не попробовать воссоздать в фотошопе какой-нибудь из понравившихся интерфейсов. Давайте для начала возьмем первый интерфейс, например, из этой подборки и попробуем определить, как он был сделан. Процесс оказался весьма интересным и поучительным в плане техники создания таких кропотливых вещей. Большинство приемов повторяется, но и результат получается впечатляющим.

Читать полностью…»

Стильные элементы в оформлении пользовательских интерфейсов за октябрь

8019
16-11-2011

Стильные элементы в оформлении пользовательских интерфейсов за октябрьИтак, представляю вам очередной обзор самых интересных, на мой взгляд, пользовательских интерфейсов за прошедший месяц. Стартуем мы со стильно оформленной сетки календаря с трехмерным элементом. Далее вдохновляемся от таблицы с табами и иконками. Миниатюрные кнопочки вкл/выкл, а также выпадающие списки порадуют нас на следующем интерфейсе. Оформление блока с подсветкой программного кода тоже неплохо смотрится. Ну а далее следуют всплывающие подсказки, таблицы и бегунки в аудио девайсах.

Читать полностью…»

Стильные элементы в оформлении пользовательских интерфейсов за сентябрь

5173
22-09-2011

Стильные элементы в оформлении пользовательских интерфейсов за сентябрьПользовательские интерфейсы, представленные ниже, являют собой образцы узкоспециализированного дизайнерского креатива. Создание таких интерфейсов — дело кропотливое и ответственное. Но и результаты, несомненно, впечатляют. Давайте посмотрим, как может выглядеть панель управления Скайпом, элементы выпадающего меню, различные индикаторы и информационные блоки, интерфейсы мобильных устройств, таблицы, поисковая строка, табличка с датой или форма для заполнения. Данные примеры показывают, как внимание к деталям делает любой дизайн стильным и элегантным.

Читать полностью…»

Стильные элементы в оформлении пользовательских интерфейсов за август

8333
19-08-2011

Стильные элементы в оформлении пользовательских интерфейсов за августАвгустовские дизайны интерфейсов представлены блоками поиска, выпадающим меню, калькулятором, стильной инфографикой, блоком из динамических окошек, оформлением элементов в стиле Facebook, таблицы для iPhone, кнопочками плейера, админской панелью управления, эквалайзером, блоком для выбора цвета, всплывающими подсказками и элементами дизайна. Все интерфейсы отличаются очень качественными и скрупулезным исполнением и внимательностью к деталям.

Читать полностью…»

Примеры стильных элементов в оформлении пользовательских интерфейсов

7656
26-07-2011

Примеры стильных элементов в оформлении пользовательских интерфейсовСегодня давайте обратим внимание не на сами сайты, а непосредственно на оформительские элементы сайтов. Чем тщательнее и детальнее проработка каждого элемента сайта, тем, как правило, выше общий уровень исполнительского мастерства дизайнера и общее впечатление, производимое сайтом. Итак, смотрим качественно оформленные контактные формы, выпадающие меню, интерфейсы админки, календари, стандартные меню, социальные кнопки, закладки, диалоговые формы и кнопки.

Читать полностью…»

19 queries in 0,408 seconds.