Clickable Mockups – Wireframes with super interactivity.
What good is a wireframe if you cannot simulate the basic navigation using links across different pages? MockupTiger when released had Clickable prototyping feature using the Text widgets The navigation is done by pressing the shift key and the mouse button on the linked text. In the presentation mode, it will behave just like a … Read more
Wireframe Icons : A quick Primer
MockupTiger icons are pure Vectors and they are drawn directly on the HTML5 canvas element. Here is a quick overview of things you can do with Icons. How to add icons just drag from the Icons panel to the canvas in the middle Use the Quick Search in the top tool bar How to … Read more
How to mockup dials, speedometer, gauges for Dashboards
Speedometer type visualization are popular in Dashboard applications. Usually it is used when you want to display single metric against a particular target. In mockuptiger, you can wireframe a skeleton or full blown dial widget using static value. Here is the basic data structure for the dial wireframes And here is the data structure for … Read more
Wireframe Look and Feel
A bunch of new personalizable settings are available as follows One that is discussed here is the first option “Color Theme” Color Theme : This option lets you set the color skin for the whole application. When you select a theme, all UI elements use the base color of the theme. The widgets are … Read more
How to install/host Mockups on your own server or domain
Follow these steps If you already have your own XAMPP / LAMP / WAMP / MAMP / IIS setup If you want to host it on your own domain If you want to intall on your corporate network/intranet Requirements PHP 5+ MySQL IIS or Apache webserver The steps will work on any webserver provided MySQL … Read more
Wireframe : How to register mockuptiger
In your demo or evaluation version navigate to the following menu Click on Hello Admin => Register The following screen will show up Enter the Order Number and email … Read more
How to add Icons inside any Text component
Text and Icons are two of the main building blocks of mockups in MockupTiger. They are basic and yet powerful. You can embed text inside any Icon and you can also embed any Icon or any number of Icons inside a text string. Consider the below paragraph widget double click to edit the Paragraph widget … Read more
How to change an Icon and keep the setting
In our previous example on How to add Wireframe icons we built the below mockup Once you have set the colors and line settings and if you decide to change the icon character you can easily do it using a single right click. We make sure that the icon is selected and then go to … Read more
How to use Mockups Vector Icons
MockupTiger has a useful collection of icons that can be used in your mockups and wireframes. All of these icons are vector Icons so you can scale them to any size without loosing any details You drag any icon from the left panel to the center work area. Once dragged, you can click on … Read more