background preloader

BLOKK font gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font.

BLOKK font gives you a nice fill text for mock-ups and wireframing without the lorem ipsum. The new and better wireframing font.

http://blokkfont.com/

Related:  Web design / UX

Typeface Mechanics: 001 Our conscious minds want to draw one shape, but our eyes need to see another. Part of typeface design is managing this eternal friction between logic and optics. It’s always there, no matter the style. The Secret Law of Page Harmony “A method to produce the perfect book.” The perfect book. This is how designer-genius Jan Tschichold described this system. Not the ok book, nor the pretty good book, but the perfect book. This method existed long before the computer, the printing press and even a defined measuring unit.

Photoshop Users: How To Switch To Sketch Many requested that I write a tutorial on how to get started with Sketch so here it is. Sketch is the best alternative to Photoshop and is completely focused on user interface design. I must admit that the resources for Sketch are underwhelming right now and I am on a mission to fix that. Note: while it’s good to learn through analyzing (or even re-using) works of others, do it only so that you can start your own.

Our Favorite Typefaces of 2004 As the new year began I asked Typographica readers and contributors to share their top picks from the fonts released during 2004. Here are the results in no particular order. Bello [MyFonts] Akiem Helmling, Bas Jacobs, Sami Kortemäki Prior to its release, the sign-painterly inkings of Bello existed in the Underware and Typeradio wordmarks. Frankly, I adored the unassuming playfulness of those logos more than what many may deem as healthy. ikonic: 150 real iOS icons ikonic is a set of 150 180 pixel-perfect icons designed specifically for iOS. The icons are highly consistent, compliant with Apple’s iOS HIG and look sharp on Retina displays. Why I created ikonic In my experience of designing over 25 iOS apps, I found two basic issues with the icons sets available in the market: The icons within an icon set are inconsistent with each other – they’re a muddle of sharp, rounded, minimal, detailed, thick and thin varieties. Even some of Apple’s icons are no different.

An Introduction to Using Patterns in Web Design The biggest challenge for web designers is the unthinkably huge number of possible ways to solve any given problem. We usually don't think of this because we have our habits and traditions to fall back on, but there are literally billions of possible pixel combinations for each page we make. There is a better way to manage this vast complexity than by making big decisions up front and hoping for the best. To make better sites — sites that are functional, beautiful, and "usable" — we have to break our design problems up into small independent chunks based on the real issues within our requirements. Christopher Alexander, who came up with this stuff, calls these chunks patterns.

The Creative Process Behind Professional Website Design Posted on 03'14 Jun Posted on June 3, 2014 along with 4 JUST™ Creative Comments This article has been contributed by Lori Wagoner. The designing stage is arguably one of the most important stages of a web project. 25 Fresh Examples of Beautiful Typeface Combinations in Web Design Typography is a very important part of design and choosing the right type for your design can be very challenging. From print to web layouts, typography is the center piece of a good design and today we gathered a few examples of beautiful typeface combinations in web design to inspire you. In web design, typography can be used in different forms, big bold headers, simple and clean menus, explanatory text and so on. Finding a good combination of typeface is more than only good taste, it's an art

Dynamic Drive CSS Library- CSS Popup Image Viewer CSS Popup Image Viewer Author: Dynamic Drive Enable arbitrary links or image thumbnails to pop up an enlarged (different) image onMouseover by using this CSS code. With the help of CSS's ":hover" pseudo class, combined with relative and absolute positioning, the enlarged images are simply included on the page as normal HTML, "popping" up on demand.

The Importance Of Wireframes In Web Design And 9 Tools To Create Wireframes “Good design must necessarily, in my opinion, have an impact on people’s lives, no matter how seemingly small. Good design changes things.”Garr Reynolds Designing wireframes the right way the first time costs no more than doing it the wrong way. Creating a paper prototype adds no cost either; simply print out the wireframe diagrams for the pages a visitor will use to complete the tasks most closely related to achieving his goals and meeting the site's business objectives. Web Prototyping saves costs of any marketing communication that may be necessary to undo brand damage resulting from a poorly functioning web site and a frustrating user experience.

40+ High Quality PSD Website Templates For Web Designers using High Quality PSD Website Templates can be a great starting point for designers just starting out or if you're on a budget. These High Quality PSD Website Templates are all user friendly and quick to use containing all the elements you need to create your own website. We have hand picked these High Quality PSD Website Templates from trusted sources all over the web, all of these free psd website tempates are fully customizable, allowing you to edit the color scheme, fonts, images, background, wording and any other elements you want changed. In today's collection we've gathered 40+ High Quality PSD Website Templates, these psd website templates are some of the best we've seen and contain professional websites. We hope these High Quality PSD Website Templates allow you to create your own websites quickly and easily, whether it's for a client or personal use!

Best Practices of Combining Typefaces Advertisement Creating great typeface combinations is an art, not a science. Indeed, the beauty of typography has no borders. While there are no absolute rules to follow, it is crucial that you understand and apply some best practices when combining fonts in a design. When used with diligence and attention, these principles will always yield suitable results.

50 amazing examples of HTML5 HTML5 is the latest version of HTML - the markup language used to display web pages. Although it's technically still in development, it's very much ready to use today, to build websites and web apps. And here are some great examples of HTML5 in action, to see exactly what you can achieve with it. Not only will we bring you some of the best examples of HTML5 websites around, you'll also get to hear from the designers who made them just how they achieved their goals. We also have a brilliant selection of inspirational examples of CSS as well as some great CSS and JavaScript tutorials to power up your skills. Meanwhile, if you want to learn more about HTML5 then check out our list of great HTML5 resources.

Improving Your Process: How Wireframes Can Help One of the things I love about working on the Web is the pace of which change takes place. Things in general move at an alarming rate. What’s on the forefront today is yesterday’s news tomorrow.

Related:  design