Aytekin Tank is founder of JotForm. He currently leads the JotForm development team. He loves to hear from JotForm users. Feel free to shoot him an email at aytekin at jotform.com.
Welcome to the JotForm blog, where you can read about new JotForm features and find helpful online form tips for creating top-notch forms, user case studies, and much more.
Feel free to stay a while, drop a comment or two, laugh at our corny jokes, and make sure to share the articles you like on social media.
Tips for Non Designers Using the JotForm Form Designer
If you’re new to JotForm - or maybe you recently migrated from Adobe FormsCentral - you may not be familiar with how easy it is to turn your ordinary looking form into a gorgeous piece of online art. JotForm’s incredibly advanced Form Designer allows your inner designer to shine; it’s the easiest tool around for creating customized, beautiful form themes that don’t require any knowledge of complicated CSS.
With that being said, here are a few pointers to get you started.
Customize Your Colors:We make it easy for you with a great selection of color schemes to choose from.
But what if you’re interested in developing your own color scheme? Well, that’s pretty easy too! Unless you have your own company colors you’re looking to use, one of our favorite tools to start with is the Adobe Kuler color tool to get an idea of different color pairings.
Once you know the look you’re going for, either easily click the colors on the scale or enter the Hex numbers in the custom color box for the background, input background, frame and text.
Use Beautiful Imagery:
Without requiring a whole lot of extra work, you can make your web form gorgeous just by using the right background image.
Whether you take your own high resolution photos, or you want to use stock images, great images are a perfect place to start. We recommend Unsplash for some magnificent, copyright-free pictures.
From there, you should consider making your form frame somewhat (if not entirely) transparent to really let the image shine. Using this method, you can have a spectacular form that lets the image do most of the heavy lifting.
If you happen to be using one of those beautiful images; it’s best to avoid covering it up with opaque boxes on your page.
Even if you don’t know a lick of CSS, there are easy solutions for creating a transparent dropdown menu so it doesn’t look out of place.
Highlighted Colors:An important final step before sending your form to the masses is tweaking the highlighted color to match the feel of your form. The highlighted color is the one that appears when a user clicks on a form field. By default, the highlight color is a bright yellow, which may or may not be suitable for your form.