Separating the parts of your VuMark
A common design workflow starts a conceptual phase where you experiment with various VuMark design concepts. Once you have chosen a design to move forward with, you can copy and paste it into the IMPORT layer of your newly created template. We have found it useful to place the design concept in the IMPORT layer and then start moving each part of the VuMark design into their corresponding layers in the Illustrator template.
Drawing the Contour
As described earlier, the Contour is normally not explicitly defined in your VuMark s design up to this point!
Now that you have placed the Border and Clear Space parts into their corresponding layers, you must use the Pen tool in Illustrator to draw a path along the length of the invisible line that is formed where these two parts touch. Make sure that this path is placed in the VuMark-Contour layer!
- The Contour path will not be visible in real instances of your VuMark.
- The Clear Space in above example has been filled in pink to help show its boundaries it is normally filled in white in this design.
It is helpful to give the path a 1-2 point stroke in a highly visible highlight color like Magenta or Cyan so that you can easily see where the Contour has been defined.
Using the Verify script
After you have assembled the parts of your VuMark into their respective layers, you are ready to test your VuMark design.
The Verify script will first check that your VuMark conforms to the design requirements and then provides feedback in the form of a Pass, Fail, or Verify status message in an artboard adjacent to your main artboard in Illustrator.
After running the Setup script, you will have two artboards: your main design artboard, and a Feedback artboard adjacent to it.
The Feedback artboard provides a quick summary of the VuMark properties you have chosen, as well as a checklist of what will be verified by the script.
Before you have run the Verify script, the Design Guideline Verification section of the Feedback artboard will show a FAIL status for each item. It is useful to refer back to these status messages since they provide a reminder of the key design requirements your VuMark must adhere to.
Once you run the Verify script, the Feedback artboard will update to display the latest verification results.
What the script verifies
- Number of Elements
- Element sizes and locations
- Element contrast
- Contour segments
- Border and Clear Space contrast
- Border and Clear Space width
(visual verification by user is required)
Feedback Artboard in Illustrator