پی سی سیتی

پی سی سیتی (http://p30city.net/index.php)
-   آموزش طراحی (صفحات وب و انیمیشن) (http://p30city.net/forumdisplay.php?f=114)
-   -   Printed Web: Print Design Inspired Websites (http://p30city.net/showthread.php?t=34835)

Mr.CSS 01-19-2012 09:48 PM

Printed Web: Print Design Inspired Websites
 

Printed Web: Print Design Inspired Websites


[IMG]************************************************************ **********************[/IMG]
[IMG]http://*******************************************/random.php?mode=image&collection=noupe-rss&position=1[/IMG] [IMG]http://*******************************************/random.php?mode=image&collection=noupe-rss&position=2[/IMG] [IMG]http://*******************************************/random.php?mode=image&collection=noupe-rss&position=3[/IMG]
It seems things are changing for website design. The minimalist style adopted by many websites is slowly being evolved into something a little more engaging. One of the main sources of inspiration for this change in the way website content is displayed has been print design, particularly newspapers and magazines. Here are some fine examples of print design inspired websites.

The Websites

Vogue

http://media.noupe.com//uploads/2012/01/Vogue.png

Placing an emphasis on striking photography and keeping text to a minimum, the Vogue website perfectly recreates the basic layout of its magazine, showcasing the latest fashion trends.

Armani

http://media.noupe.com//uploads/2012/01/Armani.png

A stunningly beautiful website as sharp as the fashion wear, Armani’s site’s look pulled straight from a fashion photographer’s portfolio. A little text and huge exquisite images seize and hold the visitor’s attention.

Hollister

http://media.noupe.com//uploads/2012/01/Hollister.png

Before you even delve into the content of the Hollister’s website you have to admire their ingenious use of the dead space on either side, which looks like a sort of beautiful vintage Indian-style wallpaper. The rest of the site incorporates a wonderful use of shading and delicate colour textures.

Tommy

http://media.noupe.com//uploads/2012/01/Tommy.png

Digital creative agency Tommy has a fantastic website layout which mimics advertising boards of the past to great effect. Mixing bold headlines and strong colours, on close inspection the site almost has a ‘weathered’ or ‘worn’ look to it: retro brilliance.

Waltzing Mouse Stamps

http://media.noupe.com//uploads/2012...use-Stamps.png

The modest vintage design on the site cleverly represents the nature of their business and the products they sell. The slightly worn and torn Victorian-era wallpaper effect that is subtly added to the banners is one of the most eye-catching features.

The New Yorker

http://media.noupe.com//uploads/2012...New-Yorker.png

The New Yorker is an excellent example of a publication whose website retains the trademark aesthetic, most notably the famous typography, of its print magazine, from the features to the cartoons.

IDesign

http://media.noupe.com//uploads/2012/01/IDesign.png

We should expect a firm specialising in designing websites and corporate branding to have a stirring website and idesign’s magnificent eye catching art nouveau aesthetic lives up to expectations and more.

Roald Dahl

http://media.noupe.com//uploads/2012/01/Roald-Dahl.png

The website for the legendary children’s storyteller beautifully replicates the aesthetic of Dahl’s famous fun-filled children’s books, with the marvellous artwork drawn by long time collaborator Quentin Blake.

Protest Boardwear

http://media.noupe.com//uploads/2012/01/Protest.png

Wonderfully recreating the print design of a high quality fashion catalogue, the Protest Boardwear website features large colourful photography showcasing the brand’s head turning slope fashion wear.

Urban Survivors

http://media.noupe.com//uploads/2012...-Survivors.png

Using huge and beautifully composed photography, the charity’s website captures the feel of a photojournal or a series of striking billboards, displaying the plight of unfortunate people in third world countries.

Nike Vision

http://media.noupe.com//uploads/2012/01/Nike-Vision.png

Nike is famous for pushing the envelope in terms of style, and their Nikevision website uses large sliding images to display their stylish range of eyewear, replicating a high quality catalogue you might pick up in an opticians.

Little White Lies

http://media.noupe.com//uploads/2012...eWhiteLies.png

Little White Lies is a bi-monthly film magazine that shapes and themes its publication around a specific film. The website showcases their stirring graphic design and has digital editions of the magazine to browse.

Targetscope

http://media.noupe.com//uploads/2012/01/Targetscope.png

Texas based marketing firm Targetscope really hit the mark with their website design, which is modelled on American World War II propaganda artwork, delivering the message that their creative team is ready to take command of a client’s brand and steer it to victory.

The Dollar Dreadful

http://media.noupe.com//uploads/2012...r-Dreadful.png

Beautiful to look at, the Dollar Dreadful publication has been running since 1882 and displays its stories using the same layout and typography used in the original late nineteenth century mini magazines on the site.

UGS Mag

http://media.noupe.com//uploads/2012/01/UGS-Mag.png

This independent hip hop magazine celebrates rap music using a clear and colourful magazine layout that balances graphics, photography and text to stunning effect, creating a cool and vibrant web experience.

Voyager

http://media.noupe.com//uploads/2012/01/Voyager.png

The minimalist aesthetic and clear layout of BMI’s Voyager website perfectly replicates the in flight magazine. Uncluttered and nicely balanced, the information and features are easy to access and read.

Rolling Stone

http://media.noupe.com//uploads/2012...ling-Stone.png

The famous showbiz magazine is another example of a website that accurately replicates their print publication. Showcasing the latest news in music, film and politics, the site is simple to navigate and has a clear layout balancing image and text.

CultureLabel

http://media.noupe.com//uploads/2012...ltureLabel.png

CultureLabel is a different kind of gift site that sells products solely from museums and art galleries. The design of the website mirrors the art focused aesthetic by letting the imagery do the talking. This is also accompanied by lush, matted typography scattered throughout the site.

I-D Mag

http://media.noupe.com//uploads/2012/01/I-D-Mag.png

Extremely simple and effective, the online version of i-d magazine has a clear scrolling blog design that enables visitors to scan the news stories displayed with an equally sized photograph and introductory text.

Antique Piano Shop

http://media.noupe.com//uploads/2012...Piano-Shop.png

The Antique Piano Shop is dedicated to raising awareness of the need to preserve pianos from the last two centuries as valuable historical artifacts. Their website’s layout, typography and artwork beautifully capture the look of piano and organ catalogues and brochures from the past.

Squint Limited

http://media.noupe.com//uploads/2012/01/Squint-Ltd.png

Squint Limited is a fine epitome of Shoreditch and the website does further justice to the products with its portfolio of images that do all the talking. The grey-on-grey text, coupled with the use of gradient in the menu and product boxes adds to the stunning minimalist feel throughout.

Bob & Blossom

http://media.noupe.com//uploads/2012/01/Bob-Blossom.png

Intricate spacing and light pastel colours complements the array of baby clothing strewn over the site.

The Astonishing Adventures of Lord Likely

http://media.noupe.com//uploads/2012/01/Lord-Likely.png

Resembling a Victorian Viz magazine, The Astonishing Adventures of Lord Likely is a lewd tongue-firmly-in-cheek collection of a rather randy Victorian aristocratic gentleman’s adventures. The typography, layout and writing style of the fake diaries brilliantly mimic a Victorian very-broad sheet.

XLR8R

http://media.noupe.com//uploads/2012/01/XLR8R.png

While styled like a blog, the website for alternative music and culture mag, XLR8R makes intricate use of its layering with subtle grey tones and compliments it further with awesome documentary style photography of featured artists.

Dazed Digital

http://media.noupe.com//uploads/2012...ed-Digital.png

The stunning looking website for Dazed magazine has a less formal magazine layout, abandoning columns in favour of a cloud of images and text on a scrolling page that resembles the continuously flowing manuscript of a Jack Kerouac novel.

(rb)

http://feeds.feedburner.com/~ff/Noup...mc:V_sGLiPBpWU http://feeds.feedburner.com/~ff/Noup...mc:F7zBnMyn0Lo http://feeds.feedburner.com/~ff/Noup...mc:gIN9vFwOqvQ http://feeds.feedburner.com/~ff/Noupe?d=7Q72WNTAKBA




نکات طراحی صفحات وب
افکت های زیبا
تکنیک های طراحی صفحات اینترنتی
جدیدترین کد ها - منو های زیبای css


اکنون ساعت 04:57 AM برپایه ساعت جهانی (GMT - گرینویچ) +3.5 می باشد.

Powered by vBulletin® Version 3.8.4 Copyright , Jelsoft Enterprices مدیریت توسط کورش نعلینی
استفاده از مطالب پی سی سیتی بدون ذکر منبع هم پیگرد قانونی ندارد!! (این دیگه به انصاف خودتونه !!)
(اگر مطلبی از شما در سایت ما بدون ذکر نامتان استفاده شده مارا خبر کنید تا آنرا اصلاح کنیم)