Рубрика «анимация» - 10

OFFF — своеобразный фестиваль барселонских творцов — появился аж целых 16 лет назад, в 2000 году, а название расшифровывается как Online Flash Film Festival. Зачинщиком тусовки был испанский дизайнер и художник Héctor Ayuso. Сам Гектор называет OFFF не просто фестивалем, а своеобразным жизненным путём, который постоянно меняется и эволюционирует.

image

Фестиваль не о том, как работать и решать проблемы в процессах по инструкции. Он совершенно о противоположном — о том, как всегда любить, что ты делаешь, не стесняться быть открытым и не бояться ошибаться, пробуя новое.
Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда

Дайджест свежих материалов из мира фронтенда за последнюю неделю №215 (6 — 12 июня 2016) - 1
Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы и интересные материалы из области фронтенда

Дайджест свежих материалов из мира фронтенда за последнюю неделю №214 (30 мая — 5 июня 2016) - 1
Читать полностью »

Сегодня наконец-то состоялся очередной релиз редактора для художников Krita 3.0. На разработку новой версии ушел почти год. За этот год в Крите были реализованы анимация, режим мгновенного предпросмотра и множество мелких улучшений, за которые проголосовали спонсоры Кикстартера 2015. Кроме того, в проекте произошло много организационных изменений: отделение от Calligra, порт на Qt5 + KDE Frameworks 5 и старт выпуска стабильных версий для OSX.

Стабильная версия редактора Krita 3.0 с поддержкой анимации - 1

Обо всем этом я постараюсь рассказать в данной статье!
Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Дайджест свежих материалов из мира фронтенда за последнюю неделю №213 (23 — 29 мая 2016) - 1
Читать полностью »

Микровзаимодействия — один из ключевых моментов UI/UX-дизайна. Они содержат детали, части продукта, которые выполняют одну конкретную задачу. Каждый раз когда мы меняем настройки, синхронизируем данные и устройства, устанавливаем будильник, вводим логин и пароль или выбираем определенную функцию — мы сталкиваемся с микровзаимодействиями. Они сопровождают нас повсюду: в различных устройствах и приложениях наших телефонов, компьютеров, в офисной и бытовой технике, в транспорте и дома. И если микровзаимодействия сделаны правильно, они делают нашу жизнь комфортнее, интереснее и проще.

В этом посте мы рассмотрим 5 ошибок, которые следует избегать при создании микровзаимодействий.

5 ошибок, которых следует избегать при создании микровзаимодействий - 1

Читать полностью »

begin{tikzpicture}deft{0}defr{3.1415}begin{axis}[width=12cm,height=7cm,    ticks=none,    xmin=-0.5, xmax=3.8,    axis y line=left,axis x line=bottom,    xlabel=$t$,ylabel=$x$, every axis x label/.style={at={(current axis.south east)},anchor=south},every axis y label/.style={at={(current axis.north west)},anchor=west},enlargelimits=true,mark size=1    ]addplot[smooth,blue,domain=t:r,samples=80] {1-cos(deg(x*3))};addplot[mark=*] coordinates {(t,0)};addplot[mark=*] coordinates {(r,2)};end{axis}end{tikzpicture}

Рис. 0. КДПВ

Анимация в интерфейсе делает наглядным изменение его состояния. Например, при неудачной отправке длинная форма прокручивается к неправильно заполненному полю. Или увеличивающаяся по нажатию фотография раздвигает окружающие элементы.

Без анимации сложнее воспринимать резкие и внезапные изменения. Вместе с тем анимация должна быть короткой и ненавязчивой, чтобы не мешать пользователю.

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

Анимация Floating Action Button в Android - 1

С момента возникновения концепции Material design одним из самых простых в реализации элементов стала плавающая кнопка действия — FAB, Floating Action Button. Этот элемент быстро обрёл широчайшую популярность среди разработчиков и дизайнеров. В этой публикации мы рассмотрим, как можно анимировать FAB и сделать её интерактивной. Но сначала разберём, как вообще добавить этот элемент в ваш проект.
Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости

Дайджест свежих материалов из мира фронтенда за последнюю неделю №212 (16 — 22 мая 2016) - 1
Читать полностью »

Приветствую тебя читатель. Сегодня я хочу рассказать о своем опыте создания заглушки с ошибкой «Sorry, your browser doesn't support WebGL». Эту заглушку я придумал, работая над одним из своих компонентов, где я использовал технологию WebGL.
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js