Low-fi wireframes doesn't help me to structure my idea about web design. Can anyone tell me how to solve this?



  • I am new to web design or you can call UX design. I have gone through many tutorials, books, courses and other article related stuff. Everything helped me to structure my journey on this sector.

    The thing that stroked my brain and I haven't got any answers yet is how people get a brief idea about web designing through low-fi wireframes? I tried it myself by using pen and paper. But when I design something, it turns out to be more messy and not exactly what I created in my mind. I can never relate to what I think and what I drew on paper.

    These low-fi wireframes aren't just developing my creative mind. Instead, they are just a big question on how these should be laid on paper so that I can have a clear visual of what I need in that particular site.

    I have found out that displaying high fi- wireframes with the help of some monochromatic colors on design softwares have helped me in structuring what I wanted in the site. Do these low-fi wireframes really useful in getting a basic principle of design format? Or do I need to treat my mind in a way that fits the basic design principles?

    I just don't understand how people can form a good idea on low-fi wireframes to be visually undertaken on high fi wireframe!

    Need a little bit of boost on this!



  • welcome.

    There are many ways to do wireframing. The traditional lo-fi way is helpful for getting out ideas quickly, especially across multiple pages. If you're working heavily on one page, or need something more professional for stakeholders, it's absolutely OK to add some grays / muted colors to a wireframe. I would caution that full-color gets tricky because the purpose of a wireframe is to avoid discussion about deeper visual design elements such as colors. But wireframes can be quite sophisticated when they need to be.

    This is a valid wireframe.

    Extremely lo-fi wireframe example

    And so is this.

    Wireframe with shades of gray

    Does this answer your question?



Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2