background preloader

Design Examples

Facebook Twitter

25 tutorials to build up your design skills - Designer Blog Designer Blog. One of the best ways to improve and build upon your design skills is by using tutorials — short, instructional guides that teach techniques so you can craft great designs. We’ve collected 25 of our favorite tutorials from across the web to help you practice your skills. These skills include: Programs: Adobe Photoshop, Illustrator, InDesignLogo, Web, App, Icons, Print and Packaging, TshirtTypography, Grids, 3-D, Opacity, Gradients, Masks, Patterns, Layout, Color Management, Brushes, Meshes, Textures, Bleeds and Margins, and more. Logo Create Isometric Grid-Based 3D Lettering Programs: IllustratorLevel: IntermediateSkills: Typography, Grids, Creating 3D Objects Simple Organic Shapes the Illustrator Way Programs: IllustratorLevel: BeginnerSkills: Opacity, Duplication, Masks Creating a Crazy Cool Logo Programs: IllustratorLevel: IntermediateSkills: Typography, Shading, Gradient, Transformations Create a Clean Retro Badge in Adobe Illustrator Web Watercolored Design Studio Blog Layout App Icon Print.

Colour

Live Case Study: The case of 300,000 pages and counting. | The Man Who Sold the Web Blog. This is my first live case study. In this case study, I will build and grow an autoscale, autopilot, value-add site from scratch. The purpose of this case study is to demonstrate techniques in real time. With the exception of coding the initial site (these activities are tabulated under day 0), everything is done in real time, including domain registration. The subject of this case study will be a a niche jobs search site, built off the Indeed API. Indeed.com is an established jobs search engine of US-based job opportunities. They have a publishers program with an API that allows our site to pull the job results. Our niche job search site will focus on clerical jobs. Now, how does the autoscale work? First, upon launch, the site will have 300,000 pages. The US has about 40,000 active zip codes.

That’s just the starting point. Now, let’s put down some goals for this site that we can measure against. Create a massive, autoscaling site via an API. Site indexed by Google in 1 day. Dave. The Worst Bad, Ugly & Horrible Logo Designs. Sponsor- – Logo design in today’s world is totally under rated. People do not understand how important a good logo is and how valuable it is to their business and this is why I am highlighting some of the worst logo designs out there. By outlining these bad logo designs (in my opinion) I hope to raise awareness of how important it is to have a strong brand & identity for your business or product. If you are after examples of high quality logos be sure to check out some logo design inspiration galleries. Further suggested reading: What was your favourite ugly / bad / horrible / phallic logo design? Sources: ArtistMike | YourLogoMakesMeBarf | WebDesignIdeas. 30 Most Popular CSS Websites of 2011 » Web Design » Design Festival.

Designing for the Dark Side » User Experience, Web Design » Design Festival. Clean Up Your Mess - A Guide to Visual Design for Everyone. Web developer's Field guide | 360 Voltage. 80+Download Free CSS/HTML Templates Layout 2010 « CSS Templates - FreshDesignWeb. All professional free CSS/HTML templates for easy design website. It is important for web designer to find new CSS/HTML layout web templates to improve the ideas design, However, the templates was used by other already but they take some part of the templates to create new one by mix more templates together.

If you are looking best html and css templates to create your website. You may like my favorite collected html/css templates for purpose such company, product, service, business, shop, wedding, restaurant, portable, electronic shop, book store, jewelry shop, medical clinic, beauty and real estate…etc. It released for free download.

The CSS templates layouts was design by Cascading Style Sheets (CSS) to make professional website design and also improve website performance. i hopeful that this collection will save you some time in your design and development. You may like this: Free HTML5 Templates Caprice – Free HTML Template Demo More Info Affection Free CSS Template Demo More Info Digy. Web Design Resources, Web Design Tools, Web Design Tutorials, Website Design Inspirations Freebies. Web Designer - defining the internet through beautiful design. 50 Examples of Creative 404 – Page Not Found Pages | Speckyboy Design Magazine.

There are two ways you can go when designing a 404 page for your website – you could go the sensible route and make it usable and try to help the reader find exactly what they were looking for or, you could design a 404 page that not only defines the character of the web site or the designer, but also makes it a pleasure and surprise. Its amazing the effect a sprinkle of humor and some creativity can have on someone and it will certainly make your site that little bit more memorable.

Below, we have a collection of sites with original, creative and generally humorous 404 pages. You may notice that some do not meet even the most basic usability guidelines, but who cares, they make us smile! Hope you enjoy them. South Park Studios Dilbert Website Blizzard Entertainment Future of Web Design London Popscreen Carsonified 404 Chris Jennings 404 Twurn Houston, we have a problem! Henrik Hedegaard – WOOPSIE DAISY!

Wufoo Page Not Found Jamie Huskisson 404 Tele2 404 TattooSales.com – Page Not Found Oops! Tutorial9 - The Best Resources for Designers, Every Day. Speckyboy Design Magazine | Web Design, Web Development and Graphic Design Resources. 45 Free eBooks for Developers and Designers | Speckyboy Design Magazine. Over the past year or so we have published several articles featuring a selection of the best free ebooks for web designers, with each post proving very popular and highly resourceful. Sadly, since then some of the fantastic ebooks we previously featured are no longer available or are no longer been offered as a freebie.

But looking on the positive side many new web design ebooks have been released and, as you will see within this post, there are also a few ebooks, recommended by our readers, which we missed in those previous articles. Just as we did with the previous posts we have not offered a critique of each book only a description of the content, as we feel that if someone spends so much valuable time writing an entire specialized book and then offer it for free, in our eyes they deserve only praise and appreciation. All of the 45 books in this post are completely FREE and can be either downloaded in digital format (PDF) or viewed as a web page (HTML). Better CSS Font Stacks →PDF → 30 Inspiring Niche Photography Websites to Explore | Speckyboy Design Magazine. 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, glamor & 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. Photojournalism Websites Burn Magazine Mike Ross Photos Great Photojournalism Rethink Dispatches Noor Images McCall Studios Advertising Photography Websites Marge+Casey Associates Vendrame Tim Tadder Sonja Muller Ciril Jazbec Cake Factory Karen Wise. Westciv - tools & resources for web professionals.