跳至主要内容

10 Great Interactive Design Examples for Designers’ Reference

Interactive design has been widely used in website design and mobile app design. There is no lack of such articles about what is interaction design and how it works, as well as the great interaction design examples. You can easily find one or two on the internet.

Every great designer knows that the design has never been empty talk, you have to combine the theoretical with a series of UI/UX design books and resources with the practical examples. So that you will get more inspiration to be an advanced designer. Here are 10 great interactive design examples about mobile app design and website design.

Interactive Design Examples for Mobile App

1. 3D Stereoscopic Picture List
The picture content shows in a stereoscopic way. Sliding the time axis on the left side, it will show the corresponding picture according to the shooting time. The selected picture will be displayed in the middle of the mobile interface.
photolove
2. Picture shows by stack cards
This case uses a card-style design, users can switch pictures by sliding up and down. Card design not only provides a good visual consistency for users but also gives designers a convenience for design iteration. The advantage of the mixed texts and graphics is keeping the visual balance of the whole content and the stack pictures. So the combination of the interaction effect and sliding gestures is also a good idea.
airbnb
3. Search page star elements
The star icons on the navigation page represent a different navigation function. Sliding the selected navigation icon on the page, it will automatically zoom in, and the other icons will automatically change the position and size. The advantages of interactive design performed perfectly in the cool and concise stars navigation page.
star-navigation
4. Data Oriented APP Design
The file storage capacity presented in a pie graph in this file management application. It’s intuitive and simple to know the storage of each file at a glance. When one file storage changes, the other files’ storage capacity rate will make a corresponding interactive change.
file manager

If you are the full stack designer who can handle mobile app design and website design, you may also want to know some great interactive design examples about websites.

Interactive Design Examples of Website

1. Sketchin
The simple navigation bar makes the whole site look very simple and beautiful.

sketchin
2. Seeing Data
This site is a dynamic information chart, it can provide users with information statistics and drawing charts.

seeing data

3. 1000 Chrome Experiments
This site is created by Google Creative Labs, which has gorgeous animation and impressive functionality and network technology.

1000 chrome experiments

4. Celebrating Chinese New Year
Celebrating the Chinese New Year is a professional implementation of the WebGL experiment that can turn your greetings into fireworks.

celebrating chinese new year

5. Carbon Studio
Miss the old-style drag and drop navigation? Take a look at Carbon Studio.

carbon studio

6.Nick Jones
This site may be out of date, but it still is a good interactive design example.

nick jones

Conclusion

Experiencing great interactive design examples is always a pure pleasure, no matter the mobile app design or website design. They are innovative, inspiring and engrossing, and all of them encourage us to discover new solutions, adopt out-of-the-box techniques and test the limits of current technologies. These interactive design example for mobile apps and websites are good resources for designers, hope you guys will like and get inspiration from them.

评论

此博客中的热门博文

Tips on How to Learn UI/UX Design for Beginners

The first thing to understand about  UX  is that it is not simply an exercise in creating a prototype. Many people approach UX entirely focused on prototype creation, but creating a prototype is only a narrow subset of what the discipline of UX has to offer. In this article, I’ll be covering the three cornerstones of becoming and being a UX professional: learning UX, practicing UX design , and cultivating your own UX connection. Part I. Tips on Learning UX 1. A list of classic books and resources for beginners:  Read my list of UX resources for beginners 2. The latest books for designers:  Great books for designers to read in 2016 Free UX & UI Books That Worth Your Reading 3. Listen to useful podcasts:  my blog post about my favorite UX podcasts 4. A list of  UX Design Blogs And Resources You Should Follow , some collections such as  UX — UI Readings  on Medium, and  Inspiration and helpful links for User Experience Designers 5. Great tools for referenc

The Best UI/UX Design Books & Resources for Designers

Want to be an excellent designer? Looking for the best UI/UX books and resources? Nowhere to go or to gain the right and effective channel for becoming an outstanding UI/UX designer? Just follow me, I have compiled a list of high-profile UI/UX books, which are recommended by the major professional websites, and blogs.The topic is mainly covering UI design, UX design, and web design. Hope it is helpful and useful to you. Any resource you think it’s worth to be included, please feel free to give a message below the comment area or simply drop me a line on  LinkedIn . UX Books for Entry-level Designers 1.  The Design of Everyday Things  - By Donald A. Norman It shows a teapot on the cover of the book, the teapot spout and the handle at the same side, if you tea, you are likely to burn yourself. What Norman want to tell you, the life is hard, often the "bad design" should be blamed. To learn interaction well, you must understand what’s the design requirements

Need-to-Know Skills of UI Design for Mobile Devices

Have you meet some problems on user interface design for the mobile device? For example, small mobile screens? Bad user experience? In this article, I will cover some things you can do to learn practical user interface design ( UI design ). 1. UI design principle Don’t think the practical  UI design  principle does not apply to small mobile screens. Five elements of UI design you should take into consideration: 1). Goal-driven Design. This allows you to customize the app working process and meet requirements for target users. 2). Usability. It may look empty, but you have to guarantee your application is usable. Users don’t like to download a complex app from App Store. Usability makes your product useful and hopeful. 3). Affordance & Signifiers. The signifier is an implication of affordance.For example, underlined blue text reminds you it’s a hyperlink, and it can link to other pages when you click it. With correct signifier, users can easily understan