619906-06-2013
6199
06-06-2013
Подборку интерфейсов июня открывают аккуратный черный Web Application и форма для входа через соцсети Sign Up Form. В интерфейсе Habit item задействованы яркие цвета. А вот Reminder — это глянцево черный счетчик времени. Очень симпатична коллекция пользовательских иконок Icon с трехмерным эффектом. Меню навигации Navbar Dark Ui отличает объемность и выраженная вдавленность кнопки. Landing form представляет собой форму для выбора возможных вариантов. Search input минималистична и акцентирована. Ценники Recipe App Purchase на белой подложке используют в оформлении ленты и стикеры. Ну а Recipe App Login преставляет собой классический деревянный стиль оформления кнопок.
Интерфейсы мая представлены музыкальным плеером UI Mini Music Player в черно-белом оформлении, таблицей активности Snapchat Activity для смартфона и лаконичной таблицей статистики Mini Stats UI. Очень впечатлило использование джинсовой текстуры в оформлении интерфейса Comfort Web Elements. Zenoba отдает предпочтение легкости и природным тонам. А вот Tabacka Mobil Web поражает насыщенностью и разнородностью форм. В Song Screen чувствуются винтажные нотки, University UI акцентировано и убедительно, а Compass весьма оригинален. Удачное сочетание цвета, объема и четкости делают интерфейс UI более чем выдающимся.
В первом представленном интерфейсе Dashboard я бы выделила интересную цветовую гармонию и уместное использование крупных символов. Dribbble Scoreboard Widget выполнен в классической серой гамме с акцентом на стиль цифр. Оформление Flat Player UI отличается умеренной насыщенностью и четкостью элементов. А вот iTunes — это очень симпатичное объемное изображение музыкальной ноты. Сочетание черного, желтого и красного в комплекте с геометричностью форм смотрится всегда выигрышно, как, напрмиер в Valet Service App. Еше из интересного — тени у News, lessons, tabs, функциональность Random Password Generator, оттенки Analytics Overview и круглая концепция Use.less. 
Интерфейсы от 
Интерфейсы февраля представлены насыщенным информационным блоком для категорий Concept UI, стильной черно-зеленой панелью регистрации Evernote Webclipper, оригинальной формой поиска Search, блоком навигации Nav bar и темным интерфейсом iPhone с иконками-грампластинками. Также заслуживают внимания блок с индикаторами Popover, форма регистрации Twitter sign, кнопка Get Started Button и объемная секция подписки Subscribe Section. Весьма актуальные классические интерфейсы Dashboard Header и Progress Screen. В структуре More Menu Massaging используется трехмерность, а в Listitems — яркие цветовые акценты.
Пользовательские элементы прошедшего месяца как никогда порадовали своим разнообразием и креативом. Для начала информативная табличка Tweetdeck Popover с насыщенным алым цветом, долее вариант оформления профиля Profile View с фотографией. Симпатичный интерефейс категорий Wip Iteration привлекает своей трехмерностью и насыщенностью. Кожа, стильная строчка, темные тона и кнопка-переключатель делают Ui With Switches современным. Календарь App Design интересен динамикой кнопок и сияющей подсветкой элементов. Есть несколько интересных вариантов визуального оформления звонков Skype. Функциональное Quick Menu на размытом фоне смотрится актуально и стильно.
Открывает подборку ноября стильный интерфейс Final Countdown с перекидными табличками минут, часов и секунд. Информационные блоки Design Mode и Sign In лаконичны и функциональны. Табличка цен Pricing Table использует сочетание морковно-красного и серого цветов. Объемная иконка Mail Icon сигнализирует о доставке новых писем. Опять красный в сочетании с темным в интерфейсе EMS Supplements не перестает радовать своей актуальностью. А вот в дизайне The Scientist Rebound использован гранж и текстуры. Фишкой иконок Game Menu является их неправильная форма и имитация оторванных кусочков бумаги. Coffee Shop Mobile Menu смотрится красиво и презентабельно.
В представленной ниже ежемесячной подборке стильных интерфейсов мне особенно нравится круглый Dribbble Login Concept с эффектом гаражной двери. Newsletter Widget отличает удачная цветовая гамма, аккуратность и лаконичность. Еще один вариант оформления кнопки on/off представляет Toggle Button. Интерфейс Mail Login использует трехмерность в своем оформлении. А блок Kit Sample сочетает в себе прозрачность и насыщенный задний фон с размытостью. Vector Volume Dial отличается оригинальным гранжевым фоном, а Joypad Settings выделяется наполненностью мелкими деталями.
Первый интерфейс Pictonic — это классическая красно-бело-серая вариация закладки-таба. Далее табличка профиля Profile Light Version в той же световой гамме, но в светлом исполнении. Wifi Meter использует округлые детали, насыщенные цвета и вытянутые шрифты. Панель настройки для Infare Ui выполнена в спокойном зеленом цвете и имеет высокую плотность расположения информации. Прогрессивный интерфейс Chemistry отличается нестандартными формами и активными цветами. Всплывающая подсказка Dribbble Tooltip очень эффектно обыгрывает эффект свечения для элемента.
Подборку открывает элегантный интерфейс Cozy Screen в светлых песочных тонах в сочетании с текстурой кожи и логотипом с эффектом тиснения. Далее следует оригинальный ежедневник Transit New Design с круглой фотографией. У следующего интерфейса Shindig iOS App можно вдохновиться мелкими деталями. Элементы же симпатичной админ панели Dashboard Details лаконичны и убедительны, а навигационные кнопки Pioneer CDJ 2000 с подсветкой смотрятся весьма стильно. У интерфейса SpeedBooker очень спокойное классическое оформление, а панель управления Useful player выполнена в лучших традициях ютубовского стиля.
Сегодня мы будем учиться создавать в фотошопе пользовательский интерфейс для мобильного устройства с функцией поиска исполнителя песни. Сначала создадим базовую красную фигуру, применим к ней стили слоя и фильтры. Потом создадим пару серых информационных строк. Применим к ним эффект размытия заднего фона с помощью большой картинки. Далее напишем сверху техническую информацию. Потом напишем заголовки и создадим кнопку движения назад. Под конец займемся строкой поиска и строкой выдачи информации. Напишем везде нужные тексты и создадим маркер тега.