{"id":721,"date":"2017-02-20T15:46:54","date_gmt":"2017-02-20T15:46:54","guid":{"rendered":"http:\/\/commarts.pleather.us\/2017\/02\/20\/motion-design-ui-and-ux-collection\/"},"modified":"2017-02-20T15:46:54","modified_gmt":"2017-02-20T15:46:54","slug":"motion-design-ui-and-ux-collection","status":"publish","type":"post","link":"https:\/\/blog.valdosta.edu\/m2\/2017\/02\/20\/motion-design-ui-and-ux-collection\/","title":{"rendered":"Motion design: UI and UX Collection"},"content":{"rendered":"<p><span class=\"field field--name-title field--type-string field--label-hidden\">Motion design: UI and UX Collection <\/span><\/p>\n<div class=\"clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item\">\n<p>Motion design is intrinsically useful for product design, especially when designing for mobile devices. Even experience designers might have a difficult time evaluation solutions on the computer without testing on the device. In addition to that, there&#8217;s so much information that can be lost by using the old approach of static mocks. Those are just a couple of reasons why motion design and prototype are mandatory steps during the product design process. After Effects, Principle, Framer, Javascript or straight native Java or Swift are some of the tool available. They all have their pros and cons but the important thing is that they all gives us that extra level of information to helps us on our decision making process to deliver the best user interface.<\/p>\n<p>On this post I will share some motion design projects on user interface. They are from Dribbble, one of the best sources for this type of work. Make sure to click on the images to find out more about the designers behind them.<\/p>\n<h2>Motion design for UI<\/h2>\n<p><a href=\"https:\/\/dribbble.com\/shots\/3304767-Principle-Primer\"><img decoding=\"async\" alt=\"Principle primer dribbble\" src=\"https:\/\/d13yacurqjgara.cloudfront.net\/users\/133545\/screenshots\/3304767\/principle-primer-dribbble.gif\" \/><\/a><a href=\"https:\/\/dribbble.com\/shots\/3304605-Goggles\"><img decoding=\"async\" alt=\"Goggles20\" src=\"https:\/\/d13yacurqjgara.cloudfront.net\/users\/17014\/screenshots\/3304605\/goggles20.gif\" \/><\/a><a href=\"https:\/\/dribbble.com\/shots\/3304204-Daily-UI-007-settings\"><img decoding=\"async\" alt=\"Dailyui 007 dribbble\" src=\"https:\/\/d13yacurqjgara.cloudfront.net\/users\/484008\/screenshots\/3304204\/dailyui-007-dribbble.gif\" \/><\/a><a href=\"https:\/\/dribbble.com\/shots\/3303768-BillGuard-Rebrand-New-Animations\"><img decoding=\"async\" alt=\"Ezgif.com video to gif  1 \" src=\"https:\/\/d13yacurqjgara.cloudfront.net\/users\/476325\/screenshots\/3303768\/ezgif.com-video-to-gif__1_.gif\" \/><\/a><a href=\"https:\/\/dribbble.com\/shots\/3302823-animation\"><img decoding=\"async\" alt=\"  \" src=\"https:\/\/d13yacurqjgara.cloudfront.net\/users\/592004\/screenshots\/3302823\/__.gif\" \/><\/a><a href=\"https:\/\/dribbble.com\/shots\/3302245-Navigation-Experiment\"><img decoding=\"async\" alt=\"B o nav\" src=\"https:\/\/d13yacurqjgara.cloudfront.net\/users\/1078640\/screenshots\/3302245\/b_o_nav.gif\" \/><\/a><a href=\"https:\/\/dribbble.com\/shots\/3201794-Calculator-for-Android\"><img decoding=\"async\" alt=\"Calculator\" src=\"https:\/\/d13yacurqjgara.cloudfront.net\/users\/986\/screenshots\/3201794\/calculator.gif\" \/><\/a><a href=\"https:\/\/dribbble.com\/shots\/2784897-Personal-site\"><img decoding=\"async\" alt=\"Personal\" src=\"https:\/\/d13yacurqjgara.cloudfront.net\/users\/986\/screenshots\/2784897\/personal.gif\" \/><\/a><a href=\"https:\/\/dribbble.com\/shots\/3304543-Setmore-New-features-walkthrough\"><img decoding=\"async\" alt=\"Set more cards dribble v2 gif\" src=\"https:\/\/d13yacurqjgara.cloudfront.net\/users\/824356\/screenshots\/3304543\/set_more_cards_dribble_v2_gif.gif\" \/><\/a><a href=\"https:\/\/dribbble.com\/shots\/3153477-Mobile-Video-Experience\"><img decoding=\"async\" alt=\"Capa cv profil dribble gif2\" src=\"https:\/\/d13yacurqjgara.cloudfront.net\/users\/824356\/screenshots\/3153477\/capa_cv_profil_dribble_gif2.gif\" \/><\/a><\/p>\n<\/div>\n<p>      <span class=\"field field--name-uid field--type-entity-reference field--label-hidden\"><a title=\"View user profile.\" href=\"http:\/\/abduzeedo.com\/profile\/abduzeedo\" class=\"username\">abduzeedo<\/a><\/span><br \/>\n<span class=\"field field--name-created field--type-created field--label-hidden\">Feb 20, 2017<\/span><\/p>\n<div class=\"field field--name-field-tags field--type-entity-reference field--label-hidden field__items\">\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/tags\/motion-design\">motion design<\/a><\/div>\n<div class=\"field__item\"><a href=\"http:\/\/abduzeedo.com\/tags\/uiux\">UI\/UX<\/a><\/div><\/div>\n<p>Source: Abduzeedo UI\/UX<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Motion design: UI and UX Collection Motion design is intrinsically useful for product design, especially when designing for mobile devices. Even&#8230;<\/p>\n","protected":false},"author":245,"featured_media":722,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_oasis_is_in_workflow":0,"_oasis_original":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_vp_format_video_url":"","_vp_image_focal_point":[],"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[44],"class_list":["post-721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-camera"],"acf":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/blog.valdosta.edu\/m2\/wp-content\/uploads\/sites\/107\/2017\/02\/principle-primer-dribbble.gif","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paqOTj-bD","_links":{"self":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/users\/245"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/comments?post=721"}],"version-history":[{"count":0,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/721\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/media\/722"}],"wp:attachment":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/media?parent=721"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/categories?post=721"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/tags?post=721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}