Articles by ‘Jake Rocheleau’

30 Trendy Calligraphy & Cursive Fonts

Many designers would attest contempt their rather crude handwriting. Unfortunately it’s one of those things you really need to practice & develop – otherwise it’s chicken scratches all the way to the grave. Calligraphers are people who not only love handwriting, but love it so much they turn it into a career.

Hand-drawn calligraphy is incredibly beautiful and ripe for digital reproduction. I’ve scoured the net in search of the most dazzling calligraphy and cursive fonts to use in graphic & web design projects. This collection features 30 of the most outstanding free and premium font families.

Each calligraphic style is unique with varying intricacies including ligatures, x-heights, and typographic variants. The vast majority of these fonts also come as a webfont to be used in website layouts. If you need a trendy calligraphic font to spruce up your design work these suggestions will get you on the right track…

Read More »

Elements of Design: How to Find the Right Composition for Your Web Design

All elements of design – from typography to iconography – relate to the overall composition. Each full webpage offers an intimate feeling to visitors before they even notice smaller details. In this way, compositional design techniques are some of the most important things to learn regarding web design. To internalize composition, you’ll need to practice. A […]

Read More »

The Guide to Understanding Micro and Macro White Space in Web Design

Digital interface design follows many of the same rules as print design. Composition refers to the overall layout and white space plays a big role. Many things help to define a composition, but white space is one of the most important concepts to understand.

Learning to use white space is more about hands-on practice and experience. But you can absorb plenty of great ideas by studying how other websites are put together. I’ve organized some tips and general ideas to clarify the overall picture of white space and how it defines composition for website layouts…

Read More »

11 Handy Shortcuts for Customizing Any Selectable UI Element

Online forms are some of the most common interfaces for user interaction. Many web fields rely on user input from the keyboard, but others have pre-filled answers waiting to be selected. These may include checkboxes, file inputs, or even select dropdowns.

Although select menus are fantastic they can also be a little boring. All web design should be functional, but great web design incorporates pleasant aesthetics too.

The following ideas center around dropdown select menus for website layouts. Web designers often like to design their own custom fields which best-suit the project at hand. Select menus and similar inputs can be tricky to customize, but modern techniques make the process a whole lot easier. Check out these plugins and code snippets which can be perfect for customizing any form field…

Read More »

How Speed Up Your Front End Web Development Process

Web design is often lumped together with a lot of other ideas like UX design and web development. Although these areas do overlap, the skill sets are not interchangeable and not all designers know how to code (or vice-versa).

But those who do code websites are often very task-oriented with a focus on the final outcome. This means it’s a good idea to work with best practices to speed up the whole development cycle. It’s not an easy task, but there are plenty of free resources out there to help.

This article includes some handy tips and resources for a more expeditious development process. As with most projects, why should work take longer than it needs to? Those who reinvent the wheel often have a good reason for doing so–but it’s not the best choice 100% of the time. Instead utilize these resources to improve the speed and efficiency of your own frontend workflow…

Read More »

How to Improve UX Design with A/B Testing

If you’ve kept up with design news the past 5-6 years then you should know about A/B testing. This is where two or more page designs are created and offered to a split percentage of visitors. Various metrics are tracked and designers can select a design style based on which features perform the best. It’s a wonderful technique for designers but does require some practice to fully understand.

These tips are geared towards designers who want to learn more about A/B testing as it relates to web design. Every designer is constantly trying to better himself or herself, but self-betterment takes work. You need to be confident with your existing skills and push forward to learn more about user experience design. A/B testing is just one of these skillsets which can improve your value as a web designer…

Read More »

The Top Tips & Trends for Contact Page Design

Crafting a brand new layout from scratch requires a lot of smaller pieces along the way. Internal pages don’t all look the same and these pages require some extra work to organize great designs. While the homepage is often seen as the most important mockup, internal page mockups prove quite useful when it comes time to start development.

The following examples and ideas should be invaluable to any designers working on a new contact page design. This may be for your own portfolio or even a large corporate website. I want to focus on specific trends and design techniques which can be used to create a stunning contact page with all the useful tidbits and knick-knacks…

Read More »

Communicating UX Goals Through Interface Design

Modern websites are expected to be much more interactive than previous decades. Website design isn’t just about content anymore. It’s about clean user interactivity for reading and browsing through content. Web designers have to consider the behavior of visitors and how design can affect that behavior.

This post catalogs a few clarification methods which can be employed during the interface design process. It’s wise to formulate a plan before even starting a design mockup. This way you’ll have a finely-tuned direction for the website and its interactive elements. Once you understand more about design clarification you’ll have an easier time focusing on the bigger picture of user experience…

Read More »

Merging Responsive Web Design Ideas for Desktop & Mobile

Web designers have taken on many more roles in just the past few years. It’s now quite common to find designers who also specialize in frontend development, UX design, and even some backend development. One of the newest trends of responsive design is crafting a single base of HTML/CSS code which can fit properly into any browser window.

There is an intricate balance between desktop and mobile web browsers. Now more than ever it’s crucial that web designers find a balance for all users in every major website. Responsive web design is more than just supporting mobile devices – It’s truly about creating flexible layouts with page elements that can shift and rearrange themselves according to the current viewport.

In this post I’ll explore some responsive web design ideas to help get your creative juices flowing and hopefully leave you feeling ready to make some changes to your sites if needed…

Read More »
Page 1 of 41234