Design your capacitive switch in 10 easy steps

Transcription

1 Design your capacitive switch in 10 easy steps

2 1 Register into the web application Access the on-line application to design TMD: Click on Register and fill in the form. The on-line application will send you a verification link to the specified address so that you can validate your account. Check your Spam inbox if you cannot find the verification . Now you can access the on-line application with your and Password.

3 2 Sort out your ideas Create Folders to sort your projects out. Create a New project for your device. Place the pointer over the project to show the available options: Rename Delete Duplicate Download image You have 50 MB available to create your projects You can move projects from one to a another folder by drag and drop them. Set a name for your project and click on the project icon to start creating your design.

4 3 It is time for important decision making Select the number of main buttons Optional for TMD-Plus, Square TMD and Flat X. Set the orientation of your TMD. Optional for TMD-Plus, Square TMD and Flat X. Choose the Cover colour that fits the best to your design. Select the Frame you want. The available options may vary depending on the selected product and it can affect the final product cost. When choosing Policarbonate as material, the colour frame will be the selected one for the cover. Use the navigation menu at the top of the page or the button to move to next tab, Config.

5 4 Design the buttons Configure the appearance of the buttons. It is possible to define a frame for the button, selecting shape and colour. Even a colour to fill the button. Create rounded borders selecting a 100-size radius. In Flat X and Flat Display projects (with backlit icons) and IWAC Display, the buttons will be configured from the Buttons tab. In this area, you could preview the changes before applying them to your design. You could apply the selection over all the buttons of the device. Use the navigation menu at the top of the page or the button to move to next tab, Background.

6 4 TMD Family Design the LEDs It is also possible to modify the LED indicators appearance. In this case, the LED inner colour only can be white or grey. This option is not applicable to Flat X and Flat Display projects (since their icons are backlit) and to IWAC Display. In this area, you could preview the changes before applying them to your design. You can remove the buttons design and LED indicators just by draggin and dropping them out of the design area, but take into account that deleting a LED indicator from the design means to remove it physically from the TMD device. Not deleted LEDs are highlighted in yellow with a green halo. LEDs can be deleted only in this "Configuration" Tab. Use the navigation menu at the top of the page or the button to move to next tab, Background.

7 5 Select the background of your design You can select a uniform Background colour for your design or choose a customized Background image: - Allosed formats:.jpg/.jpeg -.gif -.png -.bmp - Minimum size: o Square TMD and Square TMD Display: 1016 x 1016 px. o TMD Plus and TMD Display One: 1016 x 1400 px. o IWAC Display, Flat X and Flat Display: 940 x 940 px. Click here to access our predefined designs gallery or add your own images. Adjust the image area to be displayed as the background. You can create the whole design using a design software and import the result as a background image. Use the PSD templates in this process as a reference of dimension and position of the buttons. Use the navigation menu at the top of the page or the button to move to next tab, Logos.

8 6 Make your design unique Add your company logo, customized icons or decorative element to your design. Click here to add your own images. Drag and drop the image to your design area and adjust its size. Use the arrows of your keyboard to place the image in a more specific position. You can remove the elements by dragging and dropping them out of the design area. Use the navigation menu at the top of the page or the button to move to next tab, Icons.

9 7 TMD Family Select the icons For TMD-Plus, TMD-Display, Square TMD and Square TMD-Display projects: Select the size, colour and icon that suits better the function of each button. Then, drag and drop the icon to the design area. Icons size Icons colour You can select filled icons or icons only with contours. Icons gallery If you drag and drop the icon to the button area, it is automatically placed in the middle. Information of the selected object. Note that you can add your own icons importing them as Logos from the Logo tab. Use the navigation menu at the top of the page or the button to move to next tab, Texts.

10 7 IWAC Display Select the icons For IWAC projects you can configure the icons analogously as previously explained, from the Icons tab. Moreover, the NFC Icon can be defined from the tab named as such. Note that you can add your own icons importing them as Logos from the Logo tab. Use the navigation menu at the top of the page or the button to move to next tab, Texts.

11 7 Flat Family Select the icons For Flat X and Flat Display projects the icon will be configured analogously as previously explained, from the Backlit Icons tab Icons size Icons colour You can select filled icons or icons only with contours. Icons gallery If you drag and drop the icon to the button area, it is automatically placed in the middle. Information of the selected object. Note that, in order to get icons properly backlit, it is only possible to choose icons from the icons gallery and in white or grey colour. Use the navigation menu at the top of the page or the button to move to next tab, Texts.

12 8 Include texts to complete your design Select the font type, size and colour and complete your design with your own customised texts and labels. Font type Font size The text will appear here. Drag and drop it to the desired place in the design. Font colour Click here to enter the text. Click on the arrow or press Enter key to add the text to the design area. Use the navigation menu at the top of the page or the button to move to next tab,.

13 9 Check the result Click on Preview Project. A PDF document will be generated to show you the final appearance of the device when printed. Review this design to make the desired changes before finishing the project. 3D design preview Buttons, texts and logos (even icons included as logos) WILL NOT BE BACKLIT.

14 9 Check the result When you are satisfied with your design, accept the conditions for project printing to be able to Finish the project and continue to generate the PDF file with the design code. After that, a pop-up will emerge as summary of your project. Once the project has been finished, changes cannot be made in the design, unless you duplicate the project and edit it. Not used Images will be removed. Note: Remember that the project should not be removed from the Touch-MyDesign tool until the printing process has been completed.

15 10 Make real your design In the PDF that will be downloaded, you will find the instructions to place your order, besides to the most important, the design code. Design code If getting this message, make sure that no LED indicator has been deleted by mistake. See section 4. Instructions to place an order

16 10 Make real your design Furthermore, you will receive the instructions toplace the order by , along with the PDF file in attachment. Instructions to place an order: After Finishing the project, it should not be removed. Otherwise, we will not be able to print it. Congratulations!! You have finished your customised design with the Touch-MyDesign tool. Enjoy the experience!