Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Записи, помеченные ‘анимация веб’

  • Постоянная ссылка на 10 примеров захватывающего моушн-дизайна в приложениях

    10 примеров захватывающего моушн-дизайна в приложениях

    Эффекты взаимодействия — мелкие детали в мобильном интерфейсе, которые могут сыграть огромную роль в популярности приложения, скрасив пользовательский опыт. За последние несколько лет они они стали чуть ли не обязательной составляющей большинства приложений. Эффект запускается касанием, проведением пальцем по экрану или другим действием. Это может быть анимированная кнопка, пункты меню, выпадающие особыми образом и т. д.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Свежие примеры анимации в веб-дизайне

    Свежие примеры анимации в веб-дизайне

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на 20 примеров анимации, созданных при помощи кода

    20 примеров анимации, созданных при помощи кода

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

    Далее... 2 Комментариев »
  • Постоянная ссылка на Сайты с фоновой анимацией

    Сайты с фоновой анимацией

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

    Далее... 4 Комментариев »
  • Постоянная ссылка на Крутые дизайнерские gif-ки

    Крутые дизайнерские gif-ки

    Анимация всегда привлекала внимание. И даже просто анимированный объект смотрится куда привлекательнее и интереснее. Сегодня мы собрали примеры оживших гифок, которые обязательно завладеют вашим вниманием. Смотрите, вдохновляйтесь и рисуйте собственные мини-мультики.

    Далее... 4 Комментариев »
  • Постоянная ссылка на Цикл уроков об анимации CSS3. Часть 2: Основы свойств анимаций

    Цикл уроков об анимации CSS3. Часть 2: Основы свойств анимаций

    Во второй части цикла уроков об анимациях CSS3 мы детально рассмотрим определение ключевых кадров и свойств элемента. В предыдущем уроке мы обсуждали ключевые кадры — место в анимации, где задано известное состояние. 

    Далее... Нет комментариев »
  • Постоянная ссылка на 7 подсказок для создания анимированных гифок

    7 подсказок для создания анимированных гифок

    Из сегодняшней публикации вы узнаете как создавать классные гифки, которые украсят ваш дизайн и оживят любую страницу. Расскажут об этом представители студии InVision, которые активно используют этот вид анимации на своем сайте, предпочитая гифки перегруженному коду. Сегодня вы узнаете как создать такие же анимированные картинки.

    Далее... 1 Комментарий »
  • Постоянная ссылка на Подборка «живых» сайтов

    Подборка «живых» сайтов

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

    Далее... 1 Комментарий »
  • Постоянная ссылка на Создание анимации с Animate.css

    Создание анимации с Animate.css

    Несмотря на все трудности возникающие при создании анимации, безусловно стоит стремиться к получению навыков,  приобретению уверенности и достижению мастерства в этой области. Ден Эден – дизайнер и студент из Манчестера (Великобритания) —  создал своеобразную библиотеку анимации Animate.css. По его словам, изначально идея возникла для оптимизации собственного времени на разработку проектов, а затем приобрела большие масштабы. Теперь все желающие могут [...]

    Далее... 1 Комментарий »

Страница 1 из 212