{"id":3651,"date":"2014-04-08T11:05:00","date_gmt":"2014-04-08T03:05:00","guid":{"rendered":"https:\/\/blog-staging.tenten.co\/blog\/20-great-ui-design-animation\/"},"modified":"2023-12-28T01:02:54","modified_gmt":"2023-12-27T17:02:54","slug":"20-great-ui-design-animation","status":"publish","type":"post","link":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/","title":{"rendered":"\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c"},"content":{"rendered":"<p>\u770b\u81a9\u4e86\u975c\u614b\u4ecb\u9762\u8a2d\u8a08\u7684\u5716\u6848\u4e86\u55ce? \u975c\u614b\u7684\u622a\u5716\u5f80\u5f80\u6c92\u6709\u8fa6\u6cd5\u771f\u6b63\u8b93\u4f7f\u7528\u8005\u611f\u53d7 UI \u8a2d\u8a08\u4e92\u52d5\u7684\u7f8e\u611f\u8207\u6d3b\u529b<br \/>\n\u800c\u7dda\u6846\u5716\u770b\u8d77\u4f86\u7e3d\u7565\u986f\u67af\u71e5\u3002\u5c0d\u65bc\u884c\u52d5\u61c9\u7528\u7a0b\u5e8f\u958b\u767c\u4eba\u54e1\u548c\u8a2d\u8a08\u5e2b\u4f86\u8aaa\uff0c\u900f\u904e\u4e92\u52d5\u7684 GIF \u52d5\u756b\u5c55\u793a\u624b\u6a5f APP UI \u8a2d\u8a08\u7684\u6982\u5ff5\u8207\u9280\u5e55\u6293\u5716\u6216\u4e00\u500b\u7279\u5b9a\u7684\u529f\u80fd\u5728 APP \u4e2d\u662f\u5982\u4f55\u4e92\u52d5\u6216\u8a31\u662f\u4e00\u500b\u53ef\u611b\u4e14\u6709\u8da3\u7684\u5448\u73fe\u6280\u5de7\u3002<\/p>\n<p>\u4e0b\u9762\u7684\u5217\u8868\u5305\u542b 20 \u500b\u6975\u5177\u5275\u610f\u7684 APP UI \u8a2d\u8a08\u52d5\u756b\u6548\u679c\uff0c\u76f8\u4fe1\u5176\u4e2d\u5f88\u591a\u7684\u8a2d\u8a08\u4f60\u4e4b\u524d\u90fd\u6c92\u898b\u5230\u904e\u3002<\/p>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1360884-Gif-Animation\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Gif Animation<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/2da771a62b63b53f832c7bdc5780882f.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_2da771a62b63b53f832c7bdc5780882f.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1436337-Speedcam-app-animation\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Speedcam App Animation<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/c18b797afa2189b57935808f5640df27.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_c18b797afa2189b57935808f5640df27.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1375652-Gif-Animation-Abracadabra-App\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Abracadabra App<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/1bd07ec20bbae0efbae4ff69874faff9.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_1bd07ec20bbae0efbae4ff69874faff9.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1282514-Loading-anim\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Loading Animation<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/a3ac99789563e16001865241c685feff.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_a3ac99789563e16001865241c685feff.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1306233-Profile-animation\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Profile Animation<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/5ca3f7c02c458b395008e12a1dc8690c.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_5ca3f7c02c458b395008e12a1dc8690c.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1297311-Designer-screen-GIF-Animation\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Designer Screen GIF Animation<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/4895a8e0a2fe1cee9f879f2f938d7534.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_4895a8e0a2fe1cee9f879f2f938d7534.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1355860-Gif-Animation-of-Template-Gallery\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">GIF Animation of Template Gallery<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/1ec84186baf9317c21e18d91a760735d.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_1ec84186baf9317c21e18d91a760735d.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1362152-Weather\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Weather App<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/1049e1f40d2209d069f8563f390a6496.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_1049e1f40d2209d069f8563f390a6496.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1299045-Push-animation\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Push Animation<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/8069da5102a0689ed673fad64e780e39.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_8069da5102a0689ed673fad64e780e39.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1118077-Proces-animation\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Process Animation<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/51ffb315bdcd090d2ea972ea90a62598.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_51ffb315bdcd090d2ea972ea90a62598.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1280333-iWatch-Mock-Up\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">iWatch Mock-Up<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/9c9db3a44fe7e89c9e003d083106595d.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_9c9db3a44fe7e89c9e003d083106595d.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1212896-Weather-Rebound-gif\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Weather Rebound Gif<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/7a3ed8be76b6e41f4c2081fd1c503631.gif\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/postachio-images.s3-website-us-east-1.amazonaws.com\/352f4725bca174feb28c1b28a2e2a886\/c32f5667aa83e0411f935577d5132dce\/w600_7a3ed8be76b6e41f4c2081fd1c503631.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1263633-Curl\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Curl Animation<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1263633-Curl\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-011.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1332390--GIF-Tour\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">GIF Tour<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1332390--GIF-Tour\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-012.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/976474-Animated-sliding-tab-bar\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Animated Sliding Tab Bar<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/976474-Animated-sliding-tab-bar\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-013.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1449083-Animation-test\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Animation Test<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1449083-Animation-test\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-014.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1357692-Photo-Navigation-Concept-GIF\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Photo Navigation Concept<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1357692-Photo-Navigation-Concept-GIF\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-016.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1368542-Gif-Fiche\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Fiche Gif Animation<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1368542-Gif-Fiche\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-017.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1447111-myChat-app-concept\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">myChat App Concept<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1447111-myChat-app-concept\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-018.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/905215-COVERT-INBOX\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Covert Inbox<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/905215-COVERT-INBOX\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-019.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1410455-Soccer-analytics\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Soccer Analytics<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1410455-Soccer-analytics\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-020.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1032378-Map-Pin-Bubble-Animated\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Map Pin Bubble<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1032378-Map-Pin-Bubble-Animated\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-022.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1184103-Menu-Animation\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Menu Animation<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1184103-Menu-Animation\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-004.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1209105-first-shot\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">First Shot<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1209105-first-shot\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-024.gif\" \/><\/a><\/div>\n<p>&nbsp;<\/p>\n<h4><a href=\"http:\/\/dribbble.com\/shots\/1041852-Fold-Effect-animation\" target=\"_blank\" shape=\"rect\" rel=\"noopener\">Fold Effect<\/a><\/h4>\n<p>&nbsp;<\/p>\n<div><a href=\"http:\/\/dribbble.com\/shots\/1041852-Fold-Effect-animation\" target=\"_blank\" shape=\"rect\" rel=\"noopener\"><img decoding=\"async\" alt=\"\" src=\"http:\/\/maxcdn.thedesigninspiration.com\/wp-content\/uploads\/2014\/03\/GIF-UI-Design-025.gif\" \/><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"20 \u500b\u6975\u5177\u5275\u610f\u7684 APP UI \u8a2d\u8a08\u52d5\u756b\u6548\u679c\uff0c\u76f8\u4fe1\u5176\u4e2d\u5f88\u591a\u7684\u8a2d\u8a08\u4f60\u4e4b\u524d\u90fd\u6c92\u898b\u5230\u904e","protected":false},"author":1,"featured_media":3656,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[304],"tags":[],"ppma_author":[533],"class_list":{"0":"post-3651","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-ui-ux","8":"cs-entry"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c - Tenten Blog<\/title>\n<meta name=\"description\" content=\"20 \u500b\u6975\u5177\u5275\u610f\u7684 APP UI \u8a2d\u8a08\u52d5\u756b\u6548\u679c\uff0c\u76f8\u4fe1\u5176\u4e2d\u5f88\u591a\u7684\u8a2d\u8a08\u4f60\u4e4b\u524d\u90fd\u6c92\u898b\u5230\u904e\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c - Tenten Blog\" \/>\n<meta property=\"og:description\" content=\"20 \u500b\u6975\u5177\u5275\u610f\u7684 APP UI \u8a2d\u8a08\u52d5\u756b\u6548\u679c\uff0c\u76f8\u4fe1\u5176\u4e2d\u5f88\u591a\u7684\u8a2d\u8a08\u4f60\u4e4b\u524d\u90fd\u6c92\u898b\u5230\u904e\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/\" \/>\n<meta property=\"og:site_name\" content=\"Tenten Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/tentencreative\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-04-08T03:05:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-12-27T17:02:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/s5.tenten.co\/2023\/12\/ui-design.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"650\" \/>\n\t<meta property=\"og:image:height\" content=\"487\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nancy P\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/tentencreative\" \/>\n<meta name=\"twitter:site\" content=\"@tentencreative\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nancy P\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/\"},\"author\":{\"name\":\"Nancy P\",\"@id\":\"https:\/\/tenten.co\/blog\/#\/schema\/person\/b8f2cfaa5cdbcc9a9be32ad46da81aba\"},\"headline\":\"\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c\",\"datePublished\":\"2014-04-08T03:05:00+00:00\",\"dateModified\":\"2023-12-27T17:02:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/\"},\"wordCount\":121,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/tenten.co\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/s5.tenten.co\/2023\/12\/ui-design.jpg\",\"articleSection\":[\"UI\/ UX\"],\"inLanguage\":\"zh-TW\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/\",\"url\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/\",\"name\":\"\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c - Tenten Blog\",\"isPartOf\":{\"@id\":\"https:\/\/tenten.co\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/s5.tenten.co\/2023\/12\/ui-design.jpg\",\"datePublished\":\"2014-04-08T03:05:00+00:00\",\"dateModified\":\"2023-12-27T17:02:54+00:00\",\"description\":\"20 \u500b\u6975\u5177\u5275\u610f\u7684 APP UI \u8a2d\u8a08\u52d5\u756b\u6548\u679c\uff0c\u76f8\u4fe1\u5176\u4e2d\u5f88\u591a\u7684\u8a2d\u8a08\u4f60\u4e4b\u524d\u90fd\u6c92\u898b\u5230\u904e\",\"breadcrumb\":{\"@id\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#primaryimage\",\"url\":\"https:\/\/s5.tenten.co\/2023\/12\/ui-design.jpg\",\"contentUrl\":\"https:\/\/s5.tenten.co\/2023\/12\/ui-design.jpg\",\"width\":650,\"height\":487},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tenten.co\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tenten.co\/blog\/#website\",\"url\":\"https:\/\/tenten.co\/blog\/\",\"name\":\"AI SEO by Tenten - AI-Powered SEO + Technical SEO\",\"description\":\"Shopify Plus\u3001Webflow \u8a8d\u8b49\u5c08\u5bb6\uff01Tenten \u5e6b\u4f60\u5feb\u901f\u5efa\u7f6e\u5c08\u696d\u7db2\u7ad9\",\"publisher\":{\"@id\":\"https:\/\/tenten.co\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tenten.co\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/tenten.co\/blog\/#organization\",\"name\":\"AI SEO by Tenten - AI-Powered SEO + Technical SEO\",\"url\":\"https:\/\/tenten.co\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/tenten.co\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/s5.tenten.co\/2023\/12\/site-icon.png\",\"contentUrl\":\"https:\/\/s5.tenten.co\/2023\/12\/site-icon.png\",\"width\":512,\"height\":512,\"caption\":\"AI SEO by Tenten - AI-Powered SEO + Technical SEO\"},\"image\":{\"@id\":\"https:\/\/tenten.co\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/tentencreative\/\",\"https:\/\/x.com\/tentencreative\",\"https:\/\/www.linkedin.com\/company\/tentenco\",\"https:\/\/www.instagram.com\/tenten.co\",\"https:\/\/www.youtube.com\/user\/tentencreative\",\"https:\/\/dribbble.com\/tentenco\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/tenten.co\/blog\/#\/schema\/person\/b8f2cfaa5cdbcc9a9be32ad46da81aba\",\"name\":\"Nancy P\",\"description\":\"Experienced Stock Market Researcher and Financial Advisor with a passion for analyzing market trends and helping clients make informed investment decisions. Combining in-depth market knowledge with personalized financial planning to deliver tailored solutions for individuals and businesses.\",\"sameAs\":[\"https:\/\/tenten.co\",\"https:\/\/instagram.com\/tenten.co\",\"https:\/\/www.linkedin.com\/in\/pladoramaria\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/tentencreative\",\"https:\/\/www.youtube.com\/@tentencreative\",\"https:\/\/twitter.com\/erikthought\"],\"url\":\"https:\/\/tenten.co\/blog\/author\/tenten\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c - Tenten Blog","description":"20 \u500b\u6975\u5177\u5275\u610f\u7684 APP UI \u8a2d\u8a08\u52d5\u756b\u6548\u679c\uff0c\u76f8\u4fe1\u5176\u4e2d\u5f88\u591a\u7684\u8a2d\u8a08\u4f60\u4e4b\u524d\u90fd\u6c92\u898b\u5230\u904e","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/","og_locale":"zh_TW","og_type":"article","og_title":"\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c - Tenten Blog","og_description":"20 \u500b\u6975\u5177\u5275\u610f\u7684 APP UI \u8a2d\u8a08\u52d5\u756b\u6548\u679c\uff0c\u76f8\u4fe1\u5176\u4e2d\u5f88\u591a\u7684\u8a2d\u8a08\u4f60\u4e4b\u524d\u90fd\u6c92\u898b\u5230\u904e","og_url":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/","og_site_name":"Tenten Blog","article_publisher":"https:\/\/www.facebook.com\/tentencreative\/","article_published_time":"2014-04-08T03:05:00+00:00","article_modified_time":"2023-12-27T17:02:54+00:00","og_image":[{"width":650,"height":487,"url":"https:\/\/s5.tenten.co\/2023\/12\/ui-design.jpg","type":"image\/jpeg"}],"author":"Nancy P","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/tentencreative","twitter_site":"@tentencreative","twitter_misc":{"\u4f5c\u8005:":"Nancy P","\u9810\u4f30\u95b1\u8b80\u6642\u9593":"1 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#article","isPartOf":{"@id":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/"},"author":{"name":"Nancy P","@id":"https:\/\/tenten.co\/blog\/#\/schema\/person\/b8f2cfaa5cdbcc9a9be32ad46da81aba"},"headline":"\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c","datePublished":"2014-04-08T03:05:00+00:00","dateModified":"2023-12-27T17:02:54+00:00","mainEntityOfPage":{"@id":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/"},"wordCount":121,"commentCount":0,"publisher":{"@id":"https:\/\/tenten.co\/blog\/#organization"},"image":{"@id":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#primaryimage"},"thumbnailUrl":"https:\/\/s5.tenten.co\/2023\/12\/ui-design.jpg","articleSection":["UI\/ UX"],"inLanguage":"zh-TW"},{"@type":"WebPage","@id":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/","url":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/","name":"\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c - Tenten Blog","isPartOf":{"@id":"https:\/\/tenten.co\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#primaryimage"},"image":{"@id":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#primaryimage"},"thumbnailUrl":"https:\/\/s5.tenten.co\/2023\/12\/ui-design.jpg","datePublished":"2014-04-08T03:05:00+00:00","dateModified":"2023-12-27T17:02:54+00:00","description":"20 \u500b\u6975\u5177\u5275\u610f\u7684 APP UI \u8a2d\u8a08\u52d5\u756b\u6548\u679c\uff0c\u76f8\u4fe1\u5176\u4e2d\u5f88\u591a\u7684\u8a2d\u8a08\u4f60\u4e4b\u524d\u90fd\u6c92\u898b\u5230\u904e","breadcrumb":{"@id":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#primaryimage","url":"https:\/\/s5.tenten.co\/2023\/12\/ui-design.jpg","contentUrl":"https:\/\/s5.tenten.co\/2023\/12\/ui-design.jpg","width":650,"height":487},{"@type":"BreadcrumbList","@id":"https:\/\/tenten.co\/blog\/ui-ux\/20-great-ui-design-animation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tenten.co\/blog\/"},{"@type":"ListItem","position":2,"name":"\u5927\u958b\u773c\u754c! 20\u500b\u6975\u5177\u5275\u610f\u7684 UI \u4ecb\u9762\u8a2d\u8a08\u52d5\u756b\u6548\u679c"}]},{"@type":"WebSite","@id":"https:\/\/tenten.co\/blog\/#website","url":"https:\/\/tenten.co\/blog\/","name":"AI SEO by Tenten - AI-Powered SEO + Technical SEO","description":"Shopify Plus\u3001Webflow \u8a8d\u8b49\u5c08\u5bb6\uff01Tenten \u5e6b\u4f60\u5feb\u901f\u5efa\u7f6e\u5c08\u696d\u7db2\u7ad9","publisher":{"@id":"https:\/\/tenten.co\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tenten.co\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/tenten.co\/blog\/#organization","name":"AI SEO by Tenten - AI-Powered SEO + Technical SEO","url":"https:\/\/tenten.co\/blog\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/tenten.co\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/s5.tenten.co\/2023\/12\/site-icon.png","contentUrl":"https:\/\/s5.tenten.co\/2023\/12\/site-icon.png","width":512,"height":512,"caption":"AI SEO by Tenten - AI-Powered SEO + Technical SEO"},"image":{"@id":"https:\/\/tenten.co\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/tentencreative\/","https:\/\/x.com\/tentencreative","https:\/\/www.linkedin.com\/company\/tentenco","https:\/\/www.instagram.com\/tenten.co","https:\/\/www.youtube.com\/user\/tentencreative","https:\/\/dribbble.com\/tentenco"]},{"@type":"Person","@id":"https:\/\/tenten.co\/blog\/#\/schema\/person\/b8f2cfaa5cdbcc9a9be32ad46da81aba","name":"Nancy P","description":"Experienced Stock Market Researcher and Financial Advisor with a passion for analyzing market trends and helping clients make informed investment decisions. Combining in-depth market knowledge with personalized financial planning to deliver tailored solutions for individuals and businesses.","sameAs":["https:\/\/tenten.co","https:\/\/instagram.com\/tenten.co","https:\/\/www.linkedin.com\/in\/pladoramaria\/","https:\/\/x.com\/https:\/\/twitter.com\/tentencreative","https:\/\/www.youtube.com\/@tentencreative","https:\/\/twitter.com\/erikthought"],"url":"https:\/\/tenten.co\/blog\/author\/tenten\/"}]}},"authors":[{"term_id":533,"user_id":1,"is_guest":0,"slug":"tenten","display_name":"Nancy P","avatar_url":{"url":"https:\/\/s5.tenten.co\/2024\/06\/Kelly-w.jpg","url2x":"https:\/\/s5.tenten.co\/2024\/06\/Kelly-w.jpg"},"first_name":"Nancy","last_name":"P","user_url":"https:\/\/tenten.co","job_title":"Marketer","tiktok":"","youtube":"https:\/\/www.youtube.com\/@tentencreative","linkedin":"https:\/\/www.linkedin.com\/in\/maria-ning\/","instagram":"https:\/\/instagram.com\/tenten.co","twitter":"https:\/\/twitter.com\/tentencreative","facebook":"","description":"Experienced Stock Market Researcher and Financial Advisor with a passion for analyzing market trends and helping clients make informed investment decisions. Combining in-depth market knowledge with personalized financial planning to deliver tailored solutions for individuals and businesses."}],"_links":{"self":[{"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/posts\/3651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/comments?post=3651"}],"version-history":[{"count":0,"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/posts\/3651\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/media\/3656"}],"wp:attachment":[{"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/media?parent=3651"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/categories?post=3651"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/tags?post=3651"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/tenten.co\/blog\/wp-json\/wp\/v2\/ppma_author?post=3651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}