Тема для WordPress - Gallery |
Gallery является красивой, бесплатной темой. Она очень гибкая и может быть использована в качестве отправной точки для разработки галерей и портфолио. Gallery имеет много интересных функций, как jQuery-слайд-эффект при наведении на картинки, загрузку эскизов, встроенные ссылки для социальных сетей.
Посмотреть . Скачать .
|
|
15 отличных jQuery-плагинов навигации |
Многие согласятся, что наряду с контентом, навигация является одним из наиболее важных аспектов любого сайта. jQuery - это отличный выбор для достижения максимально удобной системы навигации по вашему сайту. Есть много вещей можно сделать с jQuery, но здесь 15 лучших технологий и решений, которые вы можете использовать.
|
|
24 эксклюзивные векторные иконки от Webdesigner Depot |
Webdesigner Depot представляет 24 бесплатных эксклюзивных векторных иконок, которые можно использовать на своем веб-сайты. Иконки нарисованы от руки и отлично выглядят как в цвете, так и черно-белые.
Скачать:
|
|
99 основных инструментов и приложений для Twitter |
Twitter сейчас повсюду, и все больше людей использует его. Сказать, что рост Twitter-пользователей взрывной - значит не сказать ничего. В результате этого роста, число Twitter приложений и инструментов стало очень обширным. Ниже представленны 99 основных Twitter инструментов и приложений, разбитые на следующие категории: инструменты и приложения, статистика и аналитика, поиск новых друзей, поиск приложений, web-приложения на основе мобильных устройств, WordPress плагины, Adobe AIR приложения и расширения для Firefox.
Twittercal это сервис, который объединяет Twitter и календарь Google и позволяет легко добавлять события, прямо из вашего аккаунта Twitter.
TwitPay это простой способ отправки платежей через Twitter.
Взаимодействие с бизнесом, поиск предложений и услуг в Twitter.
Пользователи могут отправлять сообщения в Twitter аккаунт, послав его на свой уникальный адрес электронной почты.
Продвигайте свой бизнес, специальные предложения, акции и мероприятия с Twitzu.
Twuffer позволяет Twitter пользователю составить список будущих записей и график их опубликования.
Это приложение позволяет разместить записи более поздней датой.
Отправить личное сообщение для конкретных групп друзей.
Следите за разговорами, в которых упоминаются вы, ваша продукция, компания, и т.д., через почасовые обновления по электронной почте.
TwitPic позволяет обмениваться фотографиями в Twitter. Вы можете разместить фотографии на TwitPic с вашего телефона, c домашней страницы TwitPic или через Twitter.
Репутация в Twitter.
Персональный помощник для Twitter, помогает вам определить соответствующих последователей, рекомендуемых вам другими пользователеми.
Просто добавьте Remember The Milk в друзья, и вы сможете добавлять и взаимодействовать со своими задачами и получать напоминания.
StrawPoll это классный способ следить за мнениями людей в Twitter. С этим приложением, вы можете создать свой собственный опрос.
Twiddict гарантирует, что все ваши записи в конечном итоге будут в надлежащем месте.
Сеть ваших друзей в Twitter.
Опубликуйте ваш RSS канал в Twitter автоматически.
Twitturly это сервис для отслеживания.
Переводчик в Twitter.
Повышение вашего социального медиа маркетинга, предлажениями о скидках, купонах в сфере Twitter!
Twitter переводчик.
Отправить открытку, сюрприз, сообщение или приглашение в Twitter.
Система для расчетов в Twitter.
Twittertise позволяет размещать рекламу в Twitter и отслеживать успех вашей фирменной коммуникации с клиентами.
TwitWall поможет вставить ваши любимые видео, виджеты, загрузить фотографии, MP3 музыку, подкасты.
Недавние записи в Twitter.
Выберите случайных последователей в Twitter.
Сохранение записей в Twitter.
История в Twitter.
Вы сможете легко конвертировать ваши записи в формат SMS с меньшим количеством символов.
Создание клейких записок в Twitter.
Перевод с английского и наоборот.
Этот сайт постоянно обновляется, чтобы помочь вам найти наиболее популярных Twitter пользователей.
Отслеживает число ваших записей в месяц.
Ранг в Twitter.
Позволяет вычислить косвенное влияние вас и ваших последователей на Twitter.
Подробное аналитическое веб-приложение.
Введите ключевые слова или фразы, и посмотрите, как часто они появляются на Twitter.
Узнавайте о тенденциях Twitter.
TweetRush предоставляет статистику по оценкам Twitter в течение определенного периода времени.
Сколько времени Вы проводите на щебет?
TwitterTroll.com - поиск новых друзей в режиме раельного времени.
Облегчает твитерам поиск друзей с похожими интересами.
Кто вы, кто следующий?
Приложение для электронной почты.
Twubble является расширением для Twitter, которое поможет вам найти больше друзей.
Ваш Twitter коэффициент.
Кто пишет рядом с вами? Это приложение поможет вам связаться с ними.
WhosTalkin является инструментом, который позволяет пользователям осуществлять поиск по беседам и темам.
Поиск по Twitter.
Всеобъемлющий Twitter поиск.
Введите имя пользователя в Twitter и отслеживайте разговор, темы или конференции.
Поиск по Twitter.
twitSeeker является альтернативной поисковой системой для поиска Twitter пользователей и просмотра результатов в одном интерфейсе.
Hahlo является прекрасным клиентом для вашего iPhone и IPod.
Отправляйте сообщения в Twitter с помощью голоса.
PocketTweets представляет собой веб-интерфейс для Apple iPhone.
TinyTwitter работает на любом Java-устройстве и любом Windows Mobile Pocket PC или смартфоне.
TwitterBerry является мобильным клиентом для размещения обновлений Twitter с вашего BlackBerry.
Обновления со своего мобильного.
Slandr обеспечивает расширение веб-сайта для мобильного Twitter.
Twitter2Go обеспечивает быстрый и простой способ обновить Twitter статус.
Отправлять сообщения людям поблизости. Загрузка фотографий и обновление аккаунта Twitter.
Twittelator является приложением для вашего iPhone.
TwitterFon это простой, чистый, легкий в использовании и супербыстрый Twitter клиент для вашего iPhone и IPod.
iTweet 2 приложение для телефонов.
Запуск GPS на вашем телефоне, чтобы ваши друзья могли найти вас.
Информация из открытых источников в Twitter клиенте для вашего iPhone.
Щебетать для WordPress отображает ваши последние записи в вашем блоге WordPress.
Этот модуль интегрируется в ваш блог WordPress. Покажите записи Twitter в вашем блоге, а также создавать новые записи из блога WordPress.
Twitpress является WordPress плагином и дает возможность пользователем Twitter писать в ваш аккаунт.
SimpleTwitter позволяет добавлять Twitter сообщения в WordPress шаблоны (а не только на боковой панели).
Плагин для Wordpress.
Этот подключаемый модуль импорта любых записей для обсуждения в вашем блоге.
Установите TwitterCounter на ваш блог для отображения числа последователей в Twitter.
MyTwitter позволяет отобразить записи из Twitter WordPress на вашем веб-сайте и обновлять свой статус.
TweetRoll - виджет, который поможет отобразить число ваших последователей и друзей.
Twitt-Twoo является простым модулем, который позволяет обновить статус Twitter прямо из вашего блога на боковой панели.
Клиентская библиотека Twitter.
Большинство функций Twitter доступные через twhirl, с удобством и аксессуарами.
Tweetr является Twitter клиентом, позволяющим отправлять и получать сообщения и другое.
TweetDeck направлена на улучшение существующей функциональности Twitter.
DestroyTwitter представляет собой серию картин, которые постоянно обновляются сохраняя текущий записи в Twitter.
TwitterLocal является Adobe AIR-приложением, которое позволяет фильтровать записи на месте.
Spaz это хорошо продуманный и хорошо развитый Twitter клиент.
Snitter - это кросс-платформенный клиент Twitter.
Объединяет друзей и ответы.
TwitBin является расширением для Firefox, которое позволяет вам отслеживать Twitter разговоры прямо из браузера на боковой панели.
Плагин для Firefox.
Данное расширение добавляет крошечную иконку в строке состояния, которая уведомит вас, когда ваши друзья обновили их Twitter статус.
Это расширение Firefox позволяет делать записи в Twitter длиннее 140 символов.
TwitterBar тулбар для Firefox.
Этот подключаемый модуль предоставляет вам быстрый доступ в режиме реального времени к Twitter поиску.
Функция быстрого поиска для Firefox.
Приложение для Firefox.
Интересное приложение.
Нажмите на ключевое слово слева, и посмотрите, какие записи в настоящее время опубликованы, содержаobt это слово.
В режиме реального времени географические визуализации записей.
Подобно Twittervision (см. выше), но с другим интерфейсом.
|
|
Бесплатные темы WordPress - Портфолио |
Используя уже готовые темы для WordPress, можно заметно сэкономить свое время. Далее представлены несколько отличных тем для создания собственного портфолио.
Sharpfolio: тема WordPress для портфолио |
Viewport: тема WordPress для портфолио | | Чистый и простой макет. Особенность темы в том, что она может полностью захватить внимание посетителя.
Irresistible: тема WordPress для портфолио | | Тема визуально напоминает полноценный блог мультимедийной направленности. Включает несколько виджетов.
Portfolio - WPESP Theme: тема WordPress для портфолио | | Эта тема является отправной точкой в формировании портфолио на Wordpress CMS.
Linquist: тема WordPress для портфолио |
Monotone: тема WordPress для портфолио |
Fotofolio: тема WordPress для портфолио |
|
|
Follow Me On Twitter - наборы привлекательных иконок |
Twitter становится все популярнее и популянее. Сейчас на многих сайтах можно увидеть соответствующую иконку, предлагающую последовать за автором. И, каждому хочется, чтобы эта иконка была особенной. Далее представлены 2 набора иконок, которые можно использовать на своем сайте.
Скачать
Скачать twitter-icons-png.zip
|
|
3D-арт Эдгара Мюллера |
Эдгар Мюллер - мастер 3D-арта. Ему необходимо около 5 дней для создания каждой из своих огромных картин. Вместе с пятью помощниками он работает от заката до рассвета. Огромная иллюзия достигается путем применения метода anamorphic. Около 250 квадратных метров занимает каждый проект Эдгара Мюллера. Он рисует в городских районах, чтобы изменить их вид и тем самым оспорить законы восприятия.
Посмотреть видео о том, как создавалась эта работа можно .
|
|
Game Girl |
Интересные фотографии от Inez van Lamsweerde и Vinoodh Matadin, опубликованные в журнале Vogue Paris в мае 2009. Модель - Daria Werbowy, стилист - Emmanuelle Alt.
|
|
Weby Set - 100 бесплатных иконок от Iconspedia |
Iconspedia выпустила новый набор иконок. Weby Set состоит из 100 высококачественных иконок 64
|
|
Как сделать фотомонтаж в Photoshop |
Любой человек может вставить в фотошопе несколько фотографий и текстур на одно изображение и создать банальный фотомонтаж. Чтобы улучшить свой результат, можно воспользоваться несколькими простыми трюками.
Для примера выбрана музыкальную тему, а стиль самой работы хорошо подойдет как для графических, так и для музыкальных сайтов.
Это руководство объяснит, как создать отличный фотомонтаж из фотографий в фотошоп за 19 шагов.
Создайте новый документ размером 210 мм X 148.5 мм (300 точек на дюйм) в режиме RGB.
Скачайте с сайта sxc.hu (большой ресурс фотографии) или другое изображение на ваш выбор.
Нам нужно вырезать саксофониста. Не нужно быть крайне точным, так что не волнуйтесь о волосах слишком много. Используйте инструмент Перо, установите его значение Контур, увеличьте изображение на 300% и обводите саксофониста.
Как закончите обводить, соедините линию с начальной точкой, закрыв контур.
Не забывайте использовать инструмент Вычесть из области, когда необходимо обвести зону, находящуюся внутри контура.
Создайте выделение из контура и скопируйте его в новый документ.
Фотомонтаж это хорошая практика для обозначения всех слоев и превращения их в смарт-объекты (Слой> Smart Объекты> Группа в Нью-Smart объекта).
Smart Объекты позволяют изменить размер без ущерба для качества.
Теперь скачайте , вырежте их, как и саксафониста, и вставьте в документ. Превратите их в смарт-объекты.
Изменяйте размеры и поворачивайте все элементы до тех пор, пока у вас не получится хорошая композиция.
Вы можете переместить слой вверх или вниз в палитре слоев.
Удерживайте Shift для сохранения пропорций во время масштабирования.
Теперь нужен фон, который также можно с sxc.hu.
Фон не достаточно большой для заполнения изображения, поэтому выберите инструмент Клонирование (диаметр 353 пикселов) и используйте кисть с мягкими краями.
Когда вы закончите, нажмите CTRL + U, чтобы вывести окно настройки Тон/Насыщенность, как на скриншоте ниже.
Скачайте с sxc.hu. Тени на этом изображении немного мрачноваты, поэтому перейдите к Изображение> Настройка> Тень/Выделить и настройте его так, как на скриншоте ниже.
Вырежьте дома как и раньше, и вставьте в рабочий документ.
Теперь немного исправьте искажения зданий.
Нажмите сочетание клавиш CTRL + R и, если они еще не видны, перетащите вертикальную направляющую с левой стороны.
Затем, нажмите CTRL + T, чтобы преобразовать слой.
Удерживая CTRL + SHIFT захватите верхний правый угол и тащите до тех пор, пока здание не станет ровным.
Переместите слой со зданиями на задний план. Выделить все слои на палитре слоев, и нажмите Слой> Rasterize> Rasterize для всех.
Скачайте с sxc.hu и карикатурно обведите его инструментом Контур. Затем используйте инструмент клонирования, чтобы небо можно было увидеть через листья.
Скопируйте и вставьте дерево в рабочий документ, и поставьте его среди домов.
Время, чтобы добавить немного цвета. Выберите инструмент Перо и установите его для формирования слоев, а не для контура.
Выберите любой цвет, который потом сможете изменить.
Теперь начайте рисование.
Добавьте тени на передний план элементов. К примеру, для слоя с барабанщиком.
Нажмите CTRL + слой с барабанщиком выделить. Сделайте то же самое для Форма слоя барабанщика .
Создайте слой под барабанщиком и заполните его цветом #56493f.
Нажмите сочетание клавиш CTRL + T, чтобы вывести на поле Freeform преобразования, удерживайте CTRL и перетащите верхнюю точку вниз и влево.
Выступы удилите ластиком.
Примените Gaussian Blur 5 px к сло. с тенью, а затем установите слой на режим смешивания. Уменьшите непрозрачность слоя до 65%.
Скопируйте фоновый слой (выберите его и нажмите Слой> Дублировать слой) и перетащите в верх палитры слоев.
Зажмите CTRL + SHIFT + Нажмите на все слои, кроме теней, фона и фона-дубликата.
Это должно создать выделение из слоев.
Измените режим смешивания дубликата фонового слоя на Мягкий свет, затем дублируйте слой и измените режим его смешения на Color. Понизьте прозрачность слоя до 20%.
Создайте новый слой в верхней части палитры слоев. Выберите инструмент Кисть с мягкими краями.
Вместо того чтобы водить кистью по холсту, сделайте несколько отпечатков, меняя прозрачность.
Создайте новый слой и сделайте такие же мазки желтым цветом (#ffcc00). Измените режим смешивания слоя на Наложение.
Наконец, добавьте настроек. Первая - Кривые (Слой> Новый слой Корректировка> Кривые).
Затем Тон/Насыщенность слоя.
Наконец Selective Color.
Окончательное изображение
|
|
Набор иконок для RSS-лент - пиво |
Этот набор содержит в общей сложности 40 иконок для вашей RSS-ленты. Значки представлены в 10 различных цветах на выбор: красный, оранжевый, светло-зеленый, зеленый, светло-синий, голубой, пурпурный, бирюзовый, желтый и черный. Каждый вид доступен в 4 размерах: 256
|
|
5 текстур для Photoshop - углеродное волокно |
Углеродное волокно используется в широком круге видов спорта и популярно не только из-за своих обычных качеств, но и за свою необыкновенную красивую текстуру. В данной статье представлены текстуры для Photoshop, которые были построены на основе подлинных узоров углеродного волокна для обеспечения высокой реалистичности изображения.
Текстуры доступны в пяти размерах и содержатся в Photoshop PAT файле. и используйте по своему желанию в своих проектах.
Нравится текстура углеродного волокна? Скачайте обои на рабочий стол рабочий стол или для iPhone!
|
|
5 отличных тем для Wordpress |
Поиск красивой, свободной и творческой Wordpress темы может быть довольно трудным. Ниже представлены 5 новых красивых и свободных для скачивания тем Wordpress. Дизайн тем от TemplateLite. Выпущены в сотрудничестве с CrazyLeaf блог.
Подробности: поддержка виджетов, 3 колонки, блок справа, совместимо с IE6, IE7, IE8, Firefox, Chrome, Safari, Opera, W3C XHTML и CSS.
Посмотреть демо:
Скачать:
Подробности: поддержка виджетов, 2 колонки, блок справа, совместимо с IE6, IE7, IE8, Firefox, хром, Safari, Opera, W3C XHTML, CSS, FlickrRSS, Gravatar.
Посмотреть демо:
Скачать:
Подробности: поддержка виджетов, 2 колонки, блок слева, совместимо с IE6, IE7, IE8, Firefox, хром, Safari, Opera, W3C XHTML и CSS.
Посмотреть демо:
Скачать:
Подробности: поддержка виджетов, 3 колонки, блок слева и справа, совместимо с IE6, IE7, IE8, Firefox, хром, Safari, Opera, W3C XHTML, CSS, Gravatar.
Посмотреть демо:
Скачать:
Подробности: поддержка виджетов, 2 колонки, блок справа, совместимо с IE6, IE7, IE8, Firefox, хром, Safari, Opera, W3C XHTML и CSS.
Посмотреть демо:
Скачать:
|
|
Бесплатный пакет векторной графики “Рисунки от руки” от Spoongraphics |
Популярные рисованные от руки эскизы для использования в веб-дизайне от Spoongraphics. Пакет состоит из целого ряда рисованных изображений листьев, каплей, болтов, стрел, сердец и текстур.
Скачать:
|
|
“Где мои деньги?” - бесплатный набор иконок от Iconspedia |
выпустила еще один исключительный набор иконок. Пакет называется Где мои деньги? . Разработан Jojo Mendoza.
Этот пакет содержит 6 высококачественных 256
|
|
50 инструментов для Twitter (дизайнерам и разработчикам) |
Ссылки на Twitter в наши дни присутствуют на бесчисленных личных и профессиональных веб-сайтах. Это может быть простая кнопка Следуй за мной или несколько последних записей автора на боковой панели сайта. Twitter уже не является увлечением, а стало необходимостью для каждого веб-сайта не только для обмена своими мыслями и поддержания контактов с людьми, но и для маркетинга, рекламы и поиска. Но будете удивлены возможностям настройки Twitter на своем сайте. Ниже представлены ссылки на ряд учебных пособий, библиотек и плагинов, которые помогут Вам сделать все, вы всегда хотели сделать с Twitter.
Если вы пишите приложения для Twitter API или просто любопытны по поводу кода, инструментов и методов, этот блог для вас.
Скачайте Twitter API здесь.
Этот веб-сайт обновляется только тогда, когда происходят изменения в Twitter API.
Обсуждение вопроса о развитии и использовании Twitter API
Будьте в курсе всех новостей через Twitter.
Этот простой учебник содержит несколько примеров, основанных на различных веб-технологиях. Его будет достаточнос, чтобы начать свой собственный проект Twitter.
Это прекрасное введение в использовании Twitter API. Здесь предлагает множество различных способов подключения, в том числе XML, JSON, Atom и RSS. Это учебное пособие используется XML, PHP разработчиками.
Если Вы хотите опробовать Twitter API впервые это поможет вам начать. API является простым и удобным в использовании. Единственное, что нужно иметь в виду, Twitter отправляет до 70 запросов в час, так что не забудьте о кэшировании.
Twitter API позволяет читать и писать сообщения с минимальным кодированием практически любого языка программирования. В самом деле, вы можете использовать этот API, не делая каких-либо программ.
Многие из нас имеют не только собственные сайты, но и Flickr, Facebook аккаунты. Этот учебник научит как все это аккуратно разместить на одной странице.
Вы когда-нибудь хотели создать простой блог для нескольких человек, но не хотите возиться с установкой WordPress? Если это так, то этот учебник для вас. Объединив Twitter, поиск каналов Atom, хэш-тегов и PHP, вы можете создать микро-блог с помощью Twitter с поддержкой RSS и это займет менее чем 10 минут.
Twitter предлагает небольшой JavaScript виджет, который автоматически использует API и возвращает простой HTML с вашими последними записями. Этот учебник покажет вам как создать уникальный сайт для Twitter обновлений с помощью этого виджета.
В этом учебнике вы узнаете как создать одну простую страницу сайта, а затем, менее чем за 5 минут, установить обновление записей Twitter.
Это очень простой учебник (просто несколько строк кодов!), в котором объясняется, как отправить сообщение, используя API Twitter с PHP-страницы.
Что делать, если вы хотите отобразить несколько каналов Twitter на одной странице? Этот учебник покажет вам как.
Это простой, но великий учебник: пошаговое руководство для добавления Twitter на ваш блог или сайт . Супер описание.
Вы можете также просмотреть Perl + LWP версия этого учебника здесь:
Этот учебник покажет вам, как добавить мероприятие в календаре Google с текстом сообщения. Он показывает, как подключить ваш Twitter аккаунт к календарю Google, используя их API.
TwitterZoid называется PHP скрипт для парсинга Twitter RSS каналов. Этот учебник покажет вам, как успешно выполнить это.
Учебник по jQuery подключаемому модулю, который позволяет легко показывать Ваши записи на вашем сайте.
Это простой, настраивымый на стороне клиента способ выкладывания записей Twitter на веб-странице. Посмотреть
Этот учебник покажет вам, как использовать jQuery, PHP, и немного AJAX для подключения к Twitter API и возврата результатов.
В этом учебнике, вы узнаете как получить возможность вернуть свои любимые записи из Twitter.
Здесь научат, как создать свой собственный Twitter счетчик, показывающий, как много у вас есть последователей. Посмотреть
Не только показывает записи пользователя, но они могут быть отфильтрованы конкретным словам или ограничивать поиск по языку. Кроме того, можно показывать аватары, что делает этот jQuery плагин достаточно уникальным. Посмотреть
Большинство людей, вероятно, не знают, насколько просто подражать функциональности Twitter. Используя PHP, MySQL и MooTools JavaScript, вы можете осуществить систему типа Twitter в самые короткие сроки.
В этом учебнике, вы узнаете, как легко создать поле, которое отображается последние записи Twitter в боковой панели, без необходимости обращаться к плагинами.
В этом учебнике показано, как написать простой виджет.
Показать последние записи в Speech Bubble.
Если вы найдете официальные Twitter значки слишком большими, то этот учебник для вас.
Этот учебник покажет вам, как настроить различные элементы и создавать свои собственные Twitter пропуска. Посмотреть
В этом учебнике, вы будете делать свой щебет значок с PHP, читая RSS канал, который обеспечивает Twitter.
Показать последние обновления с виджетов.
Большая коллекция Twitter значков, кнопок и иконок, доступных для свободного скачивания.
Создайте Twitter используя четыре строчки кода.
В учебнике рассказывается как создать Twitter клиент для Android.
TwitterAPI библиотеки доступны для наиболее популярных языков программирования, и они открывают новые возможности для публикации информации.
В этой статье вы будете строить Twitter службe для отслеживания обновлений блогосферы.
Здесь вы узнаете о том, как построить свой собственный Twitter клиент.
(Actionscript)
Это ActionScript 3.0 библиотеки для доступа к Twitter в API.
(C++)
Библиотека QTwitLib.
(Java)
Java библиотека для Twitter API.
(Java)
JTwitter является небольшой библиотеки, обеспечивающее легкий доступ к API Twitter.
(PHP)
Может быть использован для установки и извлечения Twitter-статуса пользователя.
(PHP)
Объектно-ориентированный интерфейс PHP для Twitter API.
(PHP)
Twitter PHP модифицирует и расширяет.
(PHP)
Является оболочкой для общения с Twitter API.
(Python)
Оболочка для Twitter API.
(Python)
Клиент для Twitter API.
(Ruby)
Cделает взаимодействие с Twitter как можно более простым.
Пол Эндрю является внештатным веб-дизайнером. Он является главным администратором по . Follow him:
|
|
Молочные фотографии |
Быть творческим и оригинальным в наши дни непростая задача, и для фотографий нет исключения. Молочные фотографии не являются чем-то, что вы видите каждый день, и Андрей Разумовский доказывает это. Вы могли бы спросить себя, что такое молочные фотографии? Ну & лучше это увидеть.
|
|
Тенденции веб-дизайна 2009 по версии Smashing Magazine |
Веб-дизайнеры непостоянны. Им нравится экспериментировать с вещами. Они любят наблюдать, как люди взаимодействуют с их работой. И они любят попробовать необычные подходы, которые, возможно, в будущем станут классическими. В результате, новые подходы появляются, а дизайнеры все больше и больше замечают их и используют. Так возникают новые тенденции.
В течение последних месяцев, Smashing Magazine анализировали множество веб-дизайнов, отметив новые тенденции и массу достоинств многочисленных проектных решений. В этой статье, предлагается подборка новых тенденция в веб-дизайне 2009 года: последние изменения, новые элементы дизайна и новый графический подход.
Данная статья охватывает лишь 10 из более чем 25 тенденций, которые были определены в течение последних месяцев. Вторая часть будет опубликована позже. В ней также будут охвачены новые макеты, новые визуальные подходы и новые элементы дизайна. Пожалуйста, следите за обновлениями.
В этом обзоре вы найдете обзор каждой тенденции и больше красивых примеров, которые могут вдохновить вас на создание следующего проекта.
Одной из наиболее неожиданных тенденций в течение последних месяцев стало появление вдавленных букв в веб-дизайне. Возможно, наиболее важной причиной появления этой тенденции является тот простой факт, что эта техника редко использовалась до сих пор. Вдавленные буквы используются в различных стилях, на различных сайтах и по различным темам.
К счастью, пользовательские интерфейсы в современных веб-сайтах и веб-приложениях становятся все более красивыми и удобными для использования. За последний год, интерфейсы сайтов значительно улучшились, в результате чего они начали иметь сходство с классическими настольными приложениями. Широко используемые AJAX и Flash, предлагают пользователям динамическое взаимодействие, которое они привыкли ожидать от современных, сложных, профессиональных решений.
В частности, мы видели гораздо больше белого пространства за последний год и гораздо больше пространства для различных элементов дизайна. Во время клика по кнопке, они часто изменяют свой вид с нормального на нажатый , подтверждая пользователю о взаимодействии с системой. Помимо этого, все больше и больше услуг в настоящее время может быть персонализированно для пользователя: это явный признак адаптивного пользовательского интерфейса.
Оба примера свидетельствуют о том, что дизайнеры веб-приложений уделяют значительно больше внимания улучшению пользовательских интерфейсов для большей интерактивности и оперативности.
Видимо, дизайнеры стараются стремятся к стилю, который часто используется в печатных средствах массовой информации, журналах. В большинстве случаев, полу-прозрачным фоном выделяют в общем фоне страницы важные элементы дизайна, как, например, заголовок или объявление. Иногда прозрачность PNG используется для фона модальной коробки.
В 2009 году большая типография также остается популярной, как в прошлом. В частности, дизайн агентств, портфолио, продукт-сайты и онлайн-услуги будут использовать крупные типографию для распространения информации о наиболее важных сообщений на своих сайтах. Размер шрифта этих элементов дизайна часто выходит за рамки 36 пикселей.
Дизайнеры не только стали больше уделять внимания типографии, но и не забыли про шрифты, которые используются в теле веб-сайтов. Хотя классические шрифты, такие, как Helvetica, Arial, Verdana, Georgia, несомненно, доминируют, были замечены некоторые тенденции замены шрифтов (например, на sIFR).
Что интересно, эти шрифты часто бесшовно интегрированы в дизайн веб-сайтов. Дизайнеры пытаются улучшить внешний вид сайтов и совершенствуют качество обслуживания пользователей.
Модальные коробки (диалоговых окон) являются, по сути, вторым поколением всплывающих окон. Они служат в качестве удобной альтернативы классическим JavaScript-окнам и сосредотачивают внимание посетителей на наиболее важные области сайта. Модальные окна всегда срабатывают на действия пользователя (например, при регистрации или входе в систему), и появляются поверх основного содержания. Модальные окна зачастую полу-прозрачные и имеют кнопку Закрыть .
Имея более широкополосный доступ в Интернет, пользователи могут себе позволить просматривать больше, чем несколько лет назад, и дизайнеры могут использовать эту возможность для представления контента в более привлекательном и запоминающимся образом. Таким образом, не удивительно, что многие веб-сайты используют продукцты средств массовой информации. Главное преимущество таких элементов состоит в том, что они могут сообщить содержание быстро, эффективно и сделать его проще для пользователей.
Пользователи просто наслаждаются шоу, они получают все объяснения шаг за шагом, без клика.
Но, видео-ролики являются не главной состовляющей хорошего сайта. Кроме этого, не каждый пользователь имеет доступ к широкополосному Интернету, не каждый посетитель готов смотреть видео (например, потому, что он может слушать радио или музыку в фоновом режиме), и не каждый пользователь имеет Flash и JavaScript, установленных на его компьютере.
Интересное развитие дизайна блогов - это адаптация различных методов, как в традиционных (печатных) СМИ. Расположение постов на странице, использование типографии, иллюстрации и даже выравнивание текста часто напоминают традиционные методы из печати. Правда, такой способ расположения информации почти никогда не используется на корпоративных веб-сайтах или интернет-магазинах.
Карусели - по сути слайд-шоу с навигацией, в котором содержание поворачивается вертикально или горизонтально (отсюда и название Карусель ). Чтобы сменить слайд, пользователям необходимо нажать на одно из двух элементов переключения (как правило, влево/вправо или вверх/вниз). В зависимости от выбранного элемента переключения, содержание поворачивается в нужном направлении.
В результате пользователи экономят время, и концентрируются на содержании. Такое слайд-шоу часто используется на развлекательных веб-сайтах и больших блогах, но дизайнеры также используют его в своих портфолио для демонстрации своих работ более интерактивным способом.
Верхняя левая область веб-сайта является наиболее важным блоком на странице, потому что она захватывает наибольшее внимание посетителей. Поэтому, имеет смысл размещать наиболее важные сообщения на сайте прямо здесь и, таким образом, убедиться в том, что читатели получат сообщения как можно быстрее.
По сути, это именно то, что многие дизайнеры делают. Но, заметим, что введение блоков почти никогда не появляется в блогах и редко в онлайн-магазинах.
Данная статья охватывает лишь 10 из более чем 25 тенденций, которые были определены в течение последних месяцев. Вторая часть будет опубликована позже. В ней также будут охвачены новые макеты, новые визуальные подходы и новые элементы дизайна. Пожалуйста, следите за обновлениями.
|
|
Cubismo (ru) |
Cubismo является чистой и простой двухколоночной WordPress темой, поддерживающей виджеты. Макет включает горизонтальное меню в верхней чайти, а также дублирующее меню в нижней.
Тема тестировалась в браузерах FireFox, Internet Explorer 6 / 7, Opera и Safari.
Одна особенность, которая есть в теме Cubismo - описания страниц. Вы можете легко добавить короткое описание для каждой страницы, которую создаете в админ-панели WordPress.
После опубликования описание страницы появится чуть ниже основного меню. Это все очень легко осуществляется через панель администратора, однако изменить описание главной страницы производится путем редактирования файла header.php. Просто отредактируйте текст между
и .
Тема : Cubismo (русскоязычная версия, 30 кб) |
Посмотреть тему в действии можно на этом сайте. Оригинальныя англоязычная версия .
|
|
