Head back to the elements tab and find the text element. Repeat step 6 but this time make a button. Change the color and mess with the border property to get a feel for the different properties. Then, move that box to the bottom of the page to make it look like a footer. *Hint: Turn on the shadow property and change the border type to none to give it a nice look. *Troubleshoot Tip: Make sure you are clicked on the rectangleĪdjust the box so that it looks like a search box. Let’s change the background color of the rectangle element to a light gray. Here is where you can change the size, color and shadow of the element. On the left panel, you should see some properties that you can change. If you want one element behind the other or vice versa, right-click the element and move it accordingly. *Hint: Whenever there is text associated with an element, double click on the text to edit it.Ĭlick on hold the rectangle element and drag it on top of the “BroswerFrame” element. Click and hold and drag it to the white screen on the right. Scroll down and find the “BrowserFrame” element. In the example below, we will be creating a very basic browser interface. Follow the instructions on the next page to learn how to setup a basic wireframe. If you did not read the bullets above, please read them before continuing. This may be helpful for developing the wireframes faster, but everything can be done on your own.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |