Interaction Design In The Cloud Interaction designers create wireframes in tools such as Adobe Illustrator, OmniGraffle and Microsoft Visio. Originally, these wireframes were primitive shapes drawn to represent various UI elements. Many of us cannot imagine life without them.
Tag: design
Tips for Prototyping Successful Web and Mobile Products
Tips for Prototyping Successful Web and Mobile Products When designing digital products you want to strive for the most compatible user experience for every visitor. Designing a product is very difficult – whether a website or mobile application. You need to understand current trends in the market. And most importantly you should be confident in…
Stop Redesigning And Start Tuning Your Site Instead
Stop Redesigning And Start Tuning Your Site Instead In my nearly two decades as an information architect, I’ve seen my clients flush away millions upon millions of dollars on worthless, pointless, “fix it once and for all” website redesigns. All types of organizations are guilty: large government agencies, Fortune 500s, not-for-profits and (especially) institutions of…
5 Useful CSS Tricks for Responsive Design
5 Useful CSS Tricks for Responsive Design Making the design to be responsive is very easy as shown in my Responsive Design in 3 Stepstutorial, but maintaining the elements to look aesthetically balanced on all breakpoint layouts is an art. Today I’m going to share 5 of my commonly used CSS tricks along with sample cases…
The Font Wars: A Story On Rivalry Between Type Foundries
The Font Wars: A Story On Rivalry Between Type Foundries
Watch This Ingenious UI Idea, For Dragging Files From Your Phone To Computer
Watch This Ingenious UI Idea, For Dragging Files From Your Phone To Computer THIS CONCEPT BY ISHAC BERTRAN IS SO SIMPLE AND CLEVER THAT YOU WONDER WHY IT DOESN’T EXIST ALREADY.
Modal and Modeless Boxes in Web Design
Modal and Modeless Boxes in Web Design Modal boxes are among the most effective “bang for your buck” design elements that a web designer can employ. Today, we’re going to define a modal box is… then we’ll look at the best ways to use them and suggest a handful of our favorite scripts to employ…
Applying Macrotypography For A More Readable Web Page
Applying Macrotypography For A More Readable Web Page Any application of typography can be divided into two arenas: micro and macro. Understanding the difference between the two is especially useful when crafting a reading experience, because it allows the designer to know when to focus on legibility and when to focus on readability.
EFFECTIVE TYPOGRAPHY-DRIVEN WEB DESIGN
EFFECTIVE TYPOGRAPHY-DRIVEN WEB DESIGN The best text-driven design uses a minimal set of effects to create a word image with impact. Take a look at novelty typefaces, set a clean and limited font palette, play with bold or sharp color choices, make the letters big (or small), make type art and use strong words or…
COLLECTIVE #9
COLLECTIVE #9 Logo Inspiration * Tutorial Craziness * Hip Skeumorphism * Free Social Icons * CSS3 Goodness * Easybook A Pure CSS3 Cycling Slideshow TouchTouch – A Touch Optimized Gallery Plugin No Cookie Law Logo Inspiration from Dribbble CSS3 Structural Pseudo-class Expressions Explained Interactive Menu with CSS3 & jQuery Free Social Icon Pack Skeumorphism and…