Daily Archives: February 2, 2011

Modern Trends in Web Design


Modern Trends in Web Design

  • by Mykola Stepanyuk
  • January 27th, 2011
  • http://www.cruzine.com/2011/01/27/modern-trends-web-design/
  • With the progression of web building techniques and evolution of people’s perception of the web environment and its purpose, web design has made a significant transition from simple and static HTML pages to dynamicmulti-media rich websites, capable ofinteracting with visitors in a sophisticated way. It goes without saying that web design has never been a static or permanent code of rules or approaches to web content storing and presentation. It is an ever-changing phenomenon, which is highly sensitive to all the expectations and requirements of a modern web user.

 

The notion of web design is too broad and versatile; hence, it is not an easy task to define some common features or trends, which are the most favored ones at a particular time by both web developers and users. However, we will try to summarize the cumulative experience of web designers and line out some of the most distinct web design ideas, which can be treated as the trends of modern web design.

Simple, centered layout

Though modern computer displays tend to become larger with higher resolution, website layouts tend to become simpler in order to provide more comfort for reading and navigating the site. Two or even one column layout seems to be very popular these days. Furthermore, modern web designers prefer to use centered orientation over the previously popular left-site orientation. Perhaps, widely popular content management systems, like WordPressJoomla and others contribute to the popularization of simpler web site layouts, equally suitable for all kinds of websites from personal blogs to corporate sites.

twitter

Horizontal navigation menu

Of course, the choice of a web site layout depends much on the particular type of a web site. A search engine and an online store would still require absolutely different approaches to layout design. However, today it looks like more and more designers prefer using upper horizontal menu and navigation strings instead of their vertical counterparts. Obviously, this can be explained by the fact that it is easier for people to read text lines left to right (however, this rule won’t work for the languages with right to left  or top to bottom direction of the text). At the same time,separate boxes are commonly used to introduce different sections or categories of the site. Such boxes are effective when it is necessary to grab the attention of visitors and arrange the content.

imdb

Scroll-down is fine

When you need to present a lot of information on a single page, there are only two ways to do that: either you use the entire width offered by a display or you just make use of vertical scrolling. There were many debates about what approach is better, and obviously there are many reasonable pros for every option. However, in terms of usability it looks like scrolling down a narrow but longer page is more convenient than having the full width page stuffed with text and multiple buttons, sections, categories, and navigation links.

Flash, but do not over flash

Flash technology for animated graphic content opened a whole new stage of internet evolution. It is highly efficient when it is necessary to quicklydraw the attention of visitors. Besides, Flash allows building a web site of an absolutely different nature – supplied with dynamic content, enriched with visual and sound effects, etc. However, for the time being the problem of search engine friendliness to Flash still remains partially unsolved. That is why it is necessary to use Flash very accurately without overdoing it.

Larger fonts, bigger buttons

Again, we are returning to the idea of usability of web sites. All the content on a modern web site should be easily readableclearly understandable, and quickly accessible. Hence, larger fonts and bigger buttons seem to be nice and proper options to achieve that goal. Today, with the existing options of font-embedding, it is easier for designers to make use of all the power of efficient typography. The era of limited number of web-safe fonts seems to decline today, giving way to a large number of versatile and unique fonts. With the evolution of CSS and growing capabilities of web browsers, a designer can now turn a web page into a masterpiece of graphical art, mimicking printed magazine-style layouts and experimenting with rich fonts without compromising the legibility of text.

mozilla firefox

Colors contrasting, but not aggressive

The choice of colors for backgrounds and text of a website is very important today. Generally speaking, there is a tendency towards paper-stylewebsites, when the content is placed on a clean soft-colored background. Bright contrasting colors are used for logos or buttons, such as “Download”, “Demo”, etc. Sufficient amount of white space is important for visitors to be able to easily find what they came for.

Etsy

Total mobilization

Another mark of today’s web design is wide popularization of mobile devices, such as iPhones, iPads, Android and Bada powered smart phones. This armada of portable devices with web browsing functionality requests web designers to adopt web sites for mobile platforms as well. That is why development of both – traditional and mobile versions of a web site is common today.

Element Fusion

Multi-media content

Web is no longer about text and images only. Streaming audio and video content is common today. The so-called “media blocks” on web sites are used for a variety of purposes – from adding a personal touch to communication through a website to demonstrating innovative principles of a particular company or project. Furthermore, media content makes web more natural and functional – if you are visiting a website of your favorite radio station or music band, it is definitely an advantage if you are offered an option to listen to the music or watch the video online.

Madonna

3D effects and transparency

Though modern design is marked with simplicity and minimalism, this does not mean we cannot enjoy all the brand-new web techniques for creating stunning 3D effects. Multiple Javascript-powered stylish slides, accordions and carousels as the methods of presenting image galleries add particular charm to a web design and definitely add credits to a web designer. Transparency is often used, which makes web browsing experience closer to usual work with desktop applications or OS.

NetDreams

Social Integration

No matter what you think of social networking at sites like Facebook or Twitter, today this seems to be the most popular trend on the Internet. So, if you want to interact with your visitors even more effectively, place the links to your Facebook, Twitter account, or blog and let people choose how to connect with you.

InspireFirst

Conclusion

To tell the truth, trying to define current trends in such rapidly developing sphere as web design may be rather ungrateful experience. Every time we recognize some trend setters from the industry of website design, something new appears out there, opening a whole new way to design a web site. However, this is, actually, good, because progress is what we are all interested in. With further popularization of touch screen devices, such as iPad, soon web developers will have to move web design to the next level of its evolution, optimizing web sites for finger touch browsing experience, – thus developing and setting new trends and de-facto standards in web design.

Mykola Stepanyuk
Mykola StepanyukAfter trying myself in multiple spheres, I have decided that the bigger part of my soul clearly votes for the humanitarian sciences and art. Thus, following the call of my soul and mind I received the University education and now I am fully involved in multiple web activities. I am deeply interested in the novel web technologies, design, content development and management, optimization and marketing. 


Advertisements

30 Inspiring Niche Photography Websites to Explore


30 Inspiring Niche Photography Websites to Explore

January 25, 2011 – 14 CommentsWritten by Emma Egan

Photography is a vast and ever changing creative industry that is closely linked to graphic design. Everywhere we go we see photography on billboards, posters, websites and the news. Below are 30 inspiring photographer or photography related websites. Have a look at the best of advertising, photojournalism, wedding, manipulated photography, glamour & fashion photography websites.

These websites illustrate a variety of creative methods to present the same thing: photographers and their work. Photos (like designs) can often be inspiring themselves and the below websites do a brilliant job in representing photographers and presenting their work. They also highlight how different niches (within photography) use different web design to build credibility. For instance, when comparing wedding to photojournalism, the two styles of presenting that portfolio are chalk and cheese to cater for their respective target audiences (warm-hearted brides versus hard-nosed journalists). Remember, when designing (whether for the photography industry or another) design for the product, service or niche you are representing and its audience.

Photojournalism Websites

Burn Magazine

Burn Magazine

Mike Ross Photos

Mike Ross Photos

Great Photojournalism

Great Photojournalism

Rethink Dispatches

Rethink Dispatches

Noor Images

Noor Images

McCall Studios

McCall Studios

Advertising Photography Websites

Marge+Casey Associates

Marge+Casey Associates

Vendrame

Vendrame

Tim Tadder

Tim Tadder

Sonja Muller

Sonja Muller

Ciril Jazbec

Ciril Jazbec

Cake Factory

Cake Factory

Wedding Photography Websites

Josevilla Photography

Josevilla Photography

Karen Wise

Karen Wise

Luna Pics Photography

Luna Pics Photography

Bentley Gray Photography

Bentley Gray Photography

Elizabeth Messina

Elizabeth Messina

CM Photography

CM Photography

Manipulated Photography Website

Dark City Revisited

Dark City Revisited

Blue Chimp

Blue Chimp

Ivan Bajic

Ivan Bajic

Garrigo Sastudio

Garrigo Sastudio

DOU

DOU

Erik Johansson

Erik Johansson

Glamour and Fashion Photography Websites

Gavin O’Neill

Gavin ONeill

Tarunkhiwal

Tarunkhiwal

Celebrity Photography

Celebrity Photography

Marcollins Photography

Marcollins Photography

James Hickey Studio Photography

ames Hickey Studio Photography

Gabriel Lerigon

Gabriel Lerigon

You might also like…

50 Examples of Large Photography Backgrounds within Web Design →
50 Examples of Creative 404 – Page Not Found Pages →
A Showcase of 50 Amazing Personal Blog Web Designs →
50 Creative Examples of Illustrations in Web Design →
50 Professional Web Design Agency Web Sites →
50 Bright and Vibrant Web Designs – Color Inspiration →
50 Impressive Magazine and Newspaper Styled Web Designs →
50 Inspirational and Fresh Minimally Designed Web Sites →
50 Creative and Inspirational Personal Portfolio Websites →
50 Inspiring Web Application and Service Web Site Designs →
50 Examples of Effective Uses of Typography Within Web Design →
50 Beautifully Crafted Corporate Ecommerce Web Designs →
50 Creative Examples of Vintage and Retro in Web Design →

About the Author: Emma Egan (3 Articles)

Emma Egan a freelance graphic designer from Sydney Australia. Emma is listed in DesignCrowd’s Freelance Web Designer directory and you can invite her (and other designers) through DesignCrowd’s Web Design Outsourcing service or Web Design Contests.

Daily Inspirations by Pavol Janovicek


Daily Inspirations no. 92

Art is never chaste. It ought to be forbidden to ignorant innocents, never allowed into contact with those not sufficiently prepared. Yes, art is dangerous. Where it is chaste, it is not art.” These words by Pablo Picasso, surely, express the provocative character of the artist himself and describe his unique understanding of art and life. However, while being pretty controversial, this saying clearly underlines one key feature of the true art – expressiveness and meaningfulness. Indeed, art cannot be neutral or vague; instead it should express multiple emotions and make people think over the proposed topics. If so, there is no other way for the art but to become a powerful source of inspiration for all those in need.

Photography

Christina Ricci by Mert & Marcus

 Christina Ricci

Photo by Patrick Zephyr

Photo

Photo by Adrian Donoghue

Photo

Photo by Gerard Sexton

Photo

Photo by Leszek Bujnowski

Photo

Photo by Michał Karcz

Photo

Macro by irassss

Macro

Guess Fall 2010 by Ellen von Unwerth

Guess Fall 2010

Illustrations

Soaking by Heri Irawan

soaking

The Year Of The Rabbit by Ln

The Year Of The Rabbit

Dans les cartons by Mayana Et Fils

dans les cartons

Leapfrog – “If I Were…” by Leo Antolini

Leapfrog -

BARACK OBAMA by Enrique Guillamón Hidalgo

BARACK OBAMA

Chubby bunny by Viktoriya Vi

chubby bunny

3d Arts

Revolving Force by Jonas Skoog

Revolving Force

Flyingfish by Daniel Tapia

Flyingfish

Guard Dog by Peter Eriksson

Guard Dog

Art and Digital Art

Divine Boundaries by Wojciech Magierski

Divine Boundaries

Space Kiss by Filipp Ryabchikov

Space Kiss

Watercolors by Rebekka Ivacson

Watercolors

Typography

HIT LIST CBA by Like Minded Studio

HIT LIST CBA

Solutions by Unknown

Solutions

Part Time Lover by André Beato

Part Time Lover

Advertising

The worst predators… by Unknown

The worst predators...

Animals are not clowns by Unknown

Animals are not clowns

Driving while talking… by Unknown

Driving while talking...

Architecture

Ammonite Washbasin by HighTech

Ammonite Washbasin

Interior course students works by Stanislav Orekhov

Interior course students works

Technology

Volkswagen XL1 by Volkswagen

Volkswagen XL1

JVC GS-TD1 by JVC

JVC GS-TD1

Web

Color Scheme Designer 3

Color Scheme Designer 3

Freebies

Free Isometrica Social Media Icon Set PSD by arcnerva.com

Free Isometrica Social Media Icon Set PSD

Download Icons

Motion

The Alphabet by n9ve

The Alphabet

Pavol Janovicek
Pavol JanovicekWith 30 years of life experience behind my shoulders, today I find myself focused mainly around two core values: my family (I am a happy husband and a proud father) and IT in its broadest meaning, including but not limited to hardware and software techniques and innovations. My special interest and true passion is photography. Here I am ready to put my signature under each word, once said by Dorothea Lange: “The camera is an instrument that teaches people how to see without a camera.” Being a part of Cruzine team, I enjoy instant process of learning as well as sharing my own experience in photography and IT with the readers of this digital magazine.