Design and Development

Posts Categorized: Typography

The current reading experience of the web

By

Filed under: Typography, Web Development, Website Layouts.

I think most of us would agree that the reading experience of the web is pretty broken.  Whether it’s too many ads and distracting elements on a blog, text that is set to 11px (which is completely unreadable), or even lines of content that have a too long line length – the reading experience of the web can definitely be improved.

Today, more and more things are being read on the web every day. Not only do we visit websites to find out information about a company, but we also read e-books, blog posts, and articles online.

Improving the web reading experience

Over the last few years, we’ve begun to read more things on our smartphones, tablets, phablets, and laptops then we ever read in books or printed material.

One of the great things about web articles and books is that you can access them from where ever you are, at any time and from any device.

Read more…

Typecast Reviewed: A Designer’s Thoughts after Using Typecast

By

Filed under: Typography, Web Development.

A while back I wrote about typography and its importance on the web. Typography and content is really 90% of what the web is; so if you are going to create beautiful, consumable content, you really need to pay attention to your website’s typography.

Traditionally we’ve used static tools like Photoshop or InDesign to design our typography and then we recreate it in code. But this has always been a bit of a hassle when switching from static mockup to code and to an actual browser canvas.

This is all changing with great new tools like Typecast. Typecast is a web app that is built to help us as designers use the browser to design our typography and websites. It gives you access to over 1000 web fonts that you can try out on your live website content in an actual browser.

Typecast – Experiment with Type from Typecast on Vimeo.

After using Typecast for a while, I want to share my thoughts with the community about some of its great features, and where it could be improved.

Read more…

How to Make Your Website Standout from the Competition

By

Filed under: Design Inspiration, Typography, Web Development.

When visiting a website you may be thinking, “Man this website looks terrible, and is really hard to use!” Or you may be thinking “Wow, this website looks great, and I found everything I needed.”

Does your design standout? What is the difference between the design of a really amazing website and one that looks ugly and uninviting? This article outlines some design elements and principles that will transform your design from okay to extraordinary. Read more…

Designer Skills Matter More Than the Tool Used

By

Filed under: Design Inspiration, Photoshop, Typography, Web Development.

After talking with many experienced designers and working on many projects, I have come to the realization that design skills matter more than tools.

Think about it, a carpenter could still build a house without an air-nailer; but if you’ve never built a house, you couldn’t get it done with the best tool in the world.

Designer Tools

Photo Credit

This article has the focus of improving design skills, rather than worrying about always having the latest and greatest Photoshop version (even though that may be important). Read more…

Typography and Why it is Important for Your Website

By

Filed under: Design Inspiration, Typography, Web Development.

There is no doubt about it – typography and the font-faces we choose has a huge impact on multiple aspects of our website including readability, mood, perceived article length, user experience and much, much more. It is absolutely essential that designers know and understand the different principles of typography that create a pleasing design, in order to properly portray the vision and mood of the website they are designing.

To many font-faces can be very distracting to your readers.
Read more…