Sketching for wireframing - Figma教程

内容

• Introduction Introduction

  • Going from wireframes to prototypes in Figma

    1 分钟 26 秒
  • What you need to know

    49 秒
  • Defining a problem statement

    1 分钟 39 秒
• 1. Low Fidelity 1. Low Fidelity

  • Digital vs. physical wireframing mediums

    3 分钟 4 秒
  • (已锁定)
    Selecting color schemes and visual elements

    12 分钟 58 秒
  • (已锁定)
    Sketching for wireframing

    4 分钟 22 秒
  • (已锁定)
    Finalizing low-fidelity wireframes

    8 分钟 23 秒
• 2. Medium Fidelity 2. Medium Fidelity

  • (已锁定)
    Brush up on the basics

    4 分钟 25 秒
  • (已锁定)
    Creating mid-fidelity mock-up

    13 分钟 24 秒
  • (已锁定)
    Creating a prototype

    11 分钟 25 秒
  • (已锁定)
    Usability testing

    5 分钟 7 秒
  • (已锁定)
    Iterating with the help of key findings

    3 分钟 48 秒
• 3. High-Fidelity 3. High-Fidelity

  • (已锁定)
    Preparing the layout for your high-fidelity mock-up

    2 分钟 2 秒
  • (已锁定)
    Applying the key findings to your high-fidelity mock-up

    3 分钟 5 秒
  • (已锁定)
    Designing your high-fidelity mock-up

    13 分钟 30 秒
  • (已锁定)
    Developing functional prototypes

    11 分钟 52 秒
  • (已锁定)
    Another round of usability testing

    1 分钟 34 秒
• Conclusion Conclusion

  • (已锁定)
    Next steps and helpful resources

    3 分钟 1 秒