622410-08-2012
6224
10-08-2012
Очередная подборка пользовательских интерфейсов, выполненных талантливыми дизайнерами со всего света, представлена следующими участниками. Для начала смотрим классическую серую форму Login Interface, потом симпатичный акцентированный Tagging, очень воздушный Forms Practice и насыщенный интерфейс Video Player. Далее на очереди симпатичные круглые пиктонраммки BPM Dashboard, сильный шрифт Tab Bar и оригинальная боковая загибка Thortbox V2. Лаконичные кнопки Made Missed и I M A Button выглядят весьма симпатично, а строгий Tasks V3 смотрится очень стильно.
Итак, стильные пользовательские интерфейсы июня. Все как всегда стильно, очень аккуратно, современно и функционально. Из того, что мне больше всего понравилось это спокойный Multi Site Cms, гламурный Next Show Promo, насыщенный Skype Interface For Mac 3, симпатичный Hypothetical An Ios Calendar и очень милый A Reward. Все остальные действующие лица этой подборки производят впечатление старых знакомых, поскольку многие интерфейсы повторяются из раза в раз с различными вариациями. Тем не менее, всегда интересно оценить трендовость и степень технического мастерства исполнителя.
Итак, встречайте, самые стильные майские интерфейсы. Для начала гармоничное сочетание цветов и текстур в Menu Bar Detail и лаконичный желто-черный User Bar оформление профиля в Gh Private Profile. Использование травы для интерфейса Pro Grass Bar смотрится свежо и прикольно. Симпатичные кнопки Switches удобны и понятны. Оформление цветных ценников Pricing Table порадует наглядностью, а динамические иконки Snap Pictures Your Outfits ссодержат побудительный призыв. Впечатляет стальным блеском круглая интерфейсная конструкция Cooper Ui, а интерфейс Trackr доступен и элегантен.
Любой пользовательский интерфейс отличается детальной и кропотливой проработкой множества элементов, с тем, чтобы максимально гармонично и юзабильно расположить их на относительно маленьком пространстве. Поэтому дизайн интерфейсов давно занимает свою эксклюзивную нишу в веб-дизайне и пользуется большой популярностью и уважением. О чем, кстати, свидетельствуют многочисленные новинки, выставленные своим владельцами на всеобщее обозрение. Вот и в этой апрельской подборке нас, как всегда, порадуют информеры, медиа-блоки, календари и виджеты.
В этом уроке мы будем создавать интерфейс сайта в винтажном стиле с логотипом и горизонтальным меню. Для этого мы сначала сделаем фон красивого ретро цвета, придадим ему шероховатость и украсим крупным узором. Потом сделаем декоративную полоску темного цвета с треугольными зазубринами по краю. Это легко можно сделать с помощью подходящего шрифта. После приступим к оформлению логотипа и надписи под ним. Затем приступим к созданию флажка. Украсим его небольшим визуалом. И под конец напишем пункты горизонтального меню справа и слева от флажка.
Мне очень нравится минималистическая эстетика оформления YouTube. Все очень понятно, спокойно и лаконично. Поэтому сегодня в этом уроке мы постараемся воссоздать интерфейс от YouTuba. Сначала создадим фон, добавим немого шума. Потом создадим базовую подложку интерфейса. Далее создадим верхнее меню темного цвета. Оформим блок с превьюшкой самого видеоролика и его описанием. Потом займемся боковым вертикальным меню и кнопкой «Загрузить». Все действия очень просты и основаны на создании фигур различных размеров и оттенков, а также тонких настроек стиля слоя.
Простота восприятия и понятная логика являются неотъемлемыми качествами грамотного современного интерфейса. Креатив дизайнеров, специализирующихся в этой области, рождает все новые и новые образцы их прикладного творчества, некоторые из которых я и представила в сегодняшней подборке. Основное отличие дизайна интерфейсов от прочих видов дизайна состоит в том, что плотность соседствующих элементов необычайно высока. И надо грамотно разместить всю графическую и логическую информацию так, чтобы каждый элемент не потерялся среди других и занял свое достойное место.
Итак, самые стильные элементы в оформлении интерфейсов из увиденных мной в феврале. Парад открывает действительно впечатляющая админ панель в классическом сочетании ведущего серого и цветных активных элементов. Прямо эстетическое удовольствие какое-то. Далее светло-серая гамма в стиле Ютуба для следующего интерфейса. Потом симпатичное оформление профиля в светло-голубых и кофейных тонах. А такую форму для ввода логина и пароля я сам в первый раз вижу. Прикольно. Впрочем, классический стиль оформления таких блоков ничуть не проигрывает. Ну а красные угловые флажки, безусловно, относятся к моим любимчикам.
Январские интефейсы представлены традиционными мобильными админ панелями, блоком социальных иконок, панелью плейера и всяческими стильными элементами типа угловых флажков и лент. Очень неплохо смотрятся различные кнопки и маленькие детали, полученные комбинацией тени, внутренней тени и градиента. Выделяется оригинальностью панель навигации на кожаной текстуре желтого цвета с красными маркерами. Симпатично. Отдельный блок занимают кнопки управления, переключатели и указатели. Постраничная навигация сделана просто, но эффектно. Ну и напоследок есть несколько примеров оформления всплывающих окошек.
Давайте сегодня сделаем интерфейс календаря на текущий месяц, с активной датой и навигацией для листания по месяцам. Сначала сделаем несколько прямоугольников со скругленными краям, разные по размеру и наложенные друг на друга. Применим к ним различные стили слоя. Потом с помощью текста сделаем решетку из линий для календарной сетки. Затем напишем текст с датами месяца. После этого оформим блок с названием месяца в виде ленты, загнутой за края. И в конце напишем заголовок, применим к нему стиль слоя и сделаем стрелочки навигации.
Вот смотрю я на очередную подборку пользовательских интерфейсов, и прямо-таки завороженно любуюсь глубиной проработки и мастерством исполнения. Любой, даже самой маленькой детали уделено ровно столько внимания. сколько нужно, чтобы она заняла свое место и заиграла в составе всей композиции. В основном это тулбары и информационные блоки с различными визуальными эффектами вдавливания и реагирования на движение мышки. А также современные кнопки, симпатичные календари, всплывающие подсказки и блоки, профили и боковые меню.