https://www.dejurka.ru Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов. Sat, 22 Jun 2019 07:00:59 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 https://www.dejurka.ru/web-design/fresh-cases-in-animation-web-effects/ https://www.dejurka.ru/web-design/fresh-cases-in-animation-web-effects/#comments Fri, 22 Jul 2016 10:00:46 +0000 Mary - Dejurka http://www.dejurka.ru/?p=151732
Анимация не просто делает сайт интреснее и привлекательнее, но и в некоторых случаях помогает более ясно представить товар или услугу. Иногда даже легкое подрагивание какого-нибудь элемента в корне меняет отношение посетителя. Сегодня мы собрали несколько отличных примеров использования анимации в веб-дизайне и советуем переходить по ссылкам, чтобы насладиться эффектами в полной мере.     screamfest.co.uk   [...]]]> https://www.dejurka.ru/web-design/fresh-cases-in-animation-web-effects/feed/ 2 https://www.dejurka.ru/inspiration/cool-css-effects/ https://www.dejurka.ru/inspiration/cool-css-effects/#comments Sat, 02 Jul 2016 10:00:17 +0000 Mary - Dejurka http://www.dejurka.ru/?p=151143
В этой подборке мы собрали интересные примеры анимации, написанные при помощи кода. Современные технологии дают современным программистам практически неограниченные возможности. Сегодняшний веб пестрит всевозможными эффектами. Некоторыми из них мы спешим поделиться с вами.     Ana Tudor Louis Hoebregts Christopher Lis Brian Montana Akimitsu Hamamuro jagarikin Gabi Siyoung Park  Christopher Lis Gabi Christopher Lis Gilmore [...]]]> https://www.dejurka.ru/inspiration/cool-css-effects/feed/ 2 https://www.dejurka.ru/web-design/background-animation-web-design/ https://www.dejurka.ru/web-design/background-animation-web-design/#comments Wed, 27 Jan 2016 11:00:07 +0000 Mary - Dejurka http://www.dejurka.ru/?p=142848
Есть множество способов привлечь внимание пользователей. Сегодня мы поговорим об одном из них. Речь пойдет о фоновой анимации, которая может и не нести смысловой нагрузки, зато делает сайт живым, запоминающимся для тех, кто на него зашел. Ниже вы увидите самые различные примеры этого эффекта.     truedigital.co.uk subvisual.co  axiomretailenergy.com  cylance.com laforcedelamusique.com  workshop.crma2016.gobelins.fr  film.livyatanim.com theneverendingstories.com  20rpm.sweetrice.com  [...]]]> https://www.dejurka.ru/web-design/background-animation-web-design/feed/ 2 https://www.dejurka.ru/css/awesome-css3-animated-header/ https://www.dejurka.ru/css/awesome-css3-animated-header/#comments Sun, 06 Dec 2015 11:00:28 +0000 Mary - Dejurka http://www.dejurka.ru/?p=141099
С помощью анимаций CSS3 можно создавать ошеломительные эффекты. Из этого урока Вы узнаете, как создать интересную анимированную шапку с помощью ключевых кадров. Этот урок посвящен грядущим праздникам, и мы очень надеемся, что его выполнение поможет вам настроиться на новогоднее настроение!     Демонстрация работы А также можете скачать макет в формате .psd. Код HTML  Разметка [...]]]> https://www.dejurka.ru/css/awesome-css3-animated-header/feed/ 0 https://www.dejurka.ru/css/css-animation-part-ii/ https://www.dejurka.ru/css/css-animation-part-ii/#comments Tue, 10 Mar 2015 11:00:27 +0000 Mary - Dejurka http://www.dejurka.ru/?p=126044
Во второй части цикла уроков об анимациях CSS3 мы детально рассмотрим определение ключевых кадров и свойств элемента. В предыдущем уроке мы обсуждали ключевые кадры — место в анимации, где задано известное состояние.    Определение ключевых кадров  Давайте создадим простой набор ключевых кадров, где цвет фона изменяется от синего через красный, зеленый, фиолетовый и черный снова до [...]]]> https://www.dejurka.ru/css/css-animation-part-ii/feed/ 0 https://www.dejurka.ru/web-design/animation-in-web-design-2/ https://www.dejurka.ru/web-design/animation-in-web-design-2/#comments Tue, 03 Mar 2015 08:00:33 +0000 Mary - Dejurka http://www.dejurka.ru/?p=125348
Анимация на сайтах становится все доступнее и проще. Возможностей оживить объект на сайте множество: начиная анимированными гифами, заканчивая эффектами CSS3. При этом лишь немного оживив один из элементов на сайте, вы делаете его интереснее и привлекательнее для пользователей. Сегодня мы собрали сайты, на которых в той или иной степени присутствует анимация, выполненная самыми различными техническими [...]]]> https://www.dejurka.ru/web-design/animation-in-web-design-2/feed/ 1 https://www.dejurka.ru/articless/tips-for-animated-gof-design/ https://www.dejurka.ru/articless/tips-for-animated-gof-design/#comments Thu, 15 Jan 2015 11:00:01 +0000 Mary - Dejurka http://www.dejurka.ru/?p=124414
Из сегодняшней публикации вы узнаете как создавать классные гифки, которые украсят ваш дизайн и оживят любую страницу. Расскажут об этом представители студии InVision, которые активно используют этот вид анимации на своем сайте, предпочитая гифки перегруженному коду. Сегодня вы узнаете как создать такие же анимированные картинки.     Дизайн гифок 1. Секретный ингредиент Главный секрет InVision заключается в [...]]]> https://www.dejurka.ru/articless/tips-for-animated-gof-design/feed/ 1 https://www.dejurka.ru/web-design/alive-websites/ https://www.dejurka.ru/web-design/alive-websites/#comments Sat, 30 Nov 2013 07:55:19 +0000 Mary - Dejurka http://www.dejurka.ru/?p=96257
Сегодня мы собрали сайты, которые благодаря мелкой анимации кажутся живыми. Небольшое движение под курсором мыши, движущиеся тени, еле-покачивающиеся элементы - все эти мелочи при грамотном подходе могут стать мощным инструментом в процессе создания живого дизайна. Обязательно откройте понравившиеся сайты из сегодняшней подборки, чтобы рассмотреть их поближе.   poppiesflowers.com  thelostthing.com  papercutart.no mooseheads.com.au  jamesgarner.co.uk  hashima-island.co.uk  c-roots.com  mosne.it  [...]]]> https://www.dejurka.ru/web-design/alive-websites/feed/ 1 https://www.dejurka.ru/css/animate-css/ https://www.dejurka.ru/css/animate-css/#comments Sat, 02 Nov 2013 10:00:24 +0000 marina http://www.dejurka.ru/?p=84890
Несмотря на все трудности возникающие при создании анимации, безусловно стоит стремиться к получению навыков,  приобретению уверенности и достижению мастерства в этой области. Ден Эден – дизайнер и студент из Манчестера (Великобритания) -  создал своеобразную библиотеку анимации Animate.css. По его словам, изначально идея возникла для оптимизации собственного времени на разработку проектов, а затем приобрела большие масштабы. Теперь все [...]]]> https://www.dejurka.ru/css/animate-css/feed/ 1 https://www.dejurka.ru/web-design/animation-in-web-design/ https://www.dejurka.ru/web-design/animation-in-web-design/#comments Sat, 14 Sep 2013 10:00:35 +0000 Mary - Dejurka http://www.dejurka.ru/?p=86880
Анимация на сайте всегда привлекает внимание пользователя, заставляет его задержаться подольше на ресурсе, посмотреть что же будет дальше. Наверное, по этой причине веб-дизайнеры часто слышат от заказчиков "сделайте, чтобы это двигалось", "а можно чтобы тут что-то пролетало?" и т. д. Если вы оказались в похожей ситуации, обратите внимание на эту подборку. Мы собрали интересные сайты [...]]]> https://www.dejurka.ru/web-design/animation-in-web-design/feed/ 5