Tampilkan postingan dengan label web design. Tampilkan semua postingan
Tampilkan postingan dengan label web design. Tampilkan semua postingan

Kamis, 25 Maret 2010

250+ Web Design Inspirations : iPhone

38 Mobile (iPhone) Sites

As you may probably know mobile design is getting more and more popular, particularly the iPhone design. Almost every popular website or web app offers a mobile version now. In this post, I’ve collected a list of 38 nicely designed sites (ranging from personal, blog, portoflio, editoral, web app, etc.) that are optimized for iPhone. I hope this list will come in handy when you need to design a mobile site for yourself or clients. Now have you iPhone ready and enjoy the list.







80+ iPhone Inspired Website Designs For Your Inspiration

So Again, Inspiration is something different then copying or stealing. Of Course, they are related to some extant but there are enough talk already happened in past to draw the lines in between. It’s also often heard by designers that “Good Designers Copy, Great Designers Steal“. No one knows for sure as some people believes that “Nothing is original. Steal from anywhere that resonates with inspiration or fuels your imagination”







25 Great Examples of iPhone Optimized Sites

During the weekend I decided to work on the iPhone version of Abduzeedo. Firstly I thought that only a few tweaks in the CSS file would be enough, but it was a bit more complicated than that. However, there are quite a few ways to create a nice iPhone version for your site using services like Mobify.me. In my case, I decided to build a new Drupal theme from scratch.







50 Inspiring iPhone Application Websites

One thing that many of the iPhone application websites have ‘in common’ is their beautiful and inspiring design. They simply look amazing. The colors are great, the typography is classy, the photos, spaces and reflections are astonishing. The websites are so visual appealing that it is very good to browse around to get inspired and also to find a cool app for you (in case you have an iPhone). And as I’m always looking around for inspiring sites, I found that making a selection of iPhone app sites would give us a great list! So here we are… with 50 samples of beautiful, classy, stylish and many times minimalist websites designs. Here you will find inspiration in many different subjects of web design – such as typography, colors scheme, textures, layouts, images disposal and so on. So sit back and enjoy these pretty inspiring websites!







35 Beautiful iPhone App Website Designs

I’ve always been a fan of Apple’s design. As a web designer, I’m sure that many of you are. When Apple released the iPhone and iPod Touch, thousands of apps hit the app store. As a result, web designers started creating sites for Apple apps. These sites promote, give information about, and help sell these apps. In this showcase, you’ll find 35 beautiful handpicked app websites.







20+ Amazing iPhone App Websites

How do the latest and most sought out iPhone applications stand out from the rest? By developing an incredible website design that displays these applications in the best possible way. Many of these sites are clean, run smoothly, and are organized for a better user experience. Below you will find 20+ Amazing Site Designs of Exclusive iPhone Apps for your inspiration. Feel free to comment on any of these designs, or provide a link to one we might of missed.



Rabu, 24 Maret 2010

Inspiration : Creative 404 Error Pages Design

Creative 404 Error Pages Around for Inspiration

Creative 404 Error Pages Design - In this article below, we’ll take a look at Various Creative 404 Error Pages Around for your source of inspiration which help you to built your own custom error page.



Creative 404 Error Pages Design



404 Error Pages: Reloaded

Three weeks ago we’ve showcased some of the most beautiful, creative and user-friendly 404 Error Pages; we’ve collected some interesting ideas one can use to help out the visitors once they got lost ony your page. We’ve also asked our readers to design their own 404 pages and promised to present the best solutions afterwards.



404 Error Pages: Reloaded



49 Nice And Creative Error 404 Pages

Whether you have a broken link on your site or your visitors happened to come from a site that incorrectly hyperlinked your site; they are likely to land on a error page. If this error page is properly handled, the visitor will be reading a Error 404 page.



Nice And Creative Error 404 Pages



50 Creative and Inspiring 404 Pages

Whenever a user is trying to reach a website’s page that is non-existent or missing, they are usually directed to a page where they’re informed that that specific page cannot be recalled by the HTTP server; this is what is called a 404 error page.



Creative and Inspiring 404 Pages



Creative 404 Error Pages With Characters

What if viewers come to your blog or site looking for something and it doesn’t exist. What would you like them to do? Would you like them to stay on your site?, of course you would like to engage them, here comes the 404 error page.



Creative 404 Error Pages With Characters



50 Examples of Creative 404 – Page Not Found Pages

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.



Examples of Creative 404



404 Error Pages, One More Time

The design of 404 error pages is often overlooked and underestimated. However, designed carefully, these pages can make a random visitor stay on your website, take a look around and eventually find the information he or she was looking for in the first place. Effective 404 error pages communicate why a particular page couldn’t be displayed and what users can do next. A search box and list of useful resources (possibly related to the missing page) could be helpful in this case.We’ve already covered the design of 404 error pages in previous posts. In them, we also covered some interesting and useful ideas for designing 404 pages. Now, it’s time for a fresh dose of 404-error inspiration. This article presents 50 more examples of beautiful and original 404 error designs. Some of them are beautiful but not user-friendly, others are user-friendly but not really beautiful. Please use these examples as a source of inspiration; hopefully, this showcase has something for everybody.



404 Error Pages, One More Time



25 Creative 404 Error Page Designs

A lot of websites don’t have a 404 error page, but having a good one is very important. We can’t stop a user from landing on the 404 error page, but we can give a helping hand to guide them back to the homepage. If you don’t have an Error 404 page on your website or blog, you should really think about creating one soon. Here are 25 Creative 404 Error Pages to give you some inspiration and ideas to get you started. Thank you for reading and enjoy.



Selasa, 23 Maret 2010

200+ Web Design Inspiration : E-Commerce

20 Gorgeous Examples of E-Commerce Done Right

Today we’ll be examining a ton of online stores that break this trend by being both functional and attractive. Each of the examples below has a unique lesson to teach us about good e-commerce design. Let’s get started!







50 Inspirational E-Commerce Website Designs

Many e-commerce sites aren’t the most attractive websites. There’s often a lot of clutter with little to distinguish the design from any other site. Of course, selling products is more important to an e-commerce site than having a pretty design, but these 50 examples show that some e-commerce sites display excellent design.







65 Well Designed Ecommerce website for Design Inspiration

These days people are so busy with there day to day life, that they don’t even have time for own. Specially when it comes to shopping most of the people thinks its time consuming, and yeah am agree with them. Personally i think to get time from my daily schedule is so hard for me, i have to do lots of things like blogging, freelancing, job etc. But as you all know we can shop online too, now a days most of the brands have there own shopping site known as Ecommerce site.







20 well designed E-commerce websites

Building an ecommerce website is no small chore,ecommerce systems is complex, ecommerce site are like applications different from a static site, Creating a design to ecommerce site, a biggest pain in the butt, This difficulty makes it all that muchmore impressive when you find beautiful examples. And of course we have collected some samples here, that will help you in your next project.







30+ E-commerce websites for inspiration

E-commerce websites are more complex than static websites or blogs. Here we have collected 30+ e-commerce websites which are nicely designed and can be source of inspiration for web-designers and developers working on such type of projects.



Selasa, 16 Maret 2010

Bokeh Effect : Tutorials Examples + CSS3

Inspirational Examples of the Bokeh Effect

“In photography, bokeh is the blur, or the aesthetic quality of the blur, in out-of-focus areas of an image, or “the way the lens renders out-of-focus points of light.” Differences in lens aberrations and aperture shape cause some lens designs to blur the image in a way that is pleasing to the eye, while others produce blurring that is unpleasant or distracting— “good” or “bad” bokeh, respectively.







Bokeh Effect in Web Design: Showcase, Tutorials and Resources

In this article you will find inspirational showcase of beautiful and very colorful websites with bokeh effect. Also you’ll be able to learn different bokeh effect techniques by checking listed useful and detailed tutorials. For the conclusion you will find a lot of great bokeh resources.







Pure CSS3 bokeh effect with some jQuery help

Today, I want to add another addition to the bokeh "hype", by creating a pure CSS3 bokeh effect. With some help from jQuery, we can add some randomness in colour, size and position for the effect.







50 Examples and Tutorials of Bokeh in Photography, Textures and Websites

Bokeh, a style originally from Japan that describes an out of focus area of a image/photograph that is used to draw your eye to the subject of the image. This extremely popular photography technique creates surreal and beautiful images, either naturally or using programs like Photoshop. The light and tonal patterns created are often very unique, giving the image or design an extra added depth.



Minggu, 14 Maret 2010

100+ Great Examples Of Beautiful Footer Design

Trends and Examples in Recent Web Design: Big, Informative and Creative Footers

The bottom of the page, the ending for your web design job, the final section. This is footer. The part of the site that, in a classic interpretation, is only for copyright and some links.



Trends and Examples in Recent Web Design: Big, Informative and Creative Footers



20 awesome website footer designs

When creating your website designs, one element that shouldn’t be overlooked is the footer. In fact you can use this space to add some appropriate functions and content, the following collection is a serie of websites that use the footer space awesomely.



awesome website footer designs



25 Creative Website Footers

I think everyone understands the importance of having an interesting and well designed header for their websites, whether that header is simple and minimalist, a glossy and gradient Web 2.0 inspired design, a busy but beautiful collage, or something else entirely. Indeed, in many ways, the header rules supreme.



25 Creative Website Footers



A Showcase of Fantastic Footer Designs

Website footers have become more than just a place to put the copyright information and a few links. Now web designers are making full use of the footer as way to keep the visitor on the site longer. You will see from the examples below that this can be achieved by using clever placement of graphics and design elements along side links to additional content.



A Showcase of Fantastic Footer Designs



48 Excellent Examples Of Blog Post Footer Designs

What happens when your visitors are done reading a post on your blog? Maybe they comment on the article, go read another one, click on an ad, get in touch with you, vote and share the post on social media sites, subscribe to your RSS feed, or… simply leave your site.



Excellent Examples Of Blog Post Footer Designs



30 Beautiful Website Footer Designs

This post is a part for dzineblog’s interface design inspiration series, the series which focuses on inspiration on graphic user interface designs that will help you in enhancing your interface design skills,







25 Stylish Website Footer Designs

Footers on web pages have evolved from being a simple section where you host your copyright information and additional links, to a multi-functional section where you can find a variety of site features such as twitter updates, a short bio of the author, and secondary navigation.



Selasa, 09 Maret 2010

Tool : 100 Useful Tools For Web Designer

9 Handy FireFox Add-ons For Every Day Use

Useful Tools For Web Designer - Having worked as a project manager at several companies and having to monitor my own projects there’s a certain list of things I do to check on often (and I still do). Some of the things are SEO related, some are tech tasks, some help to achieve the marketing goals. Some of the things are just general but still it’s very convenient to have the nice set tools to perform the actions that you do on a regular basis.







16 Indispensable Tools to Optimize Photos for the Web

If you want to compress the size of your image files without affecting image quality, you’re going to need a decent image optimizing tool. Photoshop lets you choose the quality of your images and offers a “Save for Web” function, but that’s not enough. The great tools explored below let you squeeze vital extra kB out of your images, keeping you and your website visitors happy.







10 Popular Web Designer Tools for Firefox

Thanks to Firefox and some of the great add-ons that have been developed for it, your browser is your best friend when it comes to web site design.From CSS tools, to promoting your domain, here are 10 of the most popular web designer tools for Firefox.



Massive Compilation of Designer Tools

Web designers have a wealth of tools available to them, for doing everything from organizing their thoughts about a particular design to debugging the final design.

But with so many tools out there, how do you ever determine which ones are really useful and which ones are just going to waste your time?







15 Google Chrome Extensions For Web Designers And Developers

Google Chrome is not a popular browser yet but still it’s growing fast and as a web developer or designer, you must be among the earliest to adopt new browser technologies. What help you a lot are extensions of browsers though Chrome does not offer many extensions but still there are lots of extensions, those can be very handy for designers and developers.







21 Free And Useful Web Tools For Web Designers

Most of them are not very well-known, but they are really amazing in respect to their features. This is the list of 21 Free And Useful Web Tools For Web Designers.



Senin, 08 Maret 2010

Design Inspiration : Amazing Portfolio Designs

50 Fresh Portfolio Websites for Your Inspiration

Creating personal portfolio website is probably the most challenging task for designers as it should reveal the talent and some special unique style of its author. Beautiful portfolio is like a good setting – it makes design works sparkle and grabs visitors’ attention immediately.



Fresh Portfolio Websites for Your Inspiration



40+ Fresh And Great Portfolio Design Interfaces for Inspiration

If you are stuck with your next portfolio design, you should consider to take a look at these portfolio interfaces that published recently. In this post, we have a collection of fresh and great portfolio design interfaces. All of them were hand-picked in DeviantArt where you can get inspiration everyday. Also check out others works of these authors for more interesting stuff.



Great Portfolio Design Interfaces for Inspiration



30 More Portfolio Sites for Your Design Inspiration

In the past we’ve published a few collections of excellent portfolio sites that readers seemed to have enjoyed. Since there are always re-designs and new portfolio sites being launched, they are a seemingly endless supply of design inspiration. With that in mind, here is the third edition in our portfolio design series.



More Portfolio Sites for Your Design Inspiration



90 Inspirational And Creative Portfolio Designs

There are many forms of Portfolio like file/paper based designs or print based designs or web based online designs. Here we talking about web based online portfolio designs which is easy to accessible and convenient to approachable.



Inspirational And Creative Portfolio Designs



30 Single page portfolio design for design inspiration

Single page portfolio are being used by many designers to present their project or work. Avoiding sophisticated design and maximum use of text is overcome by these single page portfolio design, even more these are much simpler to navigate for the viewers. Showcasing designers work as well as displaying contact information is more structural and intuitive.



Single page portfolio design for design inspiration



20 Extraordinary Designer Portfolios You Have To See

We all love portfolios and being designers all of us do have one. Seeing the work of other designers usually inspire us to create things and strive to become better. In this case I have featured 20 Extraordinary Designer Portfolios you have to see. Portfolios can be really inspirational at times and especially if a designer is in need of some instant inspiration. Check out the portfolios.



Extraordinary Designer Portfolios You Have To See



40 Great Photographer Portfolio Websites for Inspiration

Here is a collection of fantastic portfolio web design. I think this will be worthwhile for anybody who wants to create an online portfolio for their photography and is looking for some inspiration. As an added bonus you get to look at some amazing photography. Now who doesn’t like to do that.







25 Kick Ass Purple Portfolio Website Designs

Web designers set themselves apart every day with their own unique style and design. I want to showcase some of those designs who have went left of the normal path numerous trends set (you know the blue/green combo trend!) by designing with a color seldom used in the design community – Purple.







24 Awesome Single Page Portfolio Designs

If you are looking for a portfolio site inspiration A single page portfolio would be a prefect one. A single page portfolio site works best to showcase your design work. It is simple and quick to set up a website and perfect for designers since there is not much coding involved.



Awesome Single Page Portfolio Designs

Minggu, 07 Maret 2010

10 Killer Tips That Will Make You A Better Web Designer

Vital Tips For Effective Logo Design

There have been numerous creative logo design showcases, logo design resources and logo design tutorials posted across the Web. While these help you to create a powerful toolbox for your logo designs, first you need to gain a solid understanding of what makes a logo design good and what you need to consider before starting using this toobox.



Vital Tips For Effective Logo Design



11 Essential Tips Every Designer Should Be Aware Of

Here are some essential tips for designers and not only. Some of them are universal and can be ascribed with many other similarities in your own life even if it’’s not really with design.



Essential Tips Every Designer Should Be Aware Of



5 Things That Can Make (or break) A Killer Website Design

Starting the website design process can either give you a really great feeling, or can leave you feeling hollow in the pit of your stomach. The feeling you get is usually dependent on how great of a kick start you get with your design process.



A Killer Website Design



How To Fight Procrastination As A Designer

Distractions are all around us as designers, whether you work at home or in an office away from home. In order to maximize your productivity and work time, you need to cut back on procrastination. The more time you spend procrastinating, the less work you get done, which is bad news in the end. We are all guilty of it, so here are some helpful tips to avoid procrastination and start working smarter.



How To Fight Procrastination As A Designer



5 Writing Tips for Web Designers

Poorly written web writing misleads visitors and wastes millions of hours daily. For today’s more than one billion Internet users, that translates to frustration. For your web design clients, it means missed opportunities.



Importance of Web Interactivity: Tips and Examples

Designers have often wondered about the secret ingredient to make a website appealing. The combination of design and functionality is something every designer wishes to implement in a site. Many successful websites have one main secret ingredient, not every designer is aware about. That element is website interactivity.



Importance of Web Interactivity: Tips and Examples



How to Drastically Improve Your Designs

Design is everywhere. We see it in on billboards as we drive down the street. When we go to a restaurant and look at the menus, we see it. When we sit down on our couch and watch television, it’s visible on the commercials, advertisements, and even the movies and TV shows.



Drastically Improve Your Designs



11 Common Web Design Mistakes (Blunders)

In this article, we would like to highlight 11 web design blunders that web developers and designers make and some suggestions how these mistakes can be easily avoided.



Common Web Design Mistakes



9 Essential Principles for Good Web Design

Web design can be deceptively difficult, as it involves achieving a design that is both usable and pleasing, delivers information and builds brand, is technically sound and visually coherent.







4 Quick & Easy Design Theory Tips

Oftentimes you can create a snappy design that just doesn’t seem to work – it looks nice and all, but there’s something about it, something you just can’t quite put your finger on, that stalls it dead in it’s tracks. We’ll explore four areas that may just solve the problem… or at least help you get pointed in the right direction.



Easy Design Theory Tips