10 New Trend Illustrations in Web Design

Design has always been an integral part of successful websites. Craft a look that communicates your company to your customers and your success increases.

Illustrations have the power of boosting a website’s design. These Web illustrations are most successful when they match current trends. By utilizing current trend illustrations in your Web design, you will show that your company is forward thinking and current.

Here are 10 new trend illustrations in Web design that your company can incorporate into your current design.

Animals

animals-in-web-design
Whether realistic or whimsical in design, humans are attracted to animals. Many animals have characteristics and traits that humans readily identify. By matching an animal with your company, you’re able to communicate a strong message about your company’s values and traits.

Bright Color

bright-colors-in-web-design

These days, Web illustrators are incorporating bright, bold colors in their designs. Before choosing your colors, take a couple of minutes to research the psychology behind colors and choose those that best match the message that you’re trying to convey.

Characters

characters-in-web-design

Companies have been creating characters to help depict their organization and draw customers in. These characters often can be incorporated into long term branding of the company so clients have a strong emotional connection to that brand every time the character appears in marketing materials.

Clouds

clouds-in-web-design

Possibly due to the popularity of Twitter, clouds are starting to sprout up in Web designs. Clouds communicate brightness, airiness and simplicity.

Focus on Footers

footers-in-web-design

Footers contain quite a bit of company information. It’s an important element of your website, so why not incorporate some design elements? Companies are utilizing the space to add illustrations that communicate their brand to website visitors. The footer is often the last element that a person will see, so why not leave them with a lasting impression?

Humor

humor-in-web-design

Everyone loves a good laugh. Utilizing humor in your Web design will help make your site memorable. It will also help increase your traffic because customers will share the site with others to see how it tickles their funny bones.

Landscapes

landscapes-in-web-design

Landscapes are natural elements that add color and beauty to a website. In a medium where grey, black and white often take center stage, it’s refreshing to have colorful, organic elements brightening up the designs.

Larger Logos

big-logos-in-web-design

Splash pages have been on the decline in recent years. But companies can continue to have that large graphic impact by increasing the size of their logos. By adding in graphic and illustration elements to the logos, they can transition into art instead of a stale logo. The larger logo will also help communicate more about the overall brand

Simplicity

simplicity-in-web-design

It’s time to clear out the clutter. It’s hard to process all of the information on the Web when websites are jam-packed with various design elements. White space helps consumers breath and take in the information that you are displaying for them to see.

White

white-in-web-design

Web illustrators have been utilizing white to brighten up other colors and de-clutter their designs. This trend is best achieved by finding creative and unique ways to utilize white, such as through the cloud trend.

Daniela blogs for CreditDonkey, a free tool that allows you to easily compare credit card offers. She’s also looking for suggestions on how to redesign CreditDonkey – email her at daniela.baker@creditdonkey.com

6 years ago

8 Tips for Creating an Office at Home

office
Source: smemon87

Whether you are running a business out of the guest room, working from home in the den, or paying your bills in a corner of the family room, constructing a comfortable, professional space is critical. Use these eight tips for creating an office at home.

 

1. Design an office that meets your needs

The first step in crafting the perfect home office is to settle on its purpose.

  • Will you have sole access, or will it be shared with family members?
  • Will you always work alone, or will you need seating for vendors and clients?
  • What shelves, baskets, filing cabinets, and desk space will you need for storage and organisation?
  • If you will claim your home office as a tax deduction, make sure you meet the Internal Revenue Service guidelines.

 

2. Create a floor plan before making purchases

Before you bring new furniture into the space, you must confirm that it will fit. The same principle applies to wall accessories like bulletin boards and dry erase boards.

The simplest method for fashioning a floor plan is to draw your room measurements on a piece of graph paper, cut out coloured paper to match the scaled size of the items you want, and then try different configurations to until you find the best combination. If you prefer a high-tech approach, you can built your floor plan with a spreadsheet, CAD software, or an interior decorating application.

When you are developing your plan, remember to about one foot of extra depth for open file cabinets and desk drawers. More importantly, make sure you have enough electrical outlets and amperage to accommodate all of your equipment. You do not want extension cords wrapping around the room, and you do not want to trip a circuit breaker every time you switch on your desk lamp.

 

3. Define the space

Separating your office into a professional space will help you stay in a work mindset and remain productive. If you will be using only part of a room, consider designating your space with some type of barrier. Some inexpensive options include a Japanese Shoji screen, painted bookcases, adjustable curtains or fabric panels, or even a row of potted plants or trees.

 

4. Pay attention to the furniture

You will get little work done sitting in an uncomfortable chair for hours. You also risk aggravating back problems. Choose a chair and desk that will maintain your good posture. According to Cleveland Clinic, having a proper sitting position means the following:

  • back straight and shoulders back
  • knees at a right angle, even or slightly higher than your hips, with feet flat on the floor and legs uncrossed
  • elbows and arms resting on your chair or desk with your shoulders relaxed
  • shifting to a different position at least once every half hour.

 

5. Avoid bad lighting

Poor lighting can cause eye fatigue and headaches. Move your monitor to a position that will prevent glare. Take advantage of natural lighting whenever possible, and use soft, ambient light bulbs to complement the space. Keep in mind the placement of task lighting for reading and manual work and the general level of room light for other activities.

 

6. Keep the office fun and inspirational

Surround yourself with pleasant colours, motivating artwork, creative toys, and gallery-like accessories. The items in your office should be calming or thought-provoking but never distracting. Live plants, soft tunes, and aromatherapy products can help form a relaxing environment.

 

7. Keep the office clean and tidy

Do not be tempted to pack items into every nook of your office. Leave some open space, remove unnecessary trinkets and piles, and use creative storage units to keep unattractive cords and clutter out of sight.

 

8. Reduce the noise

Locate office noises and take steps to quiet them. Add a door to the furnace, install carpet or wall hangings to absorb echoes, seal door frames, close windows during peak traffic periods, and let your family know your office schedule so they will control interruptions.

 

With a little planning, you can create a perfect environment for your business activities. As you are pulling together your ideal furniture, equipment, and accessories, keep in mind these eight tips for creating an office at home.

6 years ago

10 Great Yearbook Module Ideas

A module is a small space on a page dedicated to a specific subject. It is often related to he page it is on, but has its own characteristics — kind of like a sidebar. Are you and your yearbook staff out of ideas? At times it can be difficult to come up with fresh new ideas, and I understand. It’s hard for me too! Try some of the modules on this list for your book!

1: Poll on Sidebar

For a Student Life page, take a poll of a good amount of students on a topic related to the page. If your spread is on Technology, try taking a poll asking students which iPod they prefer – Nano, Shuffle, iTouch, etc. See if you can get 20-30 students. Or to make it easier to calculate, get 25 responses and multiply each number of votes time four to get the percentage. Otherwise you could just show a bar graph.

2: People Matching

Take awkward pictures of random people and make a ‘matching’ game out of it. For example, align and crop the pictures to the same size and number each picture. Below the row of pictures, have the names of the people with a letter next to it. so your pictures would be ‘1, 2, 3, 4’ and corresponding names would be ‘A, B, C, D’. On the bottom of the page, upside-down write the answers!

3: Student Profile

Are there any successful and talented students in your school? Showcase them! Dedicate a small area to 2-3 sentences of copy and a small photo. You can repeat this module about 10 times in your book!

4: ‘Anatomy of A’…

This module would work really well on sports pages. Take an action shot of a player. Try to get the whole body of the person because you will be cutting them out. (In Photoshop, removing the entire background and keeping the person) Place the cutout on the page and give it a cutesy title. For example, lets say that you have a football player. Try naming your module, ‘Anatomy of a Football Star’. Then, add lines pointing to parts of their body. Interview them and ask them questions like, ‘Do you wear special shoes? Give us some thoughts about your helmet‘ and use those for your lines!

5: Graph / Chart

Yearbooks can bring instant reader interaction with a chart or graph! I covered a poll in #1, but this is different. Collect statistics as you gather information for your pages. Are you interviewing a coach? Don’t forget to ask him for wins and loses for the season. You can then turn that into a really cute chart! This works for more than just sports. Try test scores, averages, polls, and different kinds of graphs.

6: Fun facts

In addition to graphs and charts, try adding fun facts! These can be just a box with a sentence in it. I created a quick example, which can be seen to the right. It probably took me a good 10 minutes to create, and you would be able to do so just as easily. My suggestion would be to create the background (the green part) and just add text on top (in InDesign, or whatever program your school uses).

7: Collage

Make a mini collage from some filler photos. You could make them look like Polaroids, or just place them directly next to each other. These could be members of a team or club. This way you can get many more people on a page without wasting so much space!

8: Teacher Spotlight

Shine a light on an inspiring teacher. This could even be your teacher of the year, but it could be anyone! There are usually a handful of teachers that really stand out, so try recognizing them in your yearbook.

9: Funny Photos

If you have been on a yearbook staff for some time, then you have probably seen the mirage of funny photos kids (and teachers!) take. Most of the time we see them in picture day photos of seniors, because they only get their senior photos in the book. You can use some of these funny photos in a small module here and there!

10: Spotlight Quote

Use an inspiring quote from your teacher, principal or fellow student and feature it! I’m thinking something similar to the fun fact box above. A small, unobtrusive module! It could even go next to their photo or on a relevant page.

That’s all folks! I hope you and your staff were able to learn something from this. Did you use any of these tips? Comment below and let us know how!

6 years ago

Honeysuckle, the 2010 Color of the Year!

It’s bright. It’s intense. It’s the new ‘it’ color. Pantone just named Honeysuckle the 2010 Color of The Year, and it is beautiful. It was chosen to lift spirits and inspire others in this time of struggle throughout the world. Its refreshing and uplifting, while giving you just the right ‘feel’.

From the Official Post:

In times of stress, we need something to lift our spirits. Honeysuckle is a captivating, stimulating color that gets the adrenaline going – perfect to ward off the blues,” explains Leatrice Eiseman, executive director of the Pantone Color Institute®. “Honeysuckle derives its positive qualities from a powerful bond to its mother color red, the most physical, viscerally alive hue in the spectrum.

Check out Honeysuckle in the wild!

So, what are your thoughts on the color of the year? Love it? Hate it?

6 years ago

22 Amazing Portfolio Designs on ThemeForest

Someone on Forrst recommended that I check out ThemeForest for inspiration, and boy was he right. ThemeForest is a great resource when either purchasing goods or browsing the beautiful designs available for inspiration. Here are twenty-two of the best designs that I came across!

Great Portfolio – One Page WordPress Theme | $32

Dioxide WordPress | $32

Blur – Portfolio and Blog Template | $14

TypeLine – Minimal HTML Theme | $17

Gordon – WordPress Blog / Portfolio | $27

Smallfolio — WordPress Theme | $32

Pacifica WP – A Premium WordPress Portfolio Theme | $32

Clean Portfolio Site | $17

Creative Juice HTML – Showcase Portfolio | $17

Iconic, a bold new professional web layout | $22

Dark Atlantica (WordPress) – Portfolio WP Theme | $32

Vintage | $22

PENDULUM – Premium WordPress Theme | $37

Wordfolio | $37

Folio Theme | $27

Briefcase Portfolio Theme | $27

Minimal WordPress Portfolio | $27

Joorang – Portfolio & Blog WordPress Theme | $37

Locus One Page – WordPress | $32

Bookly Portfolio Template (AJAX based) | $14

Levos Clean and Minimal HTML/CSS Template | $17

Galeria – Single Page WordPress Portfolio | $27


If you decide to purchase any of these themes, every item is $2 off when you pre-pay (deposit) money!

I hope you enjoyed this post and found it helpful!

7 years ago

30 Amazing Examples of Pixel Perfection in Web Design

A recent trend in Web Design is what one would call ‘Pixel Perfect’. Meaning, that the detail is what makes the design stand out; the little pixels that get perfectly placed to make it truly magnificent. Here are thirty examples of websites that stand out just like that. Play close attention to the bottom of each of the images, because this is where I showcase how the designer played with pixels to make their design truly perfect.

1. DoIt.Im

2. WebDever

3. Launch List

4. Phunk’N Creative

5. Marko Cvetkovic

6. Spaceship Collaborative

7. The House Media

8. Danny Diablo

9. Thomas Bishop

10. TapBots

11. MartyB

12. Foxtie

13. Swipely

14. HTMLCSSJunkie

15. Acosmin

16. Aran Down

17. Meta Lab Design

18. Giuliano Liker

19. Ballpark

20. Alex Swanson

21. Andrew Greig

22. Fluid Tumblr Theme

23. The Design Cubicle

24. StickyBits

25. Texts From Last Night

26. Grooveshark

27. Big Audio Ads

28. Poolga

29. iFixbyx

30. Flipicz

Are there any websites that we are missing? Let us know below!

7 years ago

How to Prioritize Your Online Life

Note, this article came from my other (now dead) blog, dteens.net.

If you have a blog or website, chances are either you update too much, or hardly none at all. School and other activities are important. They help balance out our lives, but how can you make time for everything? School, sports, a blog, a new hobby? It’s simple really.

Usually while in school, or at the beginning of my day, I make a list. This list consists of the activities I need to complete by the end of the day. I also have a list for what I need to complete in that week. By seeing all of the tasks I need to complete side by side, I can order them by importance.

I try to do the items on my list pertaining to school first, like homework, because it’s most important. It also gives me a drive to not slack off, because I get to look forward to the things I like doing later, like blogging or designing.

img
If I don’t have to do any school work, I do the things that are small and take the least time first, like responding to emails, etc. When it comes to working on my websites, I try to set small goals for myself. I like to accomplish at least something each day, so that I don’t end up abandoning anything. Even five minutes to write a blog, or respond to comments count.

Because every person is different, you can alter this process to fit your needs.

I like to organize my lists and agenda in my moleskine. It keeps all my important information and organizes my life at the same time. As for staying productive, I try not to stay on social networks/email for too long, it just totally brings my productivity level way down.

Anyone got any tips to share?

Picture Credits

7 years ago

Moleskine + GTD Resources and Inspiration

What’s a Moleskine?

A moleskine is basically a designers prefers choice when it comes to notebooks. They come in many colors, sizes, and varieties, some are even guides to big cities like New York or Amsterdam. Also, they aren’t cheesy like other notebooks, due to their high quality. Personally, I love mine because of the size, and the amounts of things I can do with it. The pocket in the back is also very useful.

From WikiPedia:

Moleskine is a brand of notebooks, planners, diaries, sketchbooks and albums manufactured by Moleskine Srl, an Italian company based in Milan. Moleskine notebooks are typically bound in oilcloth-covered cardboard, with an elastic band to hold the notebook closed, a sewn spine that allows it to lie flat when opened, cream colour paper, rounded corners, a ribbon bookmark, an expandable pocket inside the rear cover, all packed in a paper banderole.

Molekines are amazing notebooks. I use moleskine (its the ruled notebook) as a ‘lifeplanner’, in which holds planner pages and calendars which I draw out, my to-do lists, things I have to remember and whatever is on my mind. Plus, it’s small, so I take it everywhere, and perfect for GTD.

What’s GTD?

From the creator, David Allen himself;

GTD® is the popular shorthand for “Getting Things Done®”, … by David Allen. David has continued to test and refine the techniques and principles we now know as GTD – a powerful method to manage commitments, information, and communication.

Sophisticated without being confining, the subtle effectiveness of GTD lies in its radically common sense notion that with a complete and current inventory of all your commitments, organized and reviewed in a systematic way, you can focus clearly, view your world from optimal angles and make trusted choices about what to do (and not do) at any moment.

Moleskines have been popular for using GTD techniques on, some which I use myself. Check out some of these amazing articles/tutorials!

43 Folders | Getting started with “Getting Things Done”

PigPogPDA – A Moleskine Hacked into a Complete System

Create a Moleskine PDA: The Student GTD Hack

Hacking a GTD Moleskine

Getting Things Done (GTD) with a Moleskine

The Monster Collection of Moleskine Tips, Tricks, and Hacks (!!)

Diary Moleskine Hack

Ok, where can I find these amazing things?

In personal experience, I have found moleskines at bookstores like Barnes & Nobles, but you can also buy them online. I suggest you check out the official catalogue, you’d be suprised how many types of moleskines there are!

PS. I bought my mom a moleskine planner on eBay, and well, she really likes it!

Do you use any kind of planner in your daily life? Let us know about it! 🙂

7 years ago