Website Development

Responsive Website Development – Why Does Your Business Need One?

With websites becoming a source of bread and butter for many, there is practically no need to explain the importance they hold. For any online business owner who wants to kill the competition and enjoy improved and augmented sales, it gets imperative to have a website that is much more than appealing. You need a website that would act as a tool and this is the area where responsive websites come into picture. It has not been long since the concept of responsive website development knocked doors and within no time it has become a prerequisite for any online business that wants to gain sustainability.

If you have been spending lots of website design and development and then also have not been able to provide users with something easy and navigable, it is high time you go in for responsive design and development in Chichester. The reasons of investing in responsive website design and development are many; let us have a look at some of the prominent ones:

• Going in for responsive website development is not only going to save you on money but on efforts too. With this you will be having a website that works well on all devices and this is going to kill away the need of coming with an exclusive mobile website.

• Another vital reason why you need to consider the option on responsive website development is that you will not be spending money on multiple versions and coming with a single site is going to suffice.

• There are some interesting SEO benefits that are making website owners consider the option of responsive website development. With this you are not required to build links or carry out content optimization for different websites; this is going to save considerably on SEO efforts.

• It has been seen that the users are in the favor of visiting websites that entice them and with responsive site development; you are going to add your name in the list. The potential customers are going to enjoy using your website and this is going to give boost to traffic and sales at the end.

• There are only a few online business owners that have gone in for responsive designs, if you want to stay ahead of the competition; you need to go ahead with this without any further ado.

There are many websites that have been able to deal with high bounce rates using this magic wand called responsive website development, you too can be one of them.

An important thing that needs to be known at this point is that there are only a few responsive website development agencies in Chichester out there and you need to ensure that the best amongst them is chosen for the job.

Continue Reading

How to Add Two-factor Authentication to cPanel and WHM

Adding an extra layer of protection to your website is always a good idea. It makes it harder for hackers to penetrate through your backend and gain access to things you don’t want them to. In this post, I’m going to show you how to add two-factor authentication (2FA) to your web hosting’s control panel – cPanel.

Before we get started, here are a couple of things you will be needing:

  • Access to your web hosting’s cPanel and WHM.
  • Smartphone with a time-based one-time password (TOTP) app installed.

Once you have both these things, you can start the process by following the steps below.

1. Log in to WHM.

whm screen

2. Look for the “Security Center”.

whm security center

3. Under Security Center, look for “Two-Factor Authentication”.

whm two factor authentication

4. Toggle on Two-Factor Authentication by clicking on the off button. Once this is done, the red dot will turn green. Now click Save.

turn 2fa own

5. Go to “Manage My Account” tab and scan the QR code given there with your TOTP app on your smartphone.

manage my account step 1

6. Enter the 6-digit security code from your TOTP app back to “Security Code” under Step 2. Next, click “Configure Two-Factor Authentication”

manage my account step 2

Two-factor authentication is now set up. Let’s keep this browser window open. In case anything goes south, you can easily disable the two-factor authentication right away.

Test 2FA

Now let’s test if it’s working properly.

1. Open a new browser and go to your website’s cPanel URL. The URL should be either www.domain.com/cpanel, or cpanel.domain.com. Now log in with your credentials.

cpanel

2. You should be prompted to enter the security code. Get the 6-digit security code from your smartphone’s TOTP app, enter and click “Continue”

cpanel security code

If you’re able to login to your cPanel page, that means it worked!

The post How to Add Two-factor Authentication to cPanel and WHM appeared first on Hongkiat.

Continue Reading

Nuance Power PDF: Best Adobe Acrobat Alternative

Editor’s note: This branded content is brought to you by Nuance Communications, Inc.

If I ask you to name a utility for working with PDFs, you may quickly answer “Adobe Acrobat”. However, there are many affordable alternatives that work equally well; and Nuance Power PDF is one of the accessible yet usable solutions to create, edit, convert, and do a lot more with PDFs.

Nuance Power PDF Advanced in WIndows 10

I am on a hunt for an affordable solution for working with PDFs, and let us see how Nuance Power PDF performs for me. So, in this detailed post, I am going to try out the trial version of Nuance Power PDF Advanced and share my findings. Come on, dive in with me, and do share your feedback through comments.

First look? It is straightforward.

Let us talk about my first encounter with Nuance Power PDF Advanced. I find it easy and straightforward, thanks to its intuitive interface.

Interface

When I first opened Nuance Power PDF, I was happy to see a beautiful user interface. It has the same ribbon interface that we know from File Explorer in Windows 10 or applications of Microsoft Office 2016.

Nuance Power PDF with Ribbon Interface

That means, you will need little training to get started with this app — all the options and tools are available in a familiar and beautiful interface. Moreover, there is also a search bar to find an option or a tool quickly.

Editing

Power PDF avails lots of features and options for creating and editing PDFs. You can create a new PDF from the clipboard, a scanner, a file, or nothing (a blank PDF). Using its file option, you can create a PDF from one or multiple files and also combine or overlay multiple PDFs into a single PDF file.

Using the scanner option, you can use its OCR features to scan sheets of paper (say, of a book) using a camera or a scanner and convert them to a PDF. I found its OCR does pretty good, but you may not see the same result with complex contents say an electricity bill or a handwritten text material.

Once you have created a PDF, you can convert it (not required in case of a blank PDF) to an editable PDF and use its advanced editor to edit the PDF like a text document. Its editor has all standard editing features (which you find in Word) including options to insert photos and tables, track changes, etc.

Advanced editor in Nuance Power PDF

After you exit the advanced editor, you get returned to review mode, which offers many more features to work with the PDF. You can add audio and video, 3D objects, notes, files, and more in this mode. You can also highlight text, create forms, do PDF tasks, manage security, etc. in review mode.

I liked its Dragon Notes feature, which lets you speak to create notes but I found the speech recognition was bit shaky and inaccurate — at least for me.

Review mode in Nuance Power PDF

Usability

Power PDF is a powerful tool for converting, merging, reducing, searching and sharing PDF files. That said, if you are using freeware or a limited PDF solution, then this tool may speed up the way you work with PDFs.

1. Convert from PDFs. Power PDF cannot just convert different files to PDFs but can also convert PDFs to other files, unlike some other tools. Also, it keeps the formatting intact during conversions. For example, if you need to edit a PDF file in Word, then you can convert it to DOCX and edit the same in Word.

Convert from PDFs using Power PDF

2. Create searchable PDFs. You may know that all PDFs are not same and some of them are just a bunch of photos (even if they contain text in them). Such files are non-searchable — at least while using search tools or freeware PDF tools. But Power PDF can make them searchable, thanks to its OCR features.

3. Optimize & reduce PDFs. You can optimize files to make them compatible with standard PDF (like “PDF 1.5”). You can also reduce the size to less than half of the original file size. Moreover, you can also opt to compress objects, remove unnecessary elements, and include more optimization options.

Optimize PDFs using Nuance Power PDF

Security

Every business needs to protect its data and Power PDF offers numerous options to secure your PDFs. You can certify PDFs, restrict to edit documents, add digital signatures, and manage digital identities to configure access control. Interestingly, you can also add handwritten signatures to files in case you have an image or a supported device like a mouse or a touchscreen device.

Handwritten signature in Power PDF

Extensibility

Power PDF allows you to create PDFs from almost any app, thanks to Nuance PDF — its virtual printer that lets you print to a PDF file. It offers a lot more printing options than “Microsoft Print to PDF”, however, you must use system dialog to access them in few apps. Also, it avails its native extensions for Office applications that support advanced options to work with PDFs.

Nuance Power PDF's virtual printer

Moreover, it also gets well-integrated with the Windows Context Menu. That means you can work with the supported files right from the desktop or the explorer. For example, by right-clicking an image or text file, it shows an option to convert the selected file into a PDF without even opening Power PDF.

Pros: What did catch my eyes?

After using it for a while, I found many significant features in Power PDF, which I am listing below with my own experience with them.

Touch support

Nuance Power PDF offers native support for touchscreen devices. What I found interesting is you can even enable the touch mode on a regular desktop, and in response, the app adds more space to the items in its interface. That said, you can enable the touch mode to see spacier ribbons and toolbars.

Power PDF has Mouse & Touch modes

Cloud storage

Power PDF supports various popular cloud storage services including Evernote, Google Drive, and OneDrive. You can open and save files from and to these cloud services directly from this app. What surprised me is you can also open different files from multiple cloud services simultaneously.

PDF Portfolio

PDF Portfolio is a unique feature of Power PDF, which allows you to store related files in a single PDF. You can think it as a manageable archive of multiple files of different file types along with their metadata. What I liked is this container retains the original security settings of files and folders added in it, so you do not need to re-configure these settings for the included items.

Create PDF Portfolio in Power PDF

Forms in PDFs

Using its powerful form features, you can create and place forms inside PDFs, which you can email or share with other people. Its FormTyper tool can even convert non-fillable PDFs into fillable forms automatically. That is not all; you can also convert part or all of the form to other document formats.

Nuance Power PDF avails FormTyper

Among your forms, you can include multiple form elements including checkbox, radio, textbox, button, etc. Also, it lets you import and export data from and to supported file types, easing the process of form management.

Batch processing

Nuance Power PDF packs in multiple options and tools to promote batch processing, which is just helpful when you need to process lots of PDFs. Its batch converter lets you convert PDFs, and its sequencer allows running a set of commands on one or multiple PDF files. For example, using the sequencer, you can add watermark, search and redact, insert or delete pages, and do more.

Edit Sequence in Nuance Power PDF

Cons: What can still be improved?

In spite of all its goodness, Power PDF does have a room for improvement and below are my findings as well as few suggestions for its future versions.

Better installer

While installing the trial version of Power PDF Advanced, I noticed its package comes as a self-extracting zip, which extracts the installation files and launches its installer automatically. While installing the app, its installer failed with a message telling failure while installing “VC Runtime 2015”.

However, I was able to browse the installation files and install the 64-bit version myself without installing the failed runtime. I am not sure if it was required or if it failed for some issue on my system, but I expect the installer to provide error details and some possible solution as well. Also, if possible, it shall nevertheless install the app with a warning message about the failed runtime.

Nuance Power PDF Advanced's installer

Moreover, its installer’s interface can be improved to make the whole installation experience a breeze for its users. I think people will love a refined installer with better look & feel, a clean installation window with advanced options hidden behind a button, and an interactive and intelligent installer engine.

Tabbed interface

At the time of writing, I found Nuance Power PDF Advanced opens every file in a new instance or window. Though it is not an issue until I open multiple files at once yet a tabbed interface will make me love it even more. However, it is my personal preference, and also, it is worth noting that Microsoft Office 2016 apps like Word and Excel do not have a tabbed interface as well.

Power PDF is missing tabbed interface

Refined interface

Though Power PDF has a beautiful interface (even if compared to Adobe Acrobat Pro DC) yet I find there is a room for improvement here and there. Although these are not important enough to break your work process, I think you will appreciate these minor improvements in its interface.

For example, while using Dragon Notes, I found it has no start or stop buttons; it merely starts recording when you click on it and stops recording when you press the close button. With start and stop buttons (and a pause, if you ask me), I can dictate at my will and even take a break in between if needed.

Keyboard shortcuts

I could not help but notice that I was not able to use keyboard shortcuts in its advanced editor. For example, in its advanced editor, I tried using Ctrl + B to make some text bold, and to my surprise, it did not work until I clicked the bold button from the ribbon toolbar. I found few shortcuts work in review mode (like shortcuts to find, show ruler, etc.) but none works in the advanced editor.

PDF from a web page

Though Power PDF packs lots of options to create PDFs yet I miss a feature to generate a PDF from a web page, which is available in Adobe Acrobat Pro DC. I find this feature helps create offline versions of websites, which prove helpful in many cases, say if you are travelling with no or a shaky web connection. But I found it has a corresponding browser plugin that does almost the same task.

How is Advanced over Standard?

Nuance Power PDF Advanced, which is specially built for businesses, is the more powerful version of Power PDF Standard. It packs in all the goodies from the standard version and offers some more to meet business needs.

1. Support for document management systems. Power PDF Advanced supports many well-known enterprise document management systems like SharePoint, OpenText eDOCS, HP WorkSite, Livelink, Worldox, and many more.

2. Redact feature. You can redact sensitive information from documents using the advanced version of Power PDF. It allows you to black out or white out, i.e., hide/delete some information while showing rest of it in any PDF.

Power PDF Advanced supports redact feature

3. Bates stamping. Power PDF Advanced supports labeling or numbering the PDFs using Bates stamping. It helps your business to mark and identify the PDFs with identification or copyright info like company name, logo, etc.

4. Watched folder. You can use a watched folder to create PDFs automatically with the advanced version of Power PDF. It allows you to place any file in the watched folder and it will auto-create a PDF for the file per settings.

Power PDF Advanced avails watched folder

Shall I opt for Nuance Power PDF?

Nuance Power PDF Advanced packs in many features for an affordable cost. Moreover, it comes for a one-time fee, which proves way more cheaper than a subscription. And if you are a home or a casual user, you can opt for its standard version to save even more for almost the same set of features.

That said, Adobe Acrobat Pro DC requires you to opt for a subscription (it is no longer available for a one-time fee) at 24.99 USD/month or 179.88 USD/year. However, Nuance Power PDF Advanced costs you a one-time fee of USD 149.99 and its standard version with fewer business features will cost just USD 99.99.

Last but not the least, let me remind you that Nuance Power PDF offers a 30-day trial for Advanced Version and 14 days for its Standard version. So you can see for yourself by opting for its trial version and trying out its powerful features.

The post Nuance Power PDF: Best Adobe Acrobat Alternative appeared first on Hongkiat.

Continue Reading

Talk in Bern, Switzerland: What are your Career Options as a Freelancer?

If you live in Switzerland and read this blog, it’s about time we meet. On the 25th of April, there will be a good opportunity to meet at a talk I’ll be giving in Bern, at the Urbanfish coworking space.

For 45 minutes, I will give you an overview of the career paths that you can consider when working as a freelancer, followed by a short Q&A session. After that, drinks will be served and fun can start.

The talk

This is a talk you should attend if you are working as a freelancer or if you consider freelancing. I’ve been freelancing for 15 years now and I have experimented most ways to earn an income doing gigs, so I’ll be comparing freelancing careers and explain who should consider what path. For example, people who hate taking risks should not go full-time freelancer, but consider working part-time as an employee while freelancing on the side.

For each career path, I’ll be giving marketing advice. After all, the ultimate goal of freelancing is to make enough money to keep on going. Marketing yourself as a freelancer isn’t like marketing as a design studio, I will get into the differences to help you better focus on what works.

So if you are in Switzerland, don’t hesitate and attend the talk, I’ll be very happy to meet you there. You can register on the Swiss Tech Talks website.

Continue Reading

Design deals for the week

Every week, we’ll give you an overview of the best deals for designers, make sure you don’t miss any by subscribing to our deals feed. You can also follow the recently launched website Type Deals if you are looking for free fonts or font deals.

EXCLUSIVE: 123 Best-Selling Fonts & 552 Premium Graphics and Logos

A Mighty Deals Exclusive!!! You won’t find this designer’s dream of a deal anywhere else on the Web. Packed with pure professional pop, this Mighty Bundle is overflowing with more than 120 fabulous fonts and over 550 graphics and logo templates. From badges to ornaments to illustrations, and everything from modern script to watercolor brush style fonts, this collection is all you’ll need to whip up your latest projects.

$15 instead of $1850 – Get it now!

250+ Royalty Free Stock Animation Video Assets

Create professional video animations in minutes with the VideoPlasty Stock Animation Bundle. With little to no experience required, with drag and drop simplicity! A huge library of more 250 premium quality stock animation video assets, basically our entire collection since launch!

$17 instead of $1730 – Get it now!

Love to craft bundle

The Love to Craft Bundle has arrived! It’s jam packed with popular Fonts, Monogram Frames, SVG’s cut files, Silhouettes, templates, digital papers and more.

$24 instead of $305 – Get it now!

Akwe Pro Font Family of 150+ Modern Typefaces

Professional. Versatile. Those are just two words to describe Akwe Pro. This professional, ultra versatile sans serif typeface sports a modern design with perfect legibility. Created for use in both short and long blocks of text, as well as headlines and user interfaces, this font family features more than 150 unique fonts that are just perfect for your latest branding challenge.

$24 instead of $299 – Get it now!

S&S Nickson Font Bundle of 15 Display, Script, Illustrations and More Typefaces

How would you like a collection of fonts that are strong enough to stand on their own, but creative enough to pair beautifully with one another? That’s exactly what you’ll get with the S&S Nickson Font Bundle Collection! Take home 15 different typefaces in a variety of creatively elegant styles including display fonts, script, illustrations, badges and more!

$12 instead of $25 – Get it now!

Continue Reading

DINA: the lamp you need to pay to get some light

When you stop for a moment and think about it for a second, technology is amazing. Take lamps for example, all you need is to hit a button and you get some light. It’s almost too simple and maybe the reason why we spend so much electricity unnecessarily.

This could have been the thought process behind the creation of DINA, a lamp that requires that you insert a coin before you can use it. Although you can get your money back easily, the fact that you need to pay when using the light is a recurring reminder that cool technology comes with an energy price.

This cool modern desk lamp was designed by MOAK, a design studio from Cali in Colombia who specializes in lighting and furniture.

Continue Reading

Brilliant Ways To Advertise Inspiration Resources Daily Work

To make your brand stand out while advertising, you need to find the perfect elements to include in your campaigns. As you can learn from AuthorityAdviser, every marketer wants to create eye-catching advertising that can be noticed by many people, and for this they will struggle to include the most interesting information that will get viewers thinking about the message hidden in the advert. There are brilliant ways you could create inspirational messages that will improve the impact of your advertising. Here are some of the tactics you could apply that are effective.

Trick the Eye with Juxtaposed Imagery

While creating an advertising campaign, one of the things you want to take care of is presentation. Crafting a perfect message includes using tools of communication like imagery and juxtaposition to help create visualization in the minds of your audience. The good thing about this technique is that it often results in adverts that are interesting and many people will want to get more information about what the presentation is all about. It is one of the best ways to stand out and capture the attention of the audience.

Proportion

Proportion is another aspect of advertising that you can use to create impactful ads. In this case, you try to make some parts of the advertisement louder and eye-catching in a manner that no one can ignore. However, using proportion may not always offer a beautiful outcome, but the advantage is that it creates an unusual image that will trigger the attention of the audience.

Use Exaggeration

You can also apply exaggeration in some concepts while advertising. The purpose of this is to ensure the advert does not look obvious and is unique in the eyes of the viewer. Exaggeration will help you to present a message in a manner that is different and intended to help the audience understand what you are communicating more profoundly.

Edit Photos to Add Clever Effects

Don’t always give people the obvious while presenting your message through photos. You can edit them to add special effects that create a dramatic result. Such messaging sticks better in the minds of the audience and could carry more impact if shared well. You should stretch your creativity, but also be careful not to reach limits where some people will be made to feel offended by the way you craft the message.

Play with Scale

Scale helps mostly when you want to show how convenient something can be to the user. It is a form of exaggeration that will help to show the audience how the item could be useful to them. It’s a subtle formula of saying a lot with little.

Marketing is a field filled with many possibilities and you should explore all of them to bring out the results you desire for your projects. There are many tactics you could employ to make your messages more impactful including using exaggeration and proportion to illustrate what you are saying. The idea is to be different and stand out from the competition. See some ideas you could employ above.

Continue Reading

Learn How CSS Grid Properties Work With Griddy.io

If you keep up with web design tech then you should know about CSS grids. These properties are new additions to the CSS3 format and they’re quickly becoming a developer’s best friend.

We recently covered a fun game to help you learn the CSS grid properties, but games don’t always teach practical ideas. That’s where Griddy might be more useful.

This free webapp lets you customize grids in real time and updates live snippets on the page. You can mess with your own custom grid by defining columns, gutters, and margins, and restructure the page to learn how grid properties work.

learn css grids with griddy.io

Griddy is actually a free learning tool made for frontend developers who wanna understand more about CSS grids.

With this webapp you can add new items into the grid, remove other items, and resize them to fit any layout you want.

The webapp has different sections with different input fields for editing grid properties. These let you reformat the grid rows/columns and they teach you exactly what you’re doing along the way.

You can define column gaps, align grid items, and play with justification settings – all through these form fields. Whenever you make a change it’ll auto-update the preview and the small code snippet underneath.

This way you can just copy and paste the CSS into your own stylesheet if you wanna mess with it further. Pretty cool!

griddy webapp preview

Griddy may not be as fun as Grid Garden but Griddy is a practical way to learn and visually understand how the CSS grid properties affect page elements.

To play around with it just visit the Griddy homepage. You can also share your thoughts or questions with the creator on Twitter @drewisthe.

Continue Reading

Best AWWWARDS winners of the last 12 months

When did web design become an art form? We know it sure as heck wasn’t anywhere close to when sites really started hitting the World Wide Web in waves back in the 90s. With no CSS, ugly fonts (the polar opposite of these), brutal colors and a painfully slow loading time, calling websites art back then is like calling a jackhammer music. Thankfully, we now have a world where progression is expected, and much like every technological discipline out there, web design has moved forward so fast that we’re essentially playing catch-up.

It’s quite remarkable to think that we’re in an age where pre-designed website templates exist for those either unwilling or incapable of creating their own. But while what you can find here is useful for non-web designers in terms of templates, there are still those who desire to push the envelope in terms of web design and consequently change our perceptions of what makes a great website. Does it present information in a succinct and appealing manner? Yes, but how exactly does it do that? That’s what Designer Daily is all about, as we want to delve deeper and showcase the sites which take that information and make it art.

However, it’s not just us, as AWWWARDS.com does a great job of featuring brilliantly functional and gorgeously designed sites which can’t help but put a smile on your face. AWWWARDS gives out honors for site of the day, site of the month, and site of the year (alluding to design, creativity and innovation), and as that’s far too many to discuss in one article, we’re going to focus on our favorites from the site of the month category over the last 12 months.

Tao Tajima

Filmmaker Tao Tajima’s site makes such a great use of space because as soon as it loads, the screen is filled with a full-size video of Tajima’s work while the necessary text is overlaid splendidly in white. What’s more, the transitions from one page to the next seem to shimmer and dissolve, making the whole site appear as one living, breathing entity. His videos can be accessed easily enough and come with a short and interesting backstory, while a ‘Play’ button simply begs you to click. A beautiful portfolio on a cutting-edge site.

We The Fans

For ESPN’s upcoming documentary series following hardcore Chicago Bears season ticket holders, an accompanying website has been set up to add further detail and simply to hype the project. The user is greeted with a calming blue screen featuring a lit-up stadium, in addition to the typical sounds one hears in the midst of the action. After clicking ‘Start the experience,’ you can explore particular areas of the stadium and find out more details of the fans featured in the documentary. The overall experience is soothing, delightful and enjoyable, as we’re the ones who get to move around the (admittedly small) section of the digital stadium and read about the fans as and when we feel.

Ghost Recon Wildlands

This site is made for the new Ghost Recon video game, and after the intense and quite shocking video, we’re treated with a map view of Bolivia, where we can play side missions relating to the story. While the missions are mostly observation and don’t involve the user doing too much, it’s still an immersive experience and overall, makes you feel invested in the world. The map design is fantastic, and the moving elements such as cars and helicopters turn it into something so much more.

If you’re a web designer who wants to be a trailblazer and smash preconceptions of what a website is capable of, then the AWWWARDS are merely a way of simultaneously motivating you to try harder and be inspired by the work of others.

Continue Reading

Improve Your Brand With Typography

Branding goes beyond the logo.  It also transcends the product or service and creates an emotional resonance with the public.  Typography assists with creating a brand.

As we move into a digital world, new products or brands are being given the opportunity to shine.

If you’re looking at building a brand which stands out amongst the competition, focus on the role typography plays in creating a deep emotional resonance with your audience.

Designers today work with digital and web technology.  This includes video, illustration and social media.  However, text-based website content plays an important role in building a relationship with an audience.

Once a video has been played, the audience will interact with the text of a website.  In fact, there is probably more text on a website than anything else.  As a designer, you can ensure this makes an impact.

Typeface helps to identify a brand

There are many free fonts available online, but if you’re looking at identifying your brand, paid fonts or unique font designs have their place.  Companies such as The New York Times and Coca-Cola are immediately recognizable by the fonts they use.

Using a single identifiable font gives your page a clean feel.  As a page is not simply made up of headers or titles, you can use other fonts as well.  Limiting your number while creating a neat feel to your page helps to create an identifiable brand which is familiar to readers.

Classic brands have used digital imagery to create an online presence.  This means that their brands remain easy to identify both online and off.  The quality of the design creates a positive experience for online viewers.

What do fonts add to a brand?

Fonts are expressive and give words a visual representation or language.  They are also durable because they help to create an identity for a brand that will remain in the minds of the public.

Brands such as Coca-Cola, American Eagle, Apple, Vogue, Disney and Calvin Klein all use distinctive fonts that help to identify their products and communicate their message.  It is no wonder companies pay such large quantities of money to have a logo designed.

Through using typography, brands communicate a message.  Think of Disney’s typeface logo, which communicates fun, imagination, vibrancy and nostalgia.  However, branding goes beyond the typeface used for a logo.

Aligning you’re the typeface on a website with a company’s message helps to add another layer to the brand.

Which typeface should you use?

There are a great number of different typeface fonts in the world.  Some are wonderful, some terrible, and opinion is sometimes personal.  However, there are some basic design principles to take into account when choosing a font.

Body fonts

When selecting your body font choose lettering which is simple and easy to read.  Some fonts come with serifs or finishing strokes (serifs) between letters, such as Times New Roman.  Others are without these strokes and are sans serifs.

In the printing industry, serifs are often used for text.  Online, however, the copy is often sans serif, and fonts like Helvetica are popular choices.

Fonts for headings

When selecting headings, fonts can be dramatic or full of flourish.  It should also be bold enough to command attention.  Display fonts break up your page, add contrast and direct the user’s attention.  You can use fonts which are eccentric, elegant, beautiful or full of flourish.

The font does have to be easy to read, however.  This is because headings often give a site user quick insight into the contents of a page.  If the font is difficult to read, it will lose its design purpose.

When working with a font, it is often helpful to limit your choice to two options, but vary the weight and height in order to create emphasis or hierarchy within the text.  This will help to create a sense of consistency as well as keep your page uncluttered.

When selecting a typeface, take the following into consideration:

Legibility:  Does your typeface feel familiar to your readers?  Are the letters easily distinguished?  Look at the spacing between the typeface.  Does it flow, so that readers can follow easily?

Readability:  Is it easy to make sense of the text?  Each letter should disappear into the background as the reader recognizes the overall shape of the words.  This makes the text enjoyable for the reader.

Suitability:  Look for a font which is suitable for the product or brand.  Apple, for example, uses a slick, clean-lined and modern typeface as a part of its brand.  Remember to pick a typeface which fits the purpose of your design as well.

Free versus paid for typeface

Many people use the term typeface and font interchangeably.  However, from a technical perspective, typeface refers to the name of the lettering (such as Helvetica or Arial) whereas font refers to the variation within the lettering, such as Bold or Light.

A typeface which is freely available online often comes in only one font.  This means it doesn’t come with a variety of weights and styles.  This might limit your options as a designer.

Many free fonts are also untested, which means that they do not always look the same across web browsers.  This can limit your ability to design your page according to the message you would like to portray.

Quality fonts which have been tested and which are helpful to the design industry are not normally free.  There is a range of typefaces which are fairly inexpensive (between $35 and $75) which will give you a range of options and weights in order to create a cohesive and well-designed site.

There are, however, some designers who charge a great deal for their lettering.  Determine your client’s budget in order to establish how much you have to spend on a typeface.

Services such as Adobe Typekit are helpful to access fonts across the web.  Typekit obtains fonts from different artists, testing them across different browsers to ensure uniformity and quality.  Users can obtain typeface from Typekit.

Creative Cloud is a desktop application which enables you to sync fonts available from Typekit onto your computer.

If you’d like to build up a library of font purchases on your own computer, you can use sites such as fonts.com or myfonts.com.

These fonts can be purchased by you for a set fee.  If you do choose to purchase your fonts, ensure that everybody who will need access to them will have a license to do so if you’re working in a team.  Otherwise, this might exclude certain members of your team from working on a project.

Digitalization adds new options to design

In the past, printing relied on letter setting. When a book or pamphlet was about to go to press, blocks of letters were arranged in a printing press.  Lettering options were limited.  It was also harder to make changes because this would mean rearranging all of the letters in the typeset.

These days, it is much easier to make changes to a page as you go along.  This means making copy easier to read.  You can add or subtract headlines and break up the text.  You can also try out a number of different lettering styles until you are happy with your design.

How does your font speak to your audience?

Each typeface has its own personality.  Some fonts are clean-lined, sleek and modern.  Others speak of elegance and heritage. They bring a sense of trustworthiness and reliability.

The personality of your typeface should combine with the message behind a brand in order to send out the correct message.  This is particularly true with a logo.

Your design should send out a message or first impression to a potential client or customer.  This message will be clear before the client purchases a product.

What meaning will the audience take from it?

A typeface will have to mean to your reader.  If a font is familiar, it will often feel as trustworthy as an old friend.  This doesn’t mean you have to limit your choices.  Instead, consider carefully what your brand is portraying.

Fonts are often related to products we’ve seen in the past and will remind viewers of a range of products, from pickles to candy.  Some fonts are associated with ceremony while others with technology or creativity.

When it comes to font, consider the size, weight and height of your typeface as well.  This will enable your font to whisper, shout or make a simple, bold statement.

As a designer, you have the ability to use type to create a statement.  And to ensure you are putting across the right message.

Understand how your message is received

The choice you make in selecting your font will determine how your readers determine a brand or product.  Are you contemporary, innovative, trustworthy or old fashioned?

How you present a brand will determine audience response.

Although some responses are subjective, it is often helpful to determine how an audience sees a design or product before making a final commitment.

Selecting the best choice for a brand often means determining how the audience interprets your design.

Researching or understanding public perceptions of a typeface will help you to establish the meanings you create for a product and the way that your brand speaks to the audience.

Your design should be invisible

If your design is doing its job, your audience shouldn’t notice your typeface.  This is because the whole is more than the sum of its parts.

You want your audience to gain an overall impression of a brand which transcends both your design and the product.

This might be one of creativity, honesty, reliability, innovation or even intelligence.  This is because it’s the emotional resonance with a brand which motivates a client to make a purchase.

An effective design assists clients to understand a product, organize information, easily digest what is being said and it attracts attention.

This enables the audience to build a story.  In effect, a good design is like the backstage work in a theatre which ensures the audience is able to resonate with the production.

Summary

The story we absorb, or the end product we perceive (form) follows a process of careful and practical planning or creation.  As designers, we want our work to be attractive.

However, it is the thought and creativity we put into it which will result in the emotional resonance with a brand or product.  It is therefore crucial that this is well thought through.  Without it, we simply create an attractive image.

Typography, when used with care, can turn a product into a brand which has a deep emotional resonance with its audience.

Continue Reading

Web Design Museum Shows You Web Design Trends From The Past

We often forget just how primitive the web used to be. Dating back to the late 90s and early 2000s people were just getting online, and even then many didn’t use the web very often.

Nowadays most people can’t imagine life without the Internet. And because of that growing audience, web design has seen many advancements for the better.

The Web Design Museum is an online archive of screenshots from older sites dating back through 1995-2005+. This was the first major decade of the consumer web and it’s fun to see how many sites followed these now-outdated trends.

web design museum homepage

For browsing the museum you have a few options.

You can do a search to find a specific site(s) you’re looking for. This is a fun way to check out different years and changes in designs for your favorite sites like eBay or Google.

But there’s also a really cool timeline page listing a full timeline for each website in the gallery.

This way you can dig into the site’s design for every major year available. Not every company dates back to the 90s, although many examples like Coca-Cola will leave you red with embarrassment.

The Web Design Museum gallery lists over 800 websites with different screenshots dating back to the mid-90s and various redesigns along the way into our present era.

It works much like the Wayback Machine except these screens are just images, not fully archived pages. These screens also feature all the proper CSS/images required to view the sites in fulls — something you won’t find in the Internet Archive’s database for every screenshot.

old cocacola layout webdesign museum

This site probably won’t make you a better designer or help you design faster. But it will give you a taste of the older web so you can see just how far the web has come in a few decades.

To learn more visit the about page and be sure to dig into their massive gallery.

And if you have screenshots from classic websites you can even submit those into the museum to be archived for future generations.

Continue Reading
1 2 3 8