Next in the Orman Clark’s coded PSD series is his awesome looking Vertical Navigation Menu. We’ll recreate it with CSS3 and jQuery while using the minimal amount of images possible.
Viewing entries in
Design
With more and more media competing for eyeballs than ever before, it's a real challenge to grab people's attention these days. And the art of flyer design is a great place to get inspiration.
As effective as an icon’s metaphor may be, truly powerful icons get strength from their universal recognizability and conventional usage — a standardization of sorts. We’ll discuss icon standardization more in this article and then provide suggestions to a few current icon standardization movements which you can explore and incorporate into your own projects.
There are some great conferences coming up for web designers in the UK over the next 12 months, says Jonathan Brealey of Heart Internet.
To further narrow the scope of this review, the contenders were limited to web-apps, which offer the most accessibility by being, you know ... on the web. Thus, MockFlow, ProtoShare, and HotGloo were chosen as the challengers. They’re all in the same weight-class in terms of features and are, more or less, all centered around creating interactive website wireframes. So, now that we have our picks, let’s get into the ring.
As the curator of Folyo, I see a lot of different portfolios go by. And I can’t help but notice the same patterns of bad design cropping up time and again. Being designers, we should be aware of how much look and feel can influence the way content is perceived. Yet for some reason we’re happy to forget all about this when it comes to displaying our own work.
Great Job,nice Article.
Fitts’ Law is an essential principle of Human-Computer Interaction theory that was formulated almost 60 years ago. It’s critical to UX design for the desktop and laptop, but with interaction techniques being vastly different on mobile devices can we still use it the same way? We’ll look at what Fitts’ Law consists of and how it is applied to design on mobile devices.
One line of JavaScript and a few mod_rewrite rules and we have no fuss Automatic Conditional Retina Images. No DOM crawling. No redundant requests. No server-side scripts. No cookies? No problem, they just get the original image. The only change you might need to make to your workflow is explicitly defining image width and height in HTML (you should really be doing this already) and background-size in your CSS. And of course, creating retina images. If your original image is named circle.png the retina version should be circle@2x.png If you forget a retina image the original image will be served, even on retina devices.
The web is a wonderful thing. It's full of endless resources and tutorials for people wanting to learning the art of After Effects CS6 (and previous versions). But, sometimes too much choice can be confusing so we've picked 5 top sites that will really help you get to grips with the compositing software.
It works for me!
The kids of the Hipster Generation will have it real easy, brother. They’re going to be taught by their parents about the health benefits of organic food, the sartorial qualities of plaid vests, and of course, product design. So the best way to innoculate the good qualities of the Hipster worldview might be by making them learn it through beautifully designed, old-school flash cards.
Riddle "We Didn't Know" from Red Car New York
This stunning music video was made for Tom Riddle's latest track 'We Didn't Know'. Created by animator Chris Bialkowski, it combines animation and live action.
Avoid motif monstrosities! Follow these great pieces of advice from award-winning designer Paul Wyatt and you'll be on the way to creating the perfect logo for your brand.
Watson claims to be a trained graphic designer, but he doesn’t seem to really know much about fonts. In my opinion, the logic here is a little bit rich: the font that Microsoft uses is called Segoe, which Microsoft first registered and has been using since 2004. They’ve been using it extensively for years. Read more at http://www.cultofmac.com/186866/did-microsoft-shamelessly-rip-off-apple-when-designing-their-new-logo/?utm_medium=faceb&utm_campaign=spread-us#b8tctFtj7vB6Y0CO.99
Sad but True.
Microsoft unveiled a brand-new company logo Thursday morning, and graphic designers have given it a split vote.
mmm...I don't think so Microsoft...
Nice Tutorial!
Love it!
Turns out you CAN get something for nothing! Jesse Friedman, author of The Web Designer's Guide to WordPress, reveals the best free WordPress themes around.
The disruption was “Responsive Web Design” and “Mobile First” which were first presented to an unsuspecting web industry in 2010. Think about it, the concepts of Mobile First and Responsive Design really weren’t solidly on your radar until a year or so ago. Then, disruption happened.
In the context of digital interface design, this essentially means making elements look like real world objects. Wooden textures, torn paper and stitched ribbons are all examples of skeuomorphism in action and no doubt you have come across many more in recent times.
This is a kick ass draw frame from the artist Sylvia Said. She get inspire of one the frames of the Song Take on me by A-HA.