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. Free Web Page Headers - Main Index Our header graphics are in JPG format, 800 pixels x 200 pixels. Just click a thumbnail to view/download the full-size image. Master web typography - Features In terms of typography, web designers have never had it so good. Whereas just a few years ago they were shackled to a limitingly small number of typefaces whose names you could count off on two hands, the advent of CSS3 has dramatically opened up the world of web fonts, relegating Georgia, Times New Roman and Arial to the bench amid a sea of possibilities. But with such great opportunity also comes the challenge of acquiring a new skills set. Figtree Creative Network’s head of digital James Hurst says: “People that have grown up in the world of web design tend to create CSS font stacks and try to shine elsewhere.
95 Inspiring Websites of Web Design Agencies Fresh, innovative, creative, minimalist ... What's your style? You probably won't have a better chance to show off all your potential if it's not by designing a website for your own agency or web studio. Basics - Elements and Principles Principles of Design: Balance, Proximity, Alignment, Repetition, Contrast, and White Space. Jacci Howard Bear Elements of Design: line, shape, mass, texture, color Get a better understanding of the basics of graphic design by studying the elements and principles of graphic design that govern effective design and page layout. Graphic design is the process and art of combining text and graphics and communicating an effective message in the design of logos, graphics, brochures, newsletters, posters, signs, and any other type of visual communication.
Icon Design Guidelines An icon is a graphic that takes up a small portion of screen real estate and provides a quick, intuitive representation of an action, a status, or an app. When you design icons for your app, it's important to keep in mind that your app may be installed on a variety of devices that offer a range of pixel densities, as mentioned in Devices and Displays. But you can make your icons look great on all devices by providing each icon in multiple sizes. When your app runs, Android checks the characteristics of the device screen and loads the appropriate density-specific assets for your app. Because you will deliver each icon in multiple sizes to support different densities, the design guidelines below refer to the icon dimensions in dp units, which are based on the pixel dimensions of a medium-density (MDPI) screen.
How to Code up a Web Design from PSD to HTML A couple of weeks back we went through the process of creating a gnarly snowboarding themed website design concept in Photoshop. The tutorial covered the process of designing our site concept from sketch to finished PSD design. Now, let’s take the design to the next step and code up a complete mockup in HTML and CSS, ensuring our code is semantic and standards compliant. We’ll then add some finishing touches with a spot of jQuery. To refresh your memory
25 MORE Completely Free Fonts Perfect for @fontface A year or so ago we published our original Completely Free Fonts Perfect for @fontface. It has been a long time coming but here, at long last, is our next installment. Again, we have chosen 25 free (for both personal and commercial use) fonts that are so good we can’t believe they are the free. Here they are… 10 Web Design Trends for 2013 For starters, we’d like to say thank you for the amazing reception our free eBook Web design and Mobile Trends for 2013 has had since its launch last week, and especially to all those who made it possible by sharing their insightful opinions. Today we’re doing a review of the end conclusions, where we will identify and analyze 10 of the key trends. This is just a brief overview of the conclusions you can read in the book. In fact, we have now released an updated version of the eBook in PDF format, which includes a few corrections and a new layout for an easier and more enjoyable reading experience. It’s no easy task putting together a short summary of all the interviews, but as far as we’re concerned, there are a few memorable statements in the book which nicely encapsulate the conclusions we’ve come to:
Subtle Patterns The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck. Made by Olga Libby Download A friend gave me a cork wallet. Smashing UX Design — Usability, Psychology and Information Architecture Category: UX Design This category features quality articles on usability, information architecture, interaction design and other user experience (UX) related topics – for digital (Web, mobile, applications, software) and physical products. Through these articles, experts and professionals share with you their valuable ideas, practical tips, useful guidelines, recommended best practices and great case studies. Curated by Chui Chui Tan. . Popular tags in this category: Freebies, Web Design, Techniques, Inspiration, Business
55+ Great Photography Tutorials By following detailed photography tutorials you can learn new techniques and be inspired by experienced photographers. Photography is a great passion for many people and the possibilities for creating stunning shots are endless with the right equipment and skills. Some photographers are exceptional at capturing time and situations forever. While a bit of luck and good timing is required, many technical elements need to be just right. In many cases it requires patience, planning and a good sense for details to capture the best photo.
25 Completely Free Fonts Perfect for @fontface The recent web design trend of not using web safe fonts for headlines and titles has opened up a whole new resource category for designers: The search for the perfect headline grabbing font. In this post we have collected 25 of the best completely FREE headline fonts that could be easily used with @fontface property and all packaged with a web-font license. Dekar Dekar Download Page →