We can positively attribute News Portals to content heavy sites, planning the layout of which can become a real issue even for an expert designer. Poor content arrangement will sooner lead to user’s confusion and website abandonment as a consequence.

In this blog post we will overview some main techniques, which will help you make your News Portal clean, readable and user-friendly.

  • Think over what should be emphasized
  • Make up a kind of plan; build the hierarchy of your content in order to understand what should stand out. For News Portal it might be the latest information and featured posts that require some noticeable highlight.

  • Make use of the F Pattern
  • When you have lots of content needed to be placed, the best way is to keep things as simple as possible. Impart your text visual weight with the help of large unusual fonts and colors. Remember that top left sections grab more attention than the bottom right ones.

  • Get the most out of grids
  • Grid-like design is a great solution for heavy content housing. Just follow common marginal and padding rules and your content blocks will look visually separated from each other.

  • Pages and Guides
  • Consider what contend should be placed on a single page and what you want to detach. Besides, take care of the guides that will lead the user through the pages.

  • Hidden content
  • It a great practice to hide the larger part of the text and reveal it only on click or on hovering.

  • Smart tabs
  • Actually tabs are one more way to hide content. They are easy to navigate and let the user switch to the new portion of information upon his/her desire.

  • Beautiful sliders
  • Similar to tabs, compact content sliders let the designer cram different information into single area. Moreover, sliders enormously improve website appearance. When supplied with animated effects, they draw users’ attention; add dynamics and interactivity to the layout.

  • Drop down menus
  • Drop down menu is a time-tested option to save some space on the page. They let designers keep main navigation bar simple, yet extremely capacious.

  • Enough breathing room
  • Leaving some white space where visitor’s eyes can have a brief respite is utterly important for content heavy websites. The technique lets you create an illusion of light airy layout even when your portal is stuffed with information like Christmas goose.

  • Divide content into segments
  • Content segmentation lets you visually refer the information to the specific category. Boxes, borders and graphic planes are the proper tools available in each designer’s toolkit.

  • Intuitive navigation
  • Make sure that your navigation is as simple as possible and lets the user skip directly to the information he/she needs, otherwise the chances that somebody will appreciate the poetic style of your article are second to none.

  • Close and minimize whatever possible
  • The last small piece of advice is that all alerts, emerging windows, prompts and suggestions should be supplied with buttons or other elements, allowing to close or minimize them immediately in order not to test user’s patience and avoid sloppy look.

We hope these tiny tips were worth your time and suggest to finish with theory and pass to practice. Below you will see a showcase of News Portal websites with beautiful uncluttered layouts and perfect content arrangement. By the way, if you plan to create the one in the nearest future, the easiest way is to follow this link and find WordPress News Portal Themes, pre-designed in accordance with all contemporary rules of heavy content housing.

* * *

SPIN

News Portal Sites

* * *

WIRED

News Portal Sites

* * *

Continue reading

Do you think it’s important to plan your designs? Any experienced designer would answer that this is what we call professional approach. And it’s really impossible to set off any reasonable counter pleas as all those sitemaps, flowcharts, wireframes, prototypes, mockups or whatever you call them, are really indispensable. First of all, they let the designer see the arrangement of main page elements such as header, footer, sidebars, navigation and others and correct the obvious mistakes on the flight, without any time and reputation losses. Not less important is the fact that outlined visual layout representation helps the customer understand your ideas better and reach the creative consensus faster avoiding serious collisions.

Actually, you can make rough estimations on how usable your interface will be before the project is finished by showing it to your testing group. Just agree that the technique considerably increases your chances to develop a quality, user-friendly product, which is the main goal of the whole venture.

Surely, each web designer has his/her own trusted wireframing tools. If you are not using the one yet, we recommend you take advantage of the list of wireframing, mockup and prototyping tools below. They are reliable and absolutely free to use (some are 100% free, some have free versions). So, don’t waste time, start checking them out now!

* * *

Moqups

Release your creativity with Moqups HTML5 App, which is used to work out wireframes, mockups, UI concepts and prototypes. The App is rather simple and intuitive so you won’t need any special skills to work with it.

Free Wireframing, Mockup and Prototyping Design Tools

* * *

Lumzy

Software designers and developers can use this quick tool for mockups and prototypes creation. Make rough sketch and see what the final website or application will look like. Add events and actions to simulate a working prototype, where your client can interact and test the product before it has been coded.

Free Wireframing, Mockup and Prototyping Design Tools

* * *

Continue reading

What do you think about Pinterest? Do you find it useful? Maybe you have an account there and share your favorite things with the community. As you know, Pinterest is a free social website, designed specifically for visual content sharing. It offers a vast range of topics, so there is something interesting for everyone. You can create your own boards and place the stuff you like there. You also have the opportunity to “like” and “repin” others’ photos.

Web developers and designers use to hang out on Pinterest from time to time. The reason is prosaic and practical – all of us study another’s work before creating our own unique project. From this viewpoint, Pinterest is a good place to begin with. The only problem is that sometimes our inspiration-hunting may take too much time investments, which is a real issue if you are restricted by deadlines and commitments.

We hope that our today’s collating of content rich web development Pinterest boards will save design junkies from extra efforts. The boards have been divided into categories for your convenience. So, come on, have a look at the cool creative pinboards as your muse might be waiting for you there.

You can also see these gatherings to get the utmost benefit of the Pinterest website.

* * *

Web Design

Pinterest web design boards

* * *

Pinterest web design boards

* * *

Continue reading

Can you get high quality for free? Definitely “yes!”, if you choose the goodies from TemplateMonster. Free Joomla Car Template is one of them – the ready-made theme created by professionals with your business needs in mind. Being well-coded, it offers you the quick way of starting a website without extra skills.

The contrasting color scheme with blue accents creates the stylish tone and at the same time arouses the feeling of safety. It speaks for the solidity of your company and high quality of its products. Such design tells the visitors that they can trust in this business, and it is worth their attention. The theme is compatible with Joomla 2.5.8, features 2 column layout, and pleases the eyes with HTML Plus JS animation. To get a fresh site, you will need to bring minor changes into the template. Whether you are a business owner, a site developer, or a design studio – it will be quite easy.

Free Joomla Car Template:

Cool Free Vector Illustration of the week is waiting for you, guys. It pictures a woman’s face with blue eyes and red lips and can add an attractive touch to your design works. The pleasant to eyes color scheme of this image will not draw all the viewer’s attention over it, but will certainly complement to the whole design concept of your works. You are welcome to get it for free during the week, and the next Friday it will be changed into another one.

You can download this image in two formats (.PNG, .AI) and the following resolutions: 722 x 1000, 1504 x 2083, 3008 x 4167. As a vector image, this item keeps its high quality while being printed in different formats. Downloading is affordable and easy. It is possible after the registration at Templates.com. This registration is completely free.

Please note: This free vector illustration is free only for one week (starting from today). You can download the particular free illustration only during one week, the next week it will be changed for another one.
! You can use this free vector illustration only for your personal or educational purposes. Do not use it for commercial purposes, it is forbidden.

Here you can get the freebie!

Become a mature web designer with Templates.com!

St. Valentine’s Day without the usual decorations all over the web seems to be a wrong one. This pink madness lays hands on everything, and our blog is not an exception. We are always happy to bring you fresh portions of inspiration, and this day is one more opportunity to do it. Whether you are a fan of this red-letter day, or not, these attractive logo designs can’t leave you cold. Their effective look is a result of creative touch and good execution. As you see, it’s possible to create a logo for whatever brand with a touch of love and affection. It doesn’t even need to be pink or red, in order to be impressive. You can try to create your own heart-shaped logo, and we hope that you’ll get a super one.

Let us wish you pleasant St. Valentine’s Day one more time. And enjoy watching Heart-Shaped Logos. Collection with a Touch of Love!

***

Communicate

 

***

Heart for Art

 


Continue reading

Do you know what the main difference between 1990’s and 2000’s together with 2010’s is? Take a look at the street and people walking and think what they have and actively using, meanwhile it was not available at the end of 20th century. Exactly, this is handheld devices, functional mini-computers that can be taken anywhere by everyone.

The market of tablets and smartphones increased intensively during recent years. Few brands gained leading position. The most remarkable one is Android. Someone could state that it became popular just because of powerful Google advertisement machine. Of course we can’t ignore the fact Google has strong capacity for promotion, but I’m sure it’s not enough for becoming wide-spread and favorite for thousands of people: as you could remember marketing is not so about advertising, as about usefulness of the product. Android has one unique specialty of being opened for developers (seems like Linux based core influenced) and therefore this OS is wide in range of opportunities. Today I would like to present the list of the best free UI libraries for Android. Enjoy!

* * *


GreenDroid

Free UI Libraries for Android
Continue reading

Photoshop provides its users with friendly atmosphere to work, helps increase their knowledge, enhance beauty of images, make posters, and offers a lot of other options.

Photoshop allows you to add many kinds of brushes to enhance the visual appeal of your images. A set of these brushes brings water color effects into your designs. In some of them you have to use water colors, but you don’t have any choice of using them. With the latest Photoshop brushes you can use many types of watercolor brushes in work in order to make the designs more attractive and very close to natural design. When you start using classical colors you may not be able to get the best results, but the practice will definitely make you an expert.

You will get the best results by using classical water color brushes. Here we have picked all the best 30+ Must Have Free Photoshop Watercolor Brushes which will increase the beauty of your works. You are welcome to download them and add to your collection of the brushes.

***

WaterColor Extremum

 

***

WaterColor Reloaded

 

Continue reading

Do you feel it? Yeah, it’s the special mood in the air – the mood of upcoming St.Valentine’s day. Whether you like it or not, it will come and paint everything in pink colors. Don’t be grumpy, enjoy its easy atmosphere and spend it in the nice way.

If you have decided to add a romantic tone to your designs, have a look at this nice free stuff that is created especially on this occasion. Nice vector illustrations, posters, banners, cards, set of brushes, and much more goodies are included in this post. Just look at them – these eye-candy and colorful goodies will turn your works into festive ones, and cause the viewers to flash a huge smile. These St. Valentine’s Day Design Freebies are full of all that recognizable elements of St. Valentine’s day as hearts of different shapes, ornament swirls, arrows, little Cupids, birds, presents.

Feel free to download them following the links below. Decorate your designs with festive tone, and turn on the romance!

***

Bokeh Pack

 

***

Cards Vector

 


Continue reading

Let’s see what Friday has brought us. And it’s a fresh freebie from our illustrators that never stop creating the design stuff. Free Vector Illustration of an appetizing cheeseburger is a matter at issue today. It’s going to be free for the whole week starting from today, and you’re welcome to download it following the links placed in this post. This attractive image is a good fit for various designs that deal with food and the related topics. We are sure that you’ll find a good use for this well-crafted illustration in your works.

The illustration is presented in two formats (.PNG, .AI) and these resolutions: 957 x 963, 1994 x 2006, 3988 x 4013. Being a vector image, it can be printed in different formats without losing its high quality. Downloading is affordable and easy. It is possible after the registration at Templates.com. This registration is completely free.

Please note: This free vector illustration is free only for one week (starting from today). You can download the particular free illustration only during one week, the next week it will be changed for another one.
! You can use this free vector illustration only for your personal or educational purposes. Do not use it for commercial purposes, it is forbidden.

Follow the link to download the freebie!

Become a mature web designer with Templates.com!