It would be perfect if I could quickly resize the smart objects and prevent some elements inside it from scaling.
That’s the only thing that bothers me while working on wireframes in Photoshop. You need to resize elements often by moving single vector points.
If you want some quick feedback from your client, export it to PDF and your client can add his comments to the document and send it back to you.
Here are some quick Photoshop hints on how to make your work faster: So, be careful to not limit yourself at this stage. The less detailed wireframe you create the more freedom you will have during the visual design phase. I even try to avoid any text inside the wireframe graphics and I leave all notes in the yellow boxes on the side. Make sure to avoid too many details in your wireframe. Also, you can change the shape’s color by double clicking on the black square next to the layer name in the “Layers” panel. This way, you can show that some parts should be more prominent or less prominent. You can easily change the background by managing the opacity of the element. Then, I simply drag the elements I need from one document and drop them into the other one.Īs you can see, all elements are black in my wireframe kit. I usually open a blank Photoshop document in one of my screens and the wireframe kit PSD in the other one. If you have two monitors or a really big screen, it’ll be very helpful.
Feel free to modify it and share it with others.
There is no special license on this wireframe kit.