Yearly Archives: 2014

11 Beautiful Examples of imagery in Website design

Posted on May 13, 2014 at 1:24 pm

Images add various personality and emotion to a design, besides being a good way to seize viewer’s attention. Knowing find out how to use images in website design is an art. And the reason is, today we’ve some inspiring websites that make the most of images of their layout. From showcasing a product to communicating a concept or emotion, images are a good way to hook up with your audience. From minimal approaches to bold ones, you will see numerous inspiration here.

Brave People

11 Beautiful Image Use in Web Design

Hughes Estate Sales

11 Beautiful Image Use in Web Design

Mextures

11 Beautiful Image Use in Web Design

Endswell

11 Beautiful Image Use in Web Design

Hofstede

11 Beautiful Image Use in Web Design

upbookings.com

11 Beautiful Image Use in Web Design

Eighth Day

11 Beautiful Image Use in Web Design

Room 11

11 Beautiful Image Use in Web Design

Failsworth

11 Beautiful Image Use in Web Design

Studio Songes

11 Beautiful Image Use in Web Design

Benoit Challand

11 Beautiful Image Use in Web Design0

Posted in Web Design

18 Free UI and Wireframe Kits

Posted on May 11, 2014 at 3:51 pm

shares

10 Super Useful jQuery Plugins for Better Typography

No one ever said that web typography is straightforward, however has gotten easier in recent times with the wide spread adoption of web fonts, the introduction of helpful typography tools, and as we see on this post, super useful jQuery plugins. For this post, we’ve gathered 10 jQuery plugins that would help do things…

Posted in Web Design

5 Great Examples of Minimal Websites

Posted on May 9, 2014 at 10:15 am

Minimalism is a design style that emphasizes simplicity and the removal of surplus elements in a design, stripping it right down to its basic elements, colors, shapes and textures. This style was overlooked within the early dot com days of the web, but it surely has now become highly regarded in web site design. The fundamentals of minimal design for my part are balance, alignment and lots of negative space. This is my pick of web sites from a variety of genres that adopt this approach o.k..

Teehan Lax – Design Agency

Great examples of Minimal Websites

Stripping a design agency right down to its bare fundamentals is not any easy task! Most design studios over-design the homepage when all it’s really required is a strap-line clearly explaining what the corporate does and maybe some rich imagery to tease the user. The Teehan Lax homepage delivers. Even the menu have been reduced to the now acceptable 3 bars motif and people buttons with just a depiction stroke are subtle but effective calls to action. In case you skip to the blog page, this was stripped back to well-formatted text with hints of contrasting colour to focus on links. Combining different-sized fonts is a smart technique to add visual interest without clutter.

Lacoste – Sports Commerce

Great examples of Minimal Websites

Generally Ecommerce sites are guilty of overpowering the homepage with products, offers and deals. Lacoste is different. Anybody knowledgeable about the logo will know that Lacoste is all about plenty of white, including clean and straightforward contrasting colours. Lacoste carry these values over to the united kingdom website. Plenty of white space teamed with paired back navigation make for a serene online experience. The goods frame the location using a clever grid system refining the alignment of everything. The product images are bold enough to feature visual impact without adding clutter.

Squarespace – Large Commercial

Great examples of Minimal Websites

I think Squarespace deserves a mention here, if not for its commercial website then for the array of minimal templates that it offers on the market. Each template is individually crafted, usually filling the screen and giving the reader a breath of unpolluted air compared to other fussy design templates. Squarespace sites are inclined to balance large striking imagery with well-formatted type, keeping everything visually pleasing, organized and readable. Squarespace is becoming very hot with creative people, proving that minimal templates have mass-market appeal.

Mellbye – Architects

Great examples of Minimal Websites

If there’s one discipline that actually understands minimalism, it’s architecture. Long before websites, architects were bringing pared-back structure to our cities. Mellbye is a provider of architectural services based in Oslo. Some might argue the Mellbye website looks unfinished with out a coherent border/frame/footer in place. In actuality the web site makes great use of the white space; without it, you’d prove with another style that’s not truly minimalist. The history page is an ideal of example of not aligning every element but still managing to retain a great page structure. This style may look simple, but shouldn’t be easy to design. What you permit out of a design is simply as important as what you install.

Layervault – UK Startup

Great examples of Minimal Websites

Being a startup and channeling a minimal theme is fearless. It has to work for Layervault since the whole ethos of the corporate is ‘Simple version control for designers.’ a hectic design would conflict with what’s essentially an easy product. The homepage is awfully stark, determining a variety of white space and subtle animations. The animations are simple and clear, involving moving lines with primary colours so as to add a marginally of interest. The design can be very narrow (580px) so when viewed on an outsized monitor can appear very contained. i feel this adds to the entire feel. Grey dividing lines are used as borders between sections and the white space between columns are spaced evenly to create a way of calm.

Posted in Web Design

Inspiring Workspaces from Fellow Designers

Posted on May 7, 2014 at 10:12 am

By Henry Jones / May 1, 2014 / Inspiration

shares

If you wish to have some ideas in your workspace, this post is for you. Browsing Dribbble, we noticed that they’ve a workspace tag where designers share their home offices with us. It’s always inspiring to look neat workspaces, especially once we know we’re seeing actual home offices of real people, and never some interior design shot. Take a look at the spaces we gathered here to get some ideas on your own residence office.

Tina Floersch

Inspiring Workspaces

Sean McCabe

Inspiring Workspaces

Zach Roszczewski

Inspiring Workspaces

Alex Giron

Inspiring Workspaces

Paul Grill

Inspiring Workspaces

Daniel Immke

Inspiring Workspaces

Jonathan Howell

Inspiring Workspaces

Vincze István

Inspiring Workspaces

Joshua Söhn

Inspiring Workspaces

Adam Swisher

Inspiring Workspaces

Wade Garrett

Inspiring Workspaces0

Yakup Akdemir

Inspiring Workspaces1

Tony Thomas

Inspiring Workspaces2

Francisco Quijada

Inspiring Workspaces3

Joey Lomanto

Inspiring Workspaces4

Jeremy Goldberg

Inspiring Workspaces5

Posted in Web Design

10 Super Useful jQuery Plugins for Better Typography

Posted on May 5, 2014 at 3:20 pm

No one ever said that web typography is straightforward, nonetheless it has gotten easier lately with the wide spread adoption of web fonts, the introduction of helpful typography tools, and as we see on this post, super useful jQuery plugins.

For this post, we’ve gathered 10 jQuery plugins which will help do such things as create fluid text, responsive headlines, cool text animations, and much more.

Squishy

Squishy is a jQuery plugin that automatically resizes text to precisely fit the container without extra work in your part.

10 Super Useful Typography jQuery Plugins

slabText

A jQuery plugin for creating big, bold and responsive headlines.

10 Super Useful Typography jQuery Plugins

Textillate

A simple plugin for CSS3 text animations.

10 Super Useful Typography jQuery Plugins

FlowType.JS

Web typography at its finest: font-size and line-height in response to element width.

10 Super Useful Typography jQuery Plugins

Hatchshow

A jQuery typesetting plugin for balancing measures.

10 Super Useful Typography jQuery Plugins

Bacon

Bacon is a jQuery plugin so one can wrap text around a bezier curve or a line.

10 Super Useful Typography jQuery Plugins

CircleType.js

Circletype.js is a tiny (2.7kb) jQuery plugin that permits you to set type on a circle.

10 Super Useful Typography jQuery Plugins

jQSlickWrap

jQSlickWrap is a plugin for jQuery which helps you to easily and accurately wrap your text round the content of floated images.

10 Super Useful Typography jQuery Plugins

TypeButter

TypeButter permits you to set optical kerning for any font in your website. If you’re hopeful for beautifully laid out text that today’s browsers just don’t provide, that’s the plugin for you!

10 Super Useful Typography jQuery Plugins

Responsive Text

A jQuery plugin to set font sizes responsively in response to its’ container width. Use jQuery responsiveText to have scalable headlines, build responsive tables and more!

10 Super Useful Typography jQuery Plugins

Posted in Web Design

11 Tasty Restaurant and Food Websites to Inspire You

Posted on May 3, 2014 at 4:57 pm

Restaurants and food related websites are usually very inspiring. From exquisite food photography to beautiful type and nice layouts, food related sites can certainly offer quite a few eye candy. numerous designers are beginning to pay more attention to this niche and are developing very solid stuff. There’s certainly some room for improvement within the food industry, however it is sweet to work out that many places are already giving their websites the appropriate attention and creating beautiful and galvanizing designs. Be prepared to get hungry after browsing these beautiful sites. Enjoy!

Seafood Revolution

11 Tasty Restaurant and Food Related Websites to Inspire You

l’unitá

11 Tasty Restaurant and Food Related Websites to Inspire You

Tradestone Confections

11 Tasty Restaurant and Food Related Websites to Inspire You

Curt’s Special Recipe

11 Tasty Restaurant and Food Related Websites to Inspire You

Marianne Restaurant

11 Tasty Restaurant and Food Related Websites to Inspire You

Florentina

11 Tasty Restaurant and Food Related Websites to Inspire You

Barboncino

11 Tasty Restaurant and Food Related Websites to Inspire You

Lemonade

11 Tasty Restaurant and Food Related Websites to Inspire You

Fifteen

11 Tasty Restaurant and Food Related Websites to Inspire You

Gilgul

11 Tasty Restaurant and Food Related Websites to Inspire You

Blackhouse

11 Tasty Restaurant and Food Related Websites to Inspire You0

Posted in Web Design

Trail: a brand new WordPress Theme from ThemeTrust

Posted on May 1, 2014 at 8:55 am

ThemeTrust has just launched their latest theme, Trail. It’s a multi-purpose portfolio theme with a focal point on big images and lovely typography. It incorporates a full screen vertically scrolling parallax home page, and many the right way to blow their own horns your work.

At Theme Trust in the event you buy one theme, you get another free. Just add any two themes on your shopping cart after which enter the code “1free“.

trail wordpress theme

Here’s a run down of the foremost features included in Trail:

  • Responsive Layout
  • Parallax Home Page
  • Custom Widgets
  • Localization Support
  • Logo Upload
  • Filterable Portfolio Template
  • Theme Customizer
  • Custom Colors
  • Google Map Integration
  • Browser Compatibility

trail

Posted in Web Design

8 Should have Free Fonts on your Designs

Posted on April 29, 2014 at 11:23 am

By Henry Jones / Apr 24, 2014 / Freebies

shares

Need some fresh fonts to your new projects? We got your back. We’re always looking for good resources for our readers, and fonts are our top priority. Our job is to browse the net and find what you will have. Since we all know it truly is great to locate fresh stuff accessible, we now have this new roundup for you. Enjoy!

Intro Condensed Free

8 Free Fonts for your Designs

billy typeface (free)

8 Free Fonts for your Designs

Composition Font

8 Free Fonts for your Designs

Luzern

Free regular & italic version.

8 Free Fonts for your Designs

Scratch Typeface

8 Free Fonts for your Designs

8 Free Fonts for your Designs

Moderne Sans

8 Free Fonts for your Designs

8 Free Fonts for your Designs

8 Free Fonts for your Designs

Blnc Round free font

8 Free Fonts for your Designs

GRAVO

8 Free Fonts for your Designs0

Posted in Web Design

11 Inspiring Typography Focused Web Designs

Posted on April 27, 2014 at 2:03 pm

By Gisele Muller / Apr 21, 2014 / Inspiration

shares

We all know that typography is a crucial portion of a very good design. Or even though we like layouts with beautiful images, it’s always inspiring to determine some minimalist type-based sites, just like the ones we can show here today. The designs we now have here show that type isn’t just an awesome element but can be the point of interest of a very good design. Investigate cross-check the examples and get some inspiration in your next project.

Arne Meister

11 Inspiring Examples of Typography Use in Web Design

Ten & Bourne

11 Inspiring Examples of Typography Use in Web Design

Navigating Medicare

11 Inspiring Examples of Typography Use in Web Design

Yaron Schoen

11 Inspiring Examples of Typography Use in Web Design

Studio Källbom

11 Inspiring Examples of Typography Use in Web Design

Nicola Potts

11 Inspiring Examples of Typography Use in Web Design

wearegoat

11 Inspiring Examples of Typography Use in Web Design

Kyle Penn

11 Inspiring Examples of Typography Use in Web Design

Promethean IT

11 Inspiring Examples of Typography Use in Web Design

Rareview

11 Inspiring Examples of Typography Use in Web Design

Sydney – Stockholm

11 Inspiring Examples of Typography Use in Web Design0

Posted in Web Design

Examples of Well Designed Contact Pages

Posted on April 25, 2014 at 9:16 am

Often, with websites, the contact page is among the most neglected pages at the site. Once everything else was designed it’s pretty easy to only submit a contact page with an email address on it and let the user do the remainder of the work, but that’s an approach that lacks elegance. Good contact pages solve a purpose – they guide the user to contact the suitable department and provides the best information. When it comes to freelance designers and small design shops, contact pages can aim to coax information like what kind of budget range the visitor has, what kind of work they wish doing and the scope in their project. Needless to say, design agencies also have the desire to make sure the page is additionally visually appealing, because it helps to reveal off the work they could do.

I desired to assemble some examples of contact pages that every one do a super job of looking good while also making the duty of having involved and providing the appropriate information effortless.

Jared Johnson

Examples of Well Designed Contact Pages

Jared Johnson’s site uses a contact form styled to go looking like a postcard, complete with a grainy, textured background that’s perfectly in step with the remainder of his site.

Grain and Mortar

Examples of Well Designed Contact Pages

Grain and Mortar utilize both a contact form, and a separate section showing their office location on a map, at the side of contact details including their office address and get in touch with number. All of the page is gifted of their brand colours of black, white and orange and fits with the remainder of the positioning beautifully.

Welikesmall

Examples of Well Designed Contact Pages

Digital agency Welikesmall has an unusual and reasonably quirky contact page, which incorporates a huge background image of an aerial shot in their office, complete with an animated string of nodes and connections to spotlight their “digital” image.

Dan Rubin

Examples of Well Designed Contact Pages

Designer Dan Rubin has a contact form that walks the visitor through making a useful, informative email. The page itself is distraction free – the sole thing to highlight is the contact form, which guides you to offer just the correct amount of data.

Rune Werner Molnes

Examples of Well Designed Contact Pages

Rune Molnes is a photographer based in Norway. His contact form is visually stunning, with a minimalist and sublime map within the background, and a contact form beneath the huge heading “Rune travels the sector capturing amazing pictures”.

Mario Petrone

Examples of Well Designed Contact Pages

Web designer Mario Petrone has an extremely quirky and hand-drawn style to his website, or even the contact form gets involved. The contact form here also takes at the visual appearance of a postcard, complete with a stamp, and a text area that uses a handwritten font.

Cobble Hill

Examples of Well Designed Contact Pages

Cobble Hill is an inventive agency based in Charleston. Their contact page fits an analogous visual aesthetic as their main site – with a spotlight on black and white design and a powerful use of white space to create a chic appearance. The contact page starts with a very stunning custom map showing their office location, followed by a classy and straightforward contact form beneath.

Information Architects

Examples of Well Designed Contact Pages

Strategic design agency iA (or Information Architects) utilize an incredibly different contact form. Styled to seem the same as a letter, it still will give you complete control over what you write, however guides the visitor into giving the proper, useful information.

Focus Lab

Examples of Well Designed Contact Pages

The team at Focus Lab have put quite a few thought into their contact page, and let you first set a topic on your message – with options consisting of “branding”, “app design” and “web design”. They’ve also carefully considered which inquiries to ask the visitor, including what their budget status is and what their timezone is.

CreateOne

Examples of Well Designed Contact Pages

Business training specialists CreateOne have a contact form that’s wonderfully simple, but yet gives the visitor a broad range of options. It’s use of white-space and clarity keeps the visual design uncluttered, but together it offers information like their email address, phone number or even their social networks must you not would like to use their contact form.

Always Creative

Examples of Well Designed Contact Pages0

Houston based design agency Always Creative have an area-themed aesthetic to their site, and the contact section on the bottom in their homepage keeps that theme alive. The background of stars uses a parallax effect, while a subtle background for the contact form itself uses a picture of the skin of the moon.

Which of those designs is your favorite? Have you learnt of the other contact pages that deserve a mention? I’d like to hear your thoughts within the comments.

Posted in Web Design

« Previous PageNext Page »