Avaya one-X® Faceplate Designer

Prepared Specifically For Avaya DevConnect Members

June 2010
Issue 1.0

© 2010 Avaya Inc. All Rights Reserved.

Avaya and the Avaya Logo are trademarks of Avaya Inc., and may be registered in certain jurisdictions. All trademarks identified by ®,
TM or SM are registered marks, trademarks, and service marks, respectively, of Avaya Inc. All other trademarks are the property of their
respective owners.
 Tool Guide
Avaya One-X® Faceplate Designer
June 2010 – Issue 1.0
9600 Series IP Deskphones

Overview of the Avaya one-X Faceplate Designer

The Faceplate Designer is a simple online and downloadable tool that helps you design
customized faceplates for the Avaya one-X® 9600 series deskphones. The tool gives you the
ability to select themes and colors and also easily upload company logos (or any other image) that
your customer may want to include on the deskphone faceplate. Designs typically only take
minutes to create. The tool will produce a color JPEG image of the faceplate design, which you
can show to end users/customers or insert in power point presentations. Once complete, you can
work with your Avaya Account Team or authorized Avaya Connect channel partner to obtain
production models.

Figure 1: Sample Customized Faceplate Designs, created using the Avaya one-X Faceplate Designer

Installing the Faceplate Designer Tool

Download and Install the Tool
1) Download Adobe Air player (if you do not already have it). The Faceplate Designer tool is based on
a multimedia player from Adobe – named Adobe Air. The Adobe Air player provides great flexibility in
that it is platform independent supporting both Windows and Mac environments.
1) Obtain the latest version of the Adobe Air player at the following link: http://get.adobe.com/air/.
2) Select “Download now”.
3) Then follow the usual prompts for downloading the application to your desktop.
4) Once complete, double click on the self-installer and follow the instructions to install.
2) Install the Avaya Faceplate Designer tool
5) Log in to the Avaya DevConnect Portal (www.avaya.com/devconnect) and access the Avaya
Faceplate Designer tool page (via the Products & SDK Index, under Telephony Endpoints &
Clients).
6) Click the download link for the ZIP file.
7) Review & accept the license terms.
8) Save the ZIP file to your PC (remember where you save it).
9) Extract the files from the ZIP into a directory of your choosing.

Avaya Faceplate Designer Tool Guide Page 1

Tool Guide
10) In that directory, double click on Faceplate_final.5.11.air. This will install the Faceplate
Designer application itself. You will see a red Avaya “A” icon on your desktop once complete.

Using the Avaya One-X Faceplate Designer

Starting the Application
1) Start the Faceplate Designer application by double clicking the “A” icon on your desktop.
The current version of the designer tool supports designs for the Avaya one-X® Deskphone 9620,
9630/40, 9650 and 9670 models.
2) Click on the 9600 model for which you wish to design a faceplate.
3) Select the specific deskphone model for which you wish to create a custom faceplate.

Figure 2: The initial Faceplate Designer screen

Designing Faceplates
You will be presented with the main faceplate design tool screen (Figure 3), consisting of a faceplate mock-
up image (right), and a series of design control tabs (on the left). You will also see options to reset the tool
(Start Over) and create a final image output (Create JPG).

Avaya Faceplate Designer Tool Guide Page 2

Tool Guide

Figure 3: The main faceplate design screen, showing mock-up and design control tabs.

Design Controls
Design control tabs include Deskphone Themes, Colors and Logos. Click on any tab to bring it to the
forefront for use.
Deskphone Themes
Think of Deskphone Themes as “templates”. These templates define the general design of the faceplate itself
– providing simple options such as a faceplate with a single background color as well as options supporting
two colors (primary and secondary).
4) Scroll through the available themes (Figure 4) by clicking on the left and right arrows within the
Themes window.
• Notice as you scroll through themes, the deskphone image on the left changes accordingly.
• Once you’ve selected your theme, you can begin to change colors and add logos.

Avaya Faceplate Designer Tool Guide Page 3

Tool Guide

Figure 4: Five available Themes. Colors can be separately adjusted.

Design Tip
Keep the designs simple. For most efforts, a design with a single base color faceplate is more than
satisfactory. Multiple color themes will add to complexity during the manufacturing process – as well as
the cost.

Design Tip
You can use a single image to create a background for the entire deskphone, simply by importing the
graphic, inserting it on to the phone mock-up, scaling it upwards, and using the color matching capability
to create a background that matches the background color of the logo. In this case, choose the single-
color template as a starting point.

Avaya Faceplate Designer Tool Guide Page 4

Tool Guide
Deskphone Faceplate Colors
In addition to changing the base color(s) of the faceplate and display bezel, the color of the button text and the
Avaya logo can also be changed. Custom graphics (logos) and colors can then be added on top of these base
colors for additional effects.
The preferred color of the Avaya logo is red but may be changed to white or black if necessary. The Avaya
logo itself is a mandatory element of all faceplate designs and cannot be removed.

Figure 5: Display Bezel and Main Faceplate Components

To change the base faceplate color:

5) Select the Colors tab to reveal the color palette (Figure 6). This palette allows you to select the
primary color, and secondary color if enabled by the selected theme.
Note: If you selected the theme with just one color, the Secondary Color button will be grayed out
and inactive. If you’re interested in using two colors, go back to the Themes tab, scroll to a theme
with a primary and secondary color, then return to the Colors tab to select the individual colors and
shades

Figure 6: The Colors tab, showing options for a single color theme (left) or two-color theme (right).
Note that the Avaya Logo Color has also been changed in the two-color option.

Avaya Faceplate Designer Tool Guide Page 5

Tool Guide
6) Select the Primary Color button.
7) To choose your color, position your cursor over the color palette area. Notice that as your move your
cursor over the colors, the deskphone image on the left changes to reflect the color you’ve chosen.
To change the hue, move the cursor left or right within the color palette. To change the lightness or
darkness, move the cursor up or down.
8) Click to select your chosen color.
If you have chosen a two-color theme, repeat this process by clicking on the Secondary Color button.

Design Tip
Leverage the standard Avaya colors whenever possible to reduce cost. In addition to the default
“Charcoal Grey” color, there are five alternate Featured Colors available which can be used in your
designs. Leveraging these colors will keep the cost of the faceplates down and will shorten
manufacturing time.
Custom base faceplate and bezel colors selected from the palette section above may require custom
paints, which will add lead time and cost.

To change Button Text and Avaya Logo colors:

9) Select the Colors tab.
10) Under the Avaya Logo Color title, select the color of the logo.
11) Under the Text Color title, select the color of the button text.

Adding a Company Logo or Other Graphic

A powerful element of a faceplate design is the uploading and positioning of company logos. The Faceplate
Designer tool does simplify this process – but is dependent upon having a properly formatted logo file to
upload into the tool. You should use:
• Logos with a transparent background
o To create an accurate design, select a logo on a transparent/white with no color behind it.
Please note: If your company logo includes a background color as part of the logo, it can
still be used as-is; it is recommended, however, that a transparent or white background be
used for best effect. You may need to obtain a logo file without a background, or use
editing software such as Adobe Photoshop to eliminate background colors.
• “Flat” or single dimension logos:
o Colors should be solid, with solid transitions between color boundaries. Many companies will
incorporate a lighting or transparency effect with their logos – making them appear three
dimensional. Consider the following examples:

o In the circular Avaya button there is a 3-dimensional highlighting effect within the image. The
N
Avaya button as well as the Avaya graphic both shows a shadow effect. Special effects such
as these cannot be created on Avaya faceplates. Instead, you should try to incorporate one
dimension or “flat” versions of the same file.

Avaya Faceplate Designer Tool Guide Page 6

Tool Guide
o Where these special effects occur, a flat logo must be created or you must have the
background/highlighting edited out using software such as Adobe Photoshop to re-color and
remove the 3D effect from the logos before the logo can actually be produced and ordered for
the faceplates.
Logo file formats
The Faceplate Designer tool supports .jpg .gif and .png file formats.

Important Note!
To manufacture the faceplate, the logo files must be in: .ai; .eps; or .ps format to screen the logo onto
the faceplate. This means you will need your logo in at least two different formats – one for the tool,
and one for production. The faceplate fulfillment partner will scale logo images as per the design;
however, if you are scaling images upwards to a larger size, please ensure that the graphic submitted
has a high enough resolutionand/or original size to ensure smooth scaling.

Uploading and Using Logos

12) To incorporate a logo into your design, select the LOGOS tab as displayed below:

Figure 7: The Logos tab, showing two default logo images. These may be deleted and replaced with
your own logos or graphics.

13) Click the UPLOAD NEW button to add a logo or graphic to the list of available choices.
o Use the dialog box to browse your files and select the appropriate logo file.
14) Click the logo you wish to use (a red box will appear around it).
15) Click ADD LOGO to place the image on to the mock-up faceplate.
16) Click-and-drag the logo to reposition it on the mock-up faceplate.
Note: As you move the logo over the dial pad or other fixed buttons, the tool automatically hides
portions of the logo blocked out by the phone buttons. If you move the logo so that a portion of the
image extends beyond the boundaries of the faceplate, it will be similarly truncated.
Once a logo has been selected and inserted, the Logos tab will display additional controls for color
matching, rotating and resizing the graphic (Figure 8). Logo’s that are used in a design will show a blue
checkmark (), and if selected in the Logos tab, the ADD LOGO button will change to REMOVE LOGO.

Avaya Faceplate Designer Tool Guide Page 7

Tool Guide

Figure 8: Additional controls for color matching the base faceplate color to a color element of the logo,
modifying a selected logo’s rotation, or changing a logo’s size. Note the change to the REMOVE LOGO
button.

17) To re-size or rotate the logo, use the circular Rotate button. This can be used to display an image
vertically.
18) To scale (up or down), use the two Sizing buttons (arrows facing inwards, arrows facing outwards).
After rotating or resizing, you may have to move the image on the mock-up faceplate using click-and-drag to
reposition it appropriately.

Color Matching: Faceplate Color Selection Based on the Colors of a Graphic

Among the innovative features of the Faceplate Designer is the ability to change both the primary and
secondary colors of the faceplate itself -- based on colors within the logo you upload. This is key to keeping
colors consistent in your design.
This feature also helps to reduce the manufacturing costs, as each distinct color requires the faceplate to be
run through the screening process an additional time. Using the fewest number of shades and colors
streamlines this process.
To change colors within the logo, follow the steps below:
19) Select and Add a previously uploaded logo from the Logos tab (if you have not already done so).
20) Click the “eye dropper” button on the Logos tab.
21) Next, carefully position your cursor over the target color area of the chosen logo (such as the
background color). The color changes to match exactly.
22) Click your mouse to select and set the target color.
The steps above will automatically change the Primary color for the selected Theme to match the target color
indicated by the “eye dropper” cursor. You can also change the Secondary color by first selecting the “eye
dropper” in the Logos tab, then selecting the Colors tab and clicking the Secondary Color button (a red
border will appear around Secondary Color). Then make your color selection as per the directions above and
click your mouse to select and fix the secondary color.

Avaya Faceplate Designer Tool Guide Page 8

Tool Guide

Design Tip:
It is possible to upload up to four different logos into the tool at one time to accommodate situations
where you are designing faceplates with multiple logos, or for multiple users, organizations or customers.
For example, Colleges and Universities which may have one logo for the institution itself, and then a
second one for the school team mascot to be included in the same design. In contrast, corporate
customers may want one design for end-user offices and a second for conference rooms or briefing
rooms with slightly different graphics.
Also, if you have different versions of the same logo (e.g. corporate logos that normally have multiple
colors, may also have an approved one color version) you can load multiple versions into the tool, and
easily swap them in and out of your design in order to determine which combination of colors offers the
best solution.

Removing & Deleting Logos or Graphics

Once a graphic has been added to the faceplate mock-up, a blue checkmark () will appear in the Logo Tab
next to the selected image(s). To remove a logo from the mock-up, select the appropriate logo from the Logo
Tab, and click REMOVE LOGO.
To remove the selected logo from the Logo Tab itself, click DELETE LOGO.
Design Tip:
It is possible to move (drag-and-drop) a logo image outside the boundaries of the deskphone mock-up
image. As images move outside of these boundaries, they are truncated to indicate that printing the
image “as is” will cause information to be lost. It is possible to move the selected image completely
outside of the mock-up boundaries, causing it to be truncated completely and therefore “disappear” from
view. However, the selected image in the Logo Tab will continue to show the blue checkmark. In order
to get the image back, you must first Remove Logo for the selected logo, and then Add Logo for that
image a second time.

Saving Your Design Output

Once you have finalized a design, you have the opportunity to save a snapshot in .jpg picture format.
23) Click the Create JPG red button.

Figure 9: To complete and save your design, click the CREATE JPG button.

24) A dialog box will open – allowing you to select a folder, create a filename and save the file.
Once saved in .jpg format, you can share your design with peers via email, insert it in to PowerPoint
presentations, include your design within proposals, etc.

Avaya Faceplate Designer Tool Guide Page 9

Tool Guide
Additional Information
9600-Series Custom Faceplates Pricing
The price of a 9600 custom faceplate is dependent upon:
• The base color used on the faceplate (standard or custom).
• The number of additional colors used on the display bezel and the main faceplate text and/or logos.
Please contact your Avaya Account Team or Authorized Avaya Connect channel partner for price quotes and
discount information.

Important Note!
1. One box of faceplates contains 25 Faceplates.
2. A minimum of 4 boxes is required for production orders.

Avaya Logo Color Exceptions

The Avaya Logo is required on all phones in Avaya red, black, or white. Button text is required and may be
black or white. If required colors differ from the above examples, your Avaya Account team or Authorized
Avaya Connect channel partner will work with the Faceplate Manager to provide you an appropriate price
quote.
Custom Colors
PMS (Pantone Matching System) is the universal color matching system used by printers for consistency in
color. For custom colors you must provide the PMS numbers.
Important Note!
The current version of the Faceplate Designer does not automatically generate PMS information. Even
though you can adjust colors to match logos or graphics using the tool, you will need to obtain
appropriate PMS numbers separately for final production.

Parameters for Printing logos and graphics

There are limitations on the types of logos or graphics that can be printed on the faceplate. You must provide:
• Adobe Illustrator (.aiI) or Photoshop (.eps) vector (layered) files in order to proof and correctly print
your order.
• No shading or color gradients are allowed. All colors must be solid with a solid boundary between
color transitions.
• If you have any additional questions on colors please contact your Avaya Account Team or
Authorized Avaya Connect channel partner.
Pre-production Faceplate Proofs
Pre-production Proofs are required for any faceplate with logos. A pre-production proof is an actual physical
sample of the faceplate with the specified logo and desired colors.

Important Note!
You should be aware that differences in the types of surfaces the design is printed on will cause colors
to vary slightly, even for the same PMS values. Color on a paper printout may therefore differ slightly
from the color as reproduced on the actual (more textured) surface of a faceplate. For this reason, it is
suggested that a pre-production faceplate be produced even if there are no custom logos used.

Avaya Faceplate Designer Tool Guide Page 10

Tool Guide
To Order Faceplate Production Units
Contact your Avaya Account Team or Authorized Avaya Connect channel partner. They will work with the
Avaya Faceplate Manager to provide you with quotes, pre-production proofs and other materials necessary to
complete your order.

Important Note!
In order to complete the Custom Faceplate order process, the following design info will be required:

Required Category Necessary Specific Information

Phone Type 9620, 9630/40, 9650, 9670
Button Module
Faceplate Base Color Provide the color of the faceplate.

If a standard Avaya color (Red, Blue, Yellow, White, Silver,

Charcoal Gray), indicate the color

If a custom color, provide the Pantone Color Number

Avaya logo color Provide the color of the Avaya Logo

Red, White, Black

Button text color Provide the color of the button text

White, Black

Logo File Must be provided in one of the following formats:

• .ai (Adobe Illustrator)
• .eps (Enhanced Postscript)
• .ps (Postscript)
Colors used in the logo Provide the Pantone numbers for all the colors used in the logo

Faceplate Layout Faceplate design that shows the location of the logos. Use the
Avaya one-X 9600 Series Faceplate Designer tool.

Avaya Faceplate Designer Tool Guide Page 11

Tool Guide
The Avaya Faceplate Designer
5 simple steps to creating a custom 9600 faceplate
Start the Avaya 9600 Series Faceplate Designer application, and use these 5 simple steps to create
your customized faceplate.

1. Click the button to remove any previous designs

2. Click which 9600 model you wish to design. This version of the designer supports the 9620 &
9630/40, 9650 & 9670.

3. The main screen of the designer will show:

Use the small black arrows inside the “Themes” box on the
right hand side of the screen to select either a one color or two color
theme.

NOTE: A two-color theme will add additional cost to the production

process.

4. Click on the “COLORS” icon on the right hand side of the screen

Use the color palette to change the color of the mock-up faceplate. For a
two-color theme don’t forget to select the “secondary color” button and
choose your second color in the same manner.

NOTE: You can adjust the Avaya logo and the button label text colors as well.
5. Click on the “LOGOs” icon on the right hand side of the screen

The Faceplate Designer tool allows you to insert one or more logos or graphics on
to the mock-up faceplate.
(The tool supports .jpg .gif & .png files)
• Use the UPLOAD NEW button to import a new logo or graphic into the tool.
• Select a logo in the logo pane and click ADD LOGO to add the logo to the
mock-up faceplate.
• Use the REMOVE LOGO button to remove the logo from the logo pane.
• You can load up to a maximum of 4 logos at any one time. Use the DELETE LOGO button to remove
graphics from the LOGOS tab.

Once the logo is on the phone you can manipulate it using the following buttons:
To decrease or increase its size

To rotate it (you can also click and drag the logo to move it around on the phone)

To select a color from the logo and use it as a design color of the phone

One you are happy with your design, click the button to save it to the PC or a USB memory stick.
You can then use this file in any way you choose (presentations, etc.). Click the button for the next
design.

Avaya Faceplate Designer Tool Guide Page 12