1405618-04-2012
14056
18-04-2012
Мне очень нравится минималистическая эстетика оформления YouTube. Все очень понятно, спокойно и лаконично. Поэтому сегодня в этом уроке мы постараемся воссоздать интерфейс от YouTuba. Сначала создадим фон, добавим немого шума. Потом создадим базовую подложку интерфейса. Далее создадим верхнее меню темного цвета. Оформим блок с превьюшкой самого видеоролика и его описанием. Потом займемся боковым вертикальным меню и кнопкой «Загрузить». Все действия очень просты и основаны на создании фигур различных размеров и оттенков, а также тонких настроек стиля слоя.
Очередная порция убойной рекламы представлена драматичнейшим сюжетом путешествия Титаника, котом-боксером с замашками чемпиона и холодностью мраморной женщины. А вот симпатичная собачка сама себя выгуливает за хвост. Или брутальный водитель приглашает на ночную прогулку. А вот необычный торт в виде бессменного кубинского лидера шокирует своих зрителей. Черно-белый принт от Красного Креста очень доходчиво и однозначно доносит свое послание. Адские муки языка предупреждают нас об опасностях изжоги, а возможности цифровой камеры возносят нас на вершину горы.
Простота восприятия и понятная логика являются неотъемлемыми качествами грамотного современного интерфейса. Креатив дизайнеров, специализирующихся в этой области, рождает все новые и новые образцы их прикладного творчества, некоторые из которых я и представила в сегодняшней подборке. Основное отличие дизайна интерфейсов от прочих видов дизайна состоит в том, что плотность соседствующих элементов необычайно высока. И надо грамотно разместить всю графическую и логическую информацию так, чтобы каждый элемент не потерялся среди других и занял свое достойное место.
Давненько у меня не было подборок с растительными орнаментами, а по сему, мы сейчас восполним этот пробел и ознакомимся с представленными в этой подборке кистями. В основном здесь собраны растительные вензеля с изысканными изгибами соцветий и искусным переплетением линий. Также можно скачать весьма симпатичные цветочки, которые по технике исполнения больше напоминают скетчи. Еще есть затейливые виньетки в пушкинском стиле и жесткие узоры, напоминающие татуировки. Очень симпатичны винтажные орнаменты и декоративная флористика.
В сегодняшнем уроке мы создадим объемную кнопку для мобильного телефона. Урок в принципе, не сложный, не смотря на большое количество шагов. Сначала мы создадим текстуру фона, воспользовавшись фильтром фотошопа, и слегка ее подсветим. Потом последовательно создадим три круга разных размеров. Далее для каждого круга в отдельности мы зададим стили слоя, которые в конечном счете и создадут нужный эффект. Главное внимательно и кропотливо соблюдать установки стилей слоя. Потом мы напишем цифру и текст, как на настоящей кнопке и применим к ним стили слоя. 
Представляю очередную тематическую подборку мануалов по HTML5 и CSS3, которая сегодня посвящена исключительно визуальным графикам и диаграммам. Наглядное представление информации, однозначно, легче воспринимается зрителем в плане усвоения и восприятия. Графики бывают разные. Это может быть гистограмма а виде цветных полосок за значениями на шкале координат. Или круговая диаграмма с полями, соответствующими значениям переменных. Или это просто линейный график и эффектным анимационным эффектом. В общем, визуальное разнообразие радует возможностью выбора.
Колоритная мамзель в стиле Эми Уайтхаус открывает парад самых прикольных иллюстраций месяца. Далее умные глаза льва заставят нас посмотреть на название. Невообразимо художественный хаос оставила за собой улетевшая птица на следующей иллюстрации. Очаровательная акварель с нездешним запахом весны порадует глаз, уставший от зимы. Стремительные фэнтези девушки будут спасать мир, а до боли знакомая тетя продавщица призывно улыбаться за прилавком. Рисованные тестовые задания удастся выполнить не всем, а почему тигр полосатый скажет соответствующая картинка.
Замечательные, волшебные работы русского художника Архипа Куинджи вобрали в себя уникальные краски природы. Более того, рука мастера сделала эти краски окутанными какой-то неповторимой таинственной сказочностью, что стало отличительной особенностью всего творчества Куинджи. В представленных палитрах преобладают теплые, солнечные оттенки, припудренные характерной легкостью и яркостью. В данном случае мне очень понравилось, как автоматика справилась с картинами художника и создала эти красочные палитры. Смотрим их в приглушенном (dull) и ярком (vibrant) вариантах.
Старые пожелтевшие газетные страницы, особенно с ретро объявлениями, обладают особым очарованием, которое очень удачно можно использовать в любом винтажном или ретро дизайне. Представленные текстуры пригодятся в качестве самостоятельного фона или в составе отдельного декоративного элемента оформления. В основном в этой подборке собраны иностранные газеты с характерными крупными логотипами с использованием активных декоративных шрифтов. Есть и более спокойные текстуры в виде потертого шероховатого листа бумаги с отпечатанным на нем типографским текстом.
Итак, представляю свой очередной вордпресс шаблон под названием Serenada. Этот шаблон предназначен исключительно для женской аудитории. Симпатичная девушка в шапке шаблона ненавязчиво говорит об этом. Как всегда тема двухколоночная, со встроенным слайдером, который по желанию мождно отключить. На кастомную админ панель вынесено управление всеми основными блоками шаблона. Также к шаблону прилагается подробная пошаговая инструкция по настройке и установке со скриншотами, которая поможет настроить данную тему.
На очереди очередной урок по созданию логотипа в виде этикетки. Сначала мы создадим текстуру фона, потом займемся основной фигурой и ее обводкой. После этого воспользуемся симпатичным текстом и напишем основной текст. Далее с помощью текста создадим прямоугольник, применим к нему стиль слоя, а потом трансформируем его, имитируя декоративную ленту. После напишем вспомогательный текст и немного украсим его. Потом займемся центральным визуальным элементом округлой формы. И в конце украсим всю нашу композицию элементом в виде расходящихся солнечных лучей.