Сортировать статьи по: дате | популярности | посещаемости | комментариям | алфавиту


Параллакс-скроллинг и его применение в веб-дизайне

Технология эта прижилась в сфере дизайна только потому, что она выглядит действительно креативно и круто. Несмотря на растущую популярность, этот эффект всегда можно реализовать как-то по особому и очень успешно. Иногда, при прокрутке, фоновое изображение также изменяется, но это не обязательное требование. Лучшая сторона данного эффекта заключается в том, что он состоит из нескольких слоев изображений, которые как бы «наложены» друг на друга, и все они двигаются с разной скоростью, что создает эффект трехмерного пространства.

Хотя зачастую данный эффект применяют именно подобным образом, это вовсе не означает, что вы ограничены лишь созданием искусственного трехмерного эффекта. Его также можно применять к различных иконкам, изображениям и другим элементам на странице, что в значительной степени увеличивает взаимодействие посетителей с сайтом.
Разработка адаптивного веб-сайта: структура шаблона и media queries

Ввиду роста числа произведенных смартфонов за последние пару лет, и появления множества различных стандартов разрешения экранов, стало невозможно игнорировать пользователей, который просматривают веб-страницы посредсвтом мобильных устройств. Используют ли они устройство на платформе Android, Windows Mobile, BlackBerry или iPhone или пользуются планшетом с довольно большим экраном, каждый пользователь заслуживает уважительного отношения. Мы как дизайнеры должны обеспечить этим пользователям максимально удобное взаимодействие с веб-сайтами, каким бы устройством они ни пользовались.
Создание интерфейса веб-сайта в стиле параллакс-скроллинга на jQuery и CSS

Интерфейсы веб-сайтов с параллакс-скроллингом все больше набирают популярность. Нам не хотелось бы упускать из виду данную тенденцию, поэтому сегодня мы предлагаем вам демо-проект с использованием эффекта параллакс, разработанный при помощи jQuery и CSS.
18 красивых примеров parallax-скроллинга в веб-дизайне

Эффект параллакс в веб-дизайне – это нечто, что в последние годы стало набирать обороты. Если использовать данную технику правильно, она может в значительной степени улучшить ваши интерфейсы и дать возможность создания бесшовной навигации. Если использовать её неправильно, то ваша страница будет похожа на свалку с кучей хаотично перемещающихся элементов. Если вы собираетесь использовать parallax-скроллинг в вашем следующем веб-проекте, то для начала ознакомьтесь с нашей сегодняшней подборкой.
Классификация блог-заметок, и как сочетать различные их виды в блоге о веб-дизайне

Блоговодство может оказаться для кого-то опасным делом, ведь часто сам процесс управления ресурсом и его текущего обслуживания настолько затягивает, что человек места себе не находит, пока не опубликует новую заметку; хуже того - зависимость может обостряться, напряжённо томя автора в предвкушении первых читательских откликов. Стать блогоманом, действительно, недолго, и лично я, как ни странно, не вижу в этом большой беды (разумеется, особо тут радоваться нечему, но в сравнении с другими пристрастиями, блогомания - не самое пагубное). По сути, есть две точки зрения на одну проблему: скептик, скорее всего, скажет, что постоянное просиживание в блоге - зловещий признак, и эту "болезнь" нужно лечить, оптимист же заметит, что пристрастие - следствие сильного увлечения, только и всего...
Разрабатываем адаптивный дизайн

Интернет, как мы знаем, меняется. В прошлом дизайнеры и разработчики могли сосредоточить свои усилия только на экране компьютера. Однако в последние годы появилось множество устройств с поддержкой интернета с разными формами и возможностями, а это значит, что теперь мы должны разрабатывать сайты для комфортного отображения на экранах с разными размерами, пропорциями и разрешениями, которые только возможны.
Наш старый подход к разработке дизайна под фиксированную ширину экрана больше не подходит. Так что же нам делать? Ответ, дорогие читатели, лежит в адаптивном веб-дизайне.
Знакомство с Parallax Scrolling

Каждый, кому довелось наблюдать за игрой друзей, или даже играть в игры, которые были выпущены в 80-90-х годах – знает, что такое техника Parallax-скроллинг.

Давайте вспомним такие игры, как Mario Bros, Mortal Kombat, Street of Rage, Turtles in Time, или же оригинальную игру Moon Patrol. Именно тогда, когда определённое количество фоновых слоёв с многочисленными текстурами двигаются на разных скоростях (что и создаёт эффект трехмерного пространства), наблюдается та самая Parallax-техника.
Style Tiles – построение веб-дизайна на глазах у заказчика плюс адаптивный метод веб-разработки

Обсуждая с клиентами детали нового веб-проекта, важно убедиться, что вы друг друга полностью понимаете, и только потом браться за построение макета, не говоря уже о самом дизайне.

Саманта Уоррен (Samantha Warren) предлагает дизайнерам свою разработку Style Tiles - сервис с функциями настройки шрифтов, цветов и компонентов интерфейса, предназначенный для совместного проектирования дизайнеров и их клиентов, то есть, для построения ими набросков/черновиков для большей наглядности, дающей представление о стилистических предпочтениях + запросах заказчика.
Примеры свежих эффектов в веб-дизайне ... продолжение

Предлагаем вашему вниманию ещё одну подборку несколько неординарных эффектов в веб-дизайне.

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

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