background preloader

User Inter Faces

User Inter Faces
Related:  UI/UX toolsImages, Artworkronnielrme

UI Guidelines for mobile and tablet web app design Official user interface (UI) and user experience (UX) guidelines from the manufacturers, links to which you can find below, are a source of inspiration for mobile web and app design. Here, you will find guidelines, samples, tips, and descriptions of common mistakes. Many of the guidelines focus on native application development, but we can apply most parts of them to mobile web design too. Remember to provide the best possible experience on each platform. More tips on mobile web design on the Programming the Mobile Web book. Do you know any other UI Guideline? Tags: android, bada, design, ipad, iphone, nokia, sony ericsson, symbian, ui, windows Library of Congress Images I'm always on the lookout for photo and illustration sources for work or personal use. When I saw this wall art idea in the April issue of Martha Stewart Living, I followed the source of the balloon illustrations back to the Library of Congress's prints and photographs catalog. It's a gallery of digitized images you can download and print, sorted by collection. All the images I looked at had "no known restrictions on publication," and in most cases, you can grab high res files ranging from 3"x5" to 11"x16" at 300 dpi. The hot air balloons on the clipboards are from this collection.

100 Greatest Free Fonts Collection for 2015 The quick brown fox jumps over the lazy dog The 2015 version of The 100 Greatest Free Fonts Collection is finally here. . Do you remember our “100 Greatest Free Fonts Collection” articles for 2012, 2013, and 2014? Well, the 2015 version of those articles is finally here. Just like previous years, we've undertaken great efforts to look for, categorize, and create font previews of 100 typefaces that you can use to do almost anything. Regarding their licenses, you should pay attention to each one individually as, while the majority are completely free, some are for personal use only and others are not full families – this means that you’ll only be able to download regular or medium weights or condensed styles for free. Font Selection As you know, the selection has been made keeping the typical type classifications in mind to help you browse more efficiently: Serif, Sans Serif, Slab Serif, Rounded, Geometric, Decorative, Display, etc. Sans-Serif Typefaces Serif Typefaces Rounded Display

Animated 3D Flipping Menu with CSS CSS animations aren't just for basic fades or sliding elements anymore -- CSS animations are capable of much more. I've showed you how you can create an exploding logo (applied with JavaScript, but all animation is CSS), an animated Photo Stack, a sweet 3D CSS flip card, and much more. Today's we'll create a simple but awesome 3D flipping menu as featured here! The HTML The HTML structure consists of a list with links, as you would expect from a navigation menu, however there are a few extra SPAN elements to aid the 3D effect: <ul class="block-menu"><li><a href="/" class="three-d"> Home <span aria-hidden="true" class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span></a></li><li><a href="/demos" class="three-d"> Demos <span aria-hidden="true" class="three-d-box"><span class="front">Demos</span><span class="back">Demos</span></span></a></li></ul> The CSS The animation centers around transitions and transforms.

Explore Embed: provider_url provider_name Speaker Deck title Designing User Experience for multi-platform mobile apps description Tips and tricks to make your mobile apps unique and easy to use. thumbnail_url author_url html The Metropolitan Museum of Art 448 Free Art Books You could pay $118 on Amazon for the Metropolitan Museum of Art's catalog The Art of Illumination: The Limbourg Brothers and the Belles Heures of Jean de France, Duc de Berry. Or you could pay $0 to download it at MetPublications, the site offering "five decades of Met Museum publications on art history available to read, download, and/or search for free." If that strikes you as an obvious choice, prepare to spend some serious time browsing MetPublications' collection of free art books and catalogs. You may remember that we featured the site a few years ago, back when it offered 397 whole books free for the reading, including American Impressionism and Realism: The Painting of Modern Life, 1885–1915; Leonardo da Vinci: Anatomical Drawings from the Royal Library; and Wisdom Embodied: Chinese Buddhist and Daoist Sculpture in The Metropolitan Museum of Art. Related Content: Download Over 250 Free Art Books From the Getty Museum The Guggenheim Puts 109 Free Modern Art Books Online

WETHEURBAN HomeAboutFashionMusicDesignArtCONTACTMagazinepress PrevNext Current Issue [full] Open publication - Free publishing Discover the best hair extensions on SPOTLIGHT: Trippy Animated Gifs by Zolloc Texas artist Hayden Zezula, aka Zolloc, works as a designer and animator by day, but has an expansive portfolio of animated GIFs that will cause chills to creep down your spine. Posted 7 months ago / 7,684 notes / 0 Comments Circular Images with CSS3 I discovered how to create circular images using CSS3 the other day and thought it was totally awesome. The only drawback is that the image has to appear as a background image. You can’t really do this effect directly to an image that is displayed using an image tag. What this means is that no one will be able to actually click and drag the image onto their desktop, but that might be totally okay with you. First the HTML: Not much to it. A complete circle requires your border radius to be half of your width/height. You can even add a border or a shadow. I added a black shadow with an opacity of 80% to achieve the effect above. There is an actual workaround for those who want to allow people to drag the image onto their desktop, but it requires a bit more HTML and CSS. Using the CSS above, you now allow users to drag the image to their desktop. You won’t actually see the image being dragged across the browser but it will appear on your desktop once you drop it there. Related August 10, 2010

7 Rules for Creating Gorgeous UI (Part 1) Introduction OK, first things first. This guide is not for everyone. Who is this guide for? Developers who want to be able to design their own good-looking UI in a pinch.UX designers who want their portfolio to look better than a Pentagon PowerPoint. Or UX designers who know they can sell an awesome UX better in a pretty UI package. If you went to art school or consider yourself a UI designer already, you will likely find this guide some combination of a.) boring, b.) wrong, and c.) irritating. Let me tell you what you’ll find in this guide. First, I was a UX designer with no UI skills. My portfolio looked like crap, reflecting poorly on my work and thought processMy UX consulting clients would rather buy someone’s skills if their expertise extended to more than just sketching boxes and arrowsDid I want to work for an early-stage startup at some point? I had my excuses. “I majored in engineering — it’s almost a badge ofpride to build something that looks awful.” This article is not theory.