UI/UX Resources
- Kristen S
When it comes to design, the majority is likely learned through experience. But this doesn’t mean you can’t pick up the basics beforehand - most of this is self-taught! Here are a few things to get you started:
Tools
Figma = free and basically the same as sketch (think of google docs for illustrator :)
Sketch = not free and only saves locally :( but a lot of companies use it
InVision = used for prototyping by a lot of companies, 1 prototype free per account
Balsamiq or Axure = wireframing tools! NOTE: wireframes are different from mockups :P
Principle = another prototyping tool but it’s not free :(
And a lot more!
General Tips to get started
iOS vs. Android design --> https://medium.com/@vedantha/interaction-design-patterns-ios-vs-android-111055f8a9b7
Design Thinking Process --> Great Questions Lead to Great Design – A Guide to the Design Thinking Process | Toptal®
Design Thinking Process (another source) --> The 5 Stages in the Design Thinking Process
Super fun read that talks about how designers make an impact in tech --> https://essays.uxdesign.cc/tech-diet/?fbclid=IwAR2P56FZUcIfkxeZiq8hsrdRYC1txZlsUjMxGghruJuVnLlv8LiemY7UW54
Product design Overview --> https://www.smashingmagazine.com/2018/01/comprehensive-guide-product-design/
Service vs. UX design --> https://uxplanet.org/ux-vs-service-design-whats-the-difference-2071fa03c947
UX vs. CX vs. Service design --> Where is the difference between UX, CX and Service Design?
UI vs. UX Design --> What is UX and UI? | UX vs. UI
List of design guidelines (Help you decide on typography, layout, app behaviours)
Apple Design System --> https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/
Google Design System --> Material Design
Microsoft --> User Interface Principles - Win32 apps
Other cool stuff
Apple Developer videos --> https://developer.apple.com/videos/design/
Apple Mobile Device Resolutions --> https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions