Image size for invision desktop web browser
![image size for invision desktop web browser image size for invision desktop web browser](https://user-images.githubusercontent.com/26972658/57544196-78cc4c00-730b-11e9-9eeb-3634ea0166f2.jpg)
You’ll be able to get a quick overview and visual understanding of how other designers are handling their wireframing process. Like the foundation of a building, it has to be fundamentally strong before you decide whether to give it an expensive coat of paint.īefore getting into further details, since a picture can paint thousand words, take a look at I ♥ wirefames. A button has to be obvious even if it’s not shiny or brightly colored. I like to explain to my clients that if a user cannot figure out where to go on a black and white wireframe, it doesn’t matter what colors you eventually use. Wireframing is important because it allows the designer to plan the layout and interaction of an interface without being distracted by colors, typeface choices or even copy. For example, wireframes can contain various states of button or menu behaviors. Similarly for a screen design, you can’t start building components in Figma or Sketch, or writing blocks of code, without knowing where the information is going to go.Īt a deeper level, a wireframe is also very useful in determining how the user interacts with the interface.
Image size for invision desktop web browser how to#
Think of a website wireframe like an architectural blueprint you need to see it in two-dimensional black and white diagrams before you understand how to build the actual house.