background preloader

Design/UI/Fonts/Icons/Images/Etc

Facebook Twitter

Colllor - Turn one color into many alternative ones. Lorempixel - placeholder images for every case. Colour Assignment - Associations. Associations with color are defined, in part by Faber Birren (the author of Color Psychology and Color Therapy) by our senses, language, objects (or forms), and personality characteristics. color conveys moods which attach themselves to human feelings and our psychic make-up in an almost automatic fashion.

This section presents the results of color associations and how they compare to other published studies. Senses In association with touch, colors appear warm, cool, dry, and wet (to name a few). Birren states that this reaction is inherent in the psychological make-up of most humans and that perhaps it’s build upon the association of earthly elements such as the sun, fire, water, sky, and even deserts (Color Psychology and Color Therapy, 168). Birren’s research gained support for the associations with ‘warm’ colors in 1940 by the Bulletin of the American Physical Society. S. Language The English language abounds with expressions pointing to connections between colors and emotions. Pens picked by the Editors of CodePen.

CSS Hat translates layer styles to CSS3 code. Pixel-fitting by Dustin Curtis. In the Markdown Mark repository on Github, I had initially included only 12 static PNG images of the mark at different specific sizes. Several people asked me why I had done this instead of including a vector graphic, and the reason is actually extremely important. This is something everyone should know, especially people who are not designers. Most icons and logos are stored in vector image files that specify perfect mathematical representations of their shapes. Unlike JPG and PNG images, vector graphic files don’t tell the computer how to display their contents in pixels; for a vector graphic to be displayed, the computer has to perform a translation from the mathematical vectors into something that can be displayed with pixels.

This translation process is relatively simple: the computer takes vector lines, lays them on top of a pixel canvas, and then fills in each pixel that the lines enclose. The result looks like this: A gift from signal processing Fitting What this means. 100+ Tutorials To Help You Create A Professional Business Card. Design 100+ Tutorials To Help You Create A Professional Business Card You know that saying “A business without a business card is not an actual business”. Personally I believe that having a professional business card shows your interest in details which usually makes your clients trust your business. That’s why, I believe that a business with a crappy business card is not one that cares about the customer. The list is quite large, so in order to save some loading time we excluded images from tips and tricks for UPrinting Business Card section.

Just click on image to get the biz card tutorial and on title for tips. TIP – For a better and faster navigation between the cards, we recommend holding the CTRL button while clicking the links. Design a Professional Business Card These tutorials will walk you through every step required for creating a professional business card. Mockup Business Card Colorful Biz Dark and Slick Business Card Abstract Callum Design Color Dodge Design Grungy Simple Blue-Grey. 14 Golden Eggs of Good UI Design. Hand Drawn UI Kit. {Carrer web log} ← Blog about web design & development Hand Drawn UI Kit Wednesday, February 01, 2012 { 4 Comments } I'm fan of Matt Gentile work with various UI Photoshop Kit specially I liked the Modern UI Kit and with Matt permission I decided to Rebound on Dribbble.

I took all the elements from the Modern UI Kit and I made Hand Drawn UI Kit for Photoshop. Every element is hand drawn raster layer in Photoshop. I used Bamboo wacom tablets for designing the elements. You can download Hand Drawn UI Kit .PSD file here .. 4 Responses to “Hand Drawn UI Kit” // Logo Blog // 2/09/2012 This is really sweet :) // Sü Smith // 2/15/2012 Nice set. About Me <<< Name: Vladimir Carrer vladocar [at] gmail.com Location: Verona, Italy I'm a web designer, developer, teacher, speaker, generally web addicted ... My projects <<< §§Previous Posts <<< Modern Logo Mock-ups Other Profiles <<< Content is licensed under a Creative Commons Public Domain License.

60 Highly Clever Minimal Logo Designs. Depending on the flavor of your business, your logo may appear big and flashy, bold and colorful or just plain simple and clever. In this roundup, I’ve turned the spotlight towards the more simple and clever logo styles that leave a strong impression. As simplistic as they may appear, there is genius behind these 60 highly clever minimal logo designs. OneFund Filmaps Folder back Bipolar Backspace Stairs Fence v.2 Walk Unarmed Frankenstein Films Thinktank Pelican eveva Love Clip SewPerfect Wave Pendulum Sex Lovers City Direct FishLine Up Straight UP elefont Rocket Golf Illusion Circus of Magazines CodeFish Zip Mummy Foot Missing Helium Killed Productions Bird Giraffe minimum Catch 5 ascus HandsUp Pencil James Forbes Plumbing Wine Searcher Ed’s Electric LocKey Handmade Pictures upside down productions More Wine Kingdom brand Twins Horror Films Ross Poultry Half Crown Jump Atack Tulipart Have a Favorite?

When putting a showcase of inspiration together, I often find myself picking a couple of favorites out of the bunch. Written by Shawn Ramsey. 99designs | Logo Design, Web Design and More. Design Done Differently. Logoswipe. Usabilia Discover. What are you working on?

ThemeSquirrel. The Elements of a Clean Web Design. Clean, simple web designs have become a popular trend. This article will cover the subject through a two-part discussion. First, we’ll talk about a few traits that clean designs tend to have in common. Secondly, I’ll share some tricks and techniques that can be helpful when trying to achieve a clean design. Common Traits of a Clean Web Design Let’s start by looking at some fundamental characteristics of clean web designs. Solid Web Page Layout Structure If you take a few minutes to browse sites that might fall into the "clean" category, I’d be willing to bet they all have one thing in common: a well-thought-out grid that the designer is really putting to work. For anyone not familiar with designing with a grid, just imagine that each comp starts with an invisible structure of columns and rows, and that structure drives the scale and placement of the elements in the composition.

Pixel Dreams is designed in a grid using the popular 960 Grid System. Good Typography The New York Times The Mavenist. 50 Beautiful Clean and Simple Web Designs. When it comes to web design, my experience demonstrates to me that it’s easier to add to a design rather than to take away from it. The challenge with minimalist layouts lies in the conundrum of making something beautiful with basic design elements —and with as few of them as possible. Lately, I’ve been attracted to simple and clean designs. Design Instruct is a testament to my affinity towards creating designs that present the idea of "less is more. " In this collection are masterfully created minimalist designs for your inspiration in your current and future work.

This is a follow up of a collection called 40 Beautiful Examples of Minimalism in Web Design published last year. Simon Collison kilian muster Mark Boulton Design Christopher Brand Haik Avanian Tim Bjørn Ribbons of Red biancaelmer.de Top Site Tally Chevychase Design Studio Trent Walton Tom Watson Academy Digital Podge 2009 SimpleBits Your Neighbours Frank Chimero iA Snook.ca Urban Influence Brand Studio Hyperakt LegiStyles Hudsons Marcelo Henrique.

The Best Designs / Best Web Design Awards & CSS Gallery. HTML5 Mania – The largest HTML5 showcase in the world. ColrGrabr - website css color scraping made easy. Design Seeds®: For All Who Love Color. Kuler - Explore, create and share color themes. CSS Galleries. PNG Textures - The super smooth way to create and share hip textures. Crafted by @javve. Sort - Design/Etc. Design/Etc | Software/etc. CSS | Languages. LayerVault | Design - Version Control. Pixelapse | Design - Version Control.

Fonts

Buttons/Icons/etc. Premium WordPress Themes, Web Templates, Mobile Themes.