Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

High-Fidelity Prototyping

122 views

Published on

IFI7313.DT Interaction Design Methods course in Tallinn University, 15 March 2018

Published in: Design
  • Be the first to comment

  • Be the first to like this

High-Fidelity Prototyping

  1. 1. High Fidelity Prototyping IFI7313.DT Interaction Design Methods
  2. 2. High-fidelity prototyping • Graphical UI prototypes • HTML/CSS mockups • Clickthrough prototypes
  3. 3. Inspiration
  4. 4. http://www.webdesign-inspiration.com
  5. 5. Design patterns and guidelines
  6. 6. http://ui-patterns.com
  7. 7. https://developer.apple.com/ios/human-interface-guidelines/overview/iphone-x/
  8. 8. UI frameworks
  9. 9. http://getbootstrap.com
  10. 10. Prototyping software
  11. 11. http://pencil.evolus.vn
  12. 12. http://www.sketchapp.com
  13. 13. http://www.sketchappsources.com
  14. 14. http://bootstrapuikit.com
  15. 15. http://www.axure.com
  16. 16. http://www.axure.com/edu
  17. 17. https://axemplate.com/freebies/
  18. 18. https://share.axure.com
  19. 19. https://www.adobe.com/products/xd.html
  20. 20. http://www.invisionapp.com
  21. 21. http://invis.io/MBTARQP7
  22. 22. http://www.uxpin.com
  23. 23. https://mockup.io
  24. 24. Color schemes
  25. 25. https://color.adobe.com/create/color-wheel/
  26. 26. http://www.eigenlogik.com/spectrum/mac
  27. 27. Icons
  28. 28. http://www.flaticon.com
  29. 29. Placeholders
  30. 30. http://lipsum.com
  31. 31. https://placeholder.com
  32. 32. Photos • MagneziUm Design Studio Belgrade, https://www.flickr.com/photos/ 131988821@N04/20494586089/
  33. 33. This work is licensed under the Creative Commons Attribution-ShareAlike 4.0 International License. To view a copy of this license, visit http://creativecommons.org/licenses/by-sa/4.0/ Hans Põldoja hans.poldoja@tlu.ee Interaction Design Methods https://ifi7313.wordpress.com Tallinn University School of Digital Technologies

×