Connect With WRD
feed via e-mail
feed via e-mail

Archive for the ‘Design’ Category

Using multiple fonts in any design is an excellent way to create interest as well as to draw a viewer’s eye to important content. Choosing the right mixture of fonts, though, can be difficult. Without some knowledge as to how to fit the different typefaces or font styles together, a design could become quite overwhelming and confusing.

Of course, knowing what fonts to use together also requires a bit of intuition. If you don’t quite have the eye, simply start browsing through typographical posters, websites, and other graphic designs that excellently utilize different fonts. You will eventually be able to tell what fonts simply draw the eye more than others in a design and which ones mesh well together. When this intuition is combined with some basic tricks for mixing and matching fonts, you will become quite the expert in choosing beautiful blends of fonts, no matter the design.

Below are the basic tips you need to know before jumping into using mixed fonts in graphic or web design, along with some excellent examples of good practice. So take some time to read through the following rules, do some research to see more mixed typography in use, and then you should be ready to try some multiple font designs on your own.

Beware of Font Overkill

Less is always more in design, and this rule is no exception when it comes to mixing fonts. Too many different fonts – or even simply too many font styles and colors – and you’ll not emphasize anything. Viewers won’t know where to look first when they see a page layout. Their eyes will jump from one to the other for a second or two, and the majority will give up trying to decipher where to begin reading than struggle through the confusing text. Keep in mind that the point of using multiple fonts is to increase the aesthetics of a design, create hierarchy and order in content, and to highlight important information.


Read the rest of this entry »

Textures are a great way to add personality and depth to a design, and a lot of times clients need their design to follow some trends or things that are happening, such as seasons. Spring is here, and with the new season sometimes we need to adapt things. To make things easier for you, today we have a few free flower textures that will help you to make the necessary changes to your projects. Read the rest of this entry »

  • Tags:
  • Filed under: Texture
  • 0 Comments
  • It is always important to keep your website fast so that your users are happy and don’t give up on checking your page because loading time is crazy. And a good way to load your site faster and consume less bandwidth is to always optimize your website’s images, reducing their file size as much as possible without compromising quality. This way you can still display beautiful images without penalizing your users. Read the rest of this entry »

  • Tags:
  • Filed under: Software & Tools
  • 0 Comments
  • Web designers have easy access to loads of freebies on the Internet. Both website layouts and mobile applications can benefit from these free resources. Focusing directly on interfaces can help new designers understand the basics of page structure and color schemes.

    This gallery includes a number of free buttons released as PSD graphics and HTML/CSS code snippets. Buttons are useful in practically every website or mobile app. Take a look over some of these examples and try using the best ones in your next project.

    Clean Popup UI

    clean popup ui design button psd

    Read the rest of this entry »

    Whether using a mouse or illustrating on a tablet, Photoshop is a powerful design suite. The brush tool is one concept with a volume of knowledge behind it. You can build your own custom brushes from scratch or even illustrate brilliant designs using only the defaults.

    It all depends on your skillset and how you work in Photoshop. If you want to learn more about the brush tool then you’ll certainly love this collection. Below you will find a series of articles and tutorials related to Photoshop, and more specifically the Photoshop brush tool. Read through a few of these articles and be sure to keep practicing your technique!

    Photoshop Brush Tool: A Basic Guide

    basic online guide to photoshop brush tool

    Read the rest of this entry »

    Becoming a skilled artisan for the web is a tough goal. Somebody who can build layouts may not be so great at designing text effects or icons. Thankfully the open source movement provides a lot of support for web designers who need resources for project work.

    I’ve cataloged a total of 25 outstanding icon sets for download. Each set is completely free and they’re all linked to an original Dribbble shot. Designers who release their stuff on Dribbble don’t often make it a big deal – so it’s tough to find these links without searching extensively on the website. I hope these icons can prove useful in future web projects.

    Cryst4l UI

    cryst4l crystal user interface icons freebie

    Read the rest of this entry »

    While developers may love diving under the hood, those are usually marketing people who end up using content management systems and paying money for web design agencies. And so great content management systems must be built with the actual content managers in mind first. One of such systems is ImpressPages.

    Read the rest of this entry »

    Web designers who spend a lot of time in Photoshop will often build their own repeating patterns from scratch. Yet for some projects it can be easier to work with an existing background to save time. The problem is that it can be difficult finding the exact background which fits your needs.

    Take a look at these fantastic online resources for repeating backgrounds. Some are galleries while others help you generate repeating tiled background images. Ultimately these tools are efficient and powerful resources to web designers and developers around the world.

    Tile-able Backgrounds Blog

    tiled-bg backgrounds blogsspot gallery free

    Read the rest of this entry »

    Many hand-trained illustrators will design their own brushes from scratch and release them on the web. Freebies are great because they help new designers learn the basics without needing to start from scratch. Adobe Illustrator can be somewhat confusing at first – yet through practice the interface gets clearer and easier to use.

    I’ve compiled a nice collection of free Adobe Illustrator brushes for any graphics designer. You can build print work, scalable vectors, even website graphics with these brush sets. If you need a quick recap on Illustrator try searching for brush tutorials in Google. I would encourage anyone who enjoys vector design to test a couple brushes that might look cool in future projects.

    Doodle Patterns

    doodle border patterns brushes

    Read the rest of this entry »

    Writing clean CSS is a laborious task when you get into newer CSS3 properties and their respective browser prefixes. Thankfully some crafty developers have built online web applications to save us all that tiny bit of frustration.

    Take a glance over these links and see if you can find any gems. Those who understand Sass/Compass will find some cool webapps in the list. Plus a number of code generators and other helpful CSS tools for any frontend developer.

    CSS Comb

    webapp tool css comb logo

    Read the rest of this entry »

    Uptime Robot
    feed-holder
    FeedBurner
    PSD2HTML.com