background preloader

40+ Helpful Resources On User Interface Design Patterns

40+ Helpful Resources On User Interface Design Patterns
Advertisement If there is a commonly reoccurring need for a particular solution, there is a great probability that someone has – by now – solved that need and has finished the legwork involved in researching and constructing something that resolves it. At the very least, you will find documentation on general solutions to related problems that will enable you to gain insight on best practices, effective techniques, and real-world examples on the thing you are creating. A design pattern refers to a reusable and applicable solution to general real-world problems. There are many ways to tackle a specific requirement – and as a designer – the most important thing you can do is selecting the option that best reflects the needs of your users. In this article, we share with you the best of the best, cream of the crop sites, galleries, online publications, and libraries devoted to sharing information and exploring concepts pertaining to User Interface design patterns. Yahoo!

10 Most Common Misconceptions About User Experience Design Whitney Hess is an independent user experience designer, writer and consultant based in New York City. She authors the blog Pleasure and Pain. When I tell people that I am a user experience designer, I usually get a blank stare. I try to follow it up quickly by saying that I make stuff easy and pleasurable to use. That’s the repeatable one-liner, but it’s a gross oversimplification and isn’t doing me any favors. The term “user experience” or UX has been getting a lot of play, but many businesses are confused about what it actually is and how crucial it is to their success. I asked some of the most influential and widely respected practitioners in UX what they consider to be the biggest misperceptions of what we do. User experience design is NOT... 1. ...user interface design It’s not uncommon to confuse “user experience” with “user interface” — after all it’s a big part of what users interact with while experiencing digital products and services. 2. ...a step in the process 6. ...expensive

30 Gorgeous iPhone App Interfaces & Icons With over 100,000+ apps in the App Store, and the numbers growing fast, it’s much harder to make an impact on iPhone users in the iTunes store. Some mobile designers are spending more time designing high quality looking applications to create buzz and get recognition for their work. Here is a list of 30 apps that are well-designed and worth their purchase from their exceptional design skills and zealous attention to detail. If you love good design, beware – you may end up spending a few dollars if you read on! Pastebot Pastebot is the easiest way to manage your clipboard clippings on your iPhone. tapbots.com | App Store Link Pastebot Awesome Note Awesome Note goes above and beyond the default notes application on the iPhone. bridworks.com | App Store Link Awesome Note Convert Convert took other complex converters by storm by under doing the competition and making conversions function simple like a calculator. taptaptap.com | App Store Link Convert Air Mouse Pro mobileairmouse.com | App Store Link

Inspiration: 100 Awesome iPhone Apps Websites Following my previous roundup about 60 Awesome Mac Apps Websites, I decided to start collecting the best examples of iPhone apps webpages. The result is very interesting: many websites share the same practices and trends, other really stand out from the crowd. If you have suggestions for other cool and innovative designs, I’d love to hear about that in the comments. Enjoy! Wallet Website Payshield Website Ecoki Website Panelfly Website Reeder Website Keypoint Website Dropbox Website Awesome Note Website Birdbrain Website Inquisitor Website iShots Website Tapbots Website Zoo Stars Website Trivia Wars Website Color Stream Website Ramp Champ Website Awards Website Convert Website Ghostly Discovery Website Shows Website Keymote Website SimplyTweet Website iStudiez Website Mooch! Postman Website Twitterrific Website Barista Website Cellar Website Sparks Website TimeTracker Website Cha Ching Website Birdhouse Website Lights Off Website Twiba Website LittleSnapper Website TeaRound Website Night Stand Website Firetask Website

72 Creative And Smart Typographic Logo Inspiration If we are starting to go crazy in typography style, then let’s continue with typographic and smart logo designs, shall we? Here you’ll find 72 beautiful logos created by talented designers. This showcase just proves the point how much can one/two words, icons tell using correctly white, negative, positive spacing, colors, accents creating interesting associations. Explore and get creative as I did! 1. Killed Productions Who killed letter i? 2. Really smart logo! 3. Typeface: word-play: face from the type and letter T. 4. Just loving this logo, great stylization! 5. Very popular logo already, but thought I still share it in typography section. Author’s comment: “Logo was made for a bold creative team consisting of two people. 6. Just smart logo, which rings the bell! 7. Author’s comment: “Gizzy bear is how a little kid might say grizzly bear. Just genius! 8. Simple, artistic and very clever – all in one place! 9. Very good logo – yes, sticky! 10. Oh, snap – logo with very clear message. 11. 12. 13.

How to Draw a Portrait in Photoshop Here is a new tutorial for all the drawing lovers. In this tutorial, we will make a quick sketch, scan the sketch, and convert it into Photoshop. Then the fun will begin. Drawing a portrait is not very simple, but with some knowledge you can achieve a lot. The end result may not look exactly like the person you are trying to draw, but the important thing is to do the best you can and make the eyes, mouth, or nose look similar to your subject. The end result in this tutorial looks more like me, but to tell you the truth this is just a coincidence. Final Image Preview This is the image you will create. Step 1 First of all you need to make a rough sketch, scan the image and import it into Photoshop. Step 2 Next, create a new transparent layer over the sketch (name it "sketch"). Step 3 Create a new layer and place it below the "sketch" layer and name it "color." Step 4 According to the light source angle (which is in the top-left), draw some shading using a soft Brush (B). Step 5 Step 6 Step 7

Video Brewery | Here's How the Video Production Process Works What types of videos can I create here? Video Brewery has hundreds of video creatives with a diverse range of styles, talents and production methods. For example, we can create an explainer video to explain how your product or service works, a viral video or web commercial to promote your brand, a corporate video to introduce your company, a tutorial or how-it-works video to educate your users, a customer testimonial video, or a mobile app walk-through. How much does a typical video cost? It depends. Are there any additional fees? Video Brewery charges a $10 project deposit (which is put towards your video if you decide to create one), and takes a small commission on each project which is included in the creative’s bid. How long does it usually take to finish a project? It depends on the length and complexity of the video, but most projects take between 4 and 8 weeks. Is my project private? Yes! Who are the creatives? What are the payment and contract terms? Who owns the rights to the video?

Design You Trust – Design Blog and Community Best Open Source Resources for Web Developers | WebAppers

Related: