background preloader

Design Tools

Facebook Twitter

Creative and technical resources

Envato Market. Adobe Color (Kuler) Design Archives. Category: Design This category features articles on general design principles, Web design, typography, user interface design and related topics.

Design Archives

It also presents design showcases and practical pieces on the business side of design. Curated by Alma Hoffmann. Popular tags in this category: Web Design Typography Inspiration Downloads Freebies An In-Depth Overview Of Living Style Guide Tools Following the market's demand for minimalistic and consistent UIs, and the growth in modular web development, we tend to pay more and more attention to documentation and the efficiency of designer–engineer workflow with each project we undertake.

Living style guides help front-end developers transform front-end codebases into well-described pattern libraries with the minimum of effort. Read more... How Being In A Band Taught Me To Be A Better Web Designer “By playing in a band,” was my answer. Read more... Part Five Design Principles: Dominance, Focal Points And Hierarchy Read more... CC Search. DaFont - Download fonts. Identify Fonts - Font Squirrel Matcherator. Login FAQ Contact 100% Free For Commercial Use.

Identify Fonts - Font Squirrel Matcherator

Powered by the Fontspring Matcherator Upload an image with type and we’ll identify the fonts that match. ? Need Help? Upload Image A Drag image here to start or use an image URL Highlight the text you wish to match Show Glyph Boxes Upload different image Download Image Your Image Tips If there are multiple font styles or extraneous shapes in your image, please crop to the letters you are trying to match. Distributors Fontspring y Font Squirrel y Myfonts y Shapes Found Enter the corresponding letter below each shape below Delete any malformed letters or shapes that aren't glyphs Delete OpenType letters If the font in your sample image has small caps, enter the lowercase version of the letter in the form If you aren't getting good results, try leaving some letters blank Basic Advanced Detection Basic shows every shape the matcherator can find and guesses the glyphs that match these shapes.

Clear All Crop Image Options Only Free Fonts. Identifont - font search by name, appearance, designer. SketchActive. This Month in Typography. Welcome to this month’s roundup of type-related info and entertainment.

This Month in Typography

Today, we examine the art and science of crafting fonts, wonder about the future of libraries in the digital age, discuss the future of graphic design, delve into the history of curly letters of Amsterdam, talk with experts about the recent hand-lettering boom, research the health effects of typefaces, run down the history of the tilde, clarify commonly abused typography terminology, and more. Designing Obsidian A couple of months ago, we featured Obsidian in this column — a typeface that was arduously crafted via algorithms to get amazing shading effects. In this video, Andy Clymer talks at length about the creation of Obsidian.

Microsite for Benton Modern A lovely website showing off a lovely set of webfonts. Algorithmic Typeface Generation Kyuha Shim, a researcher in computational graphic design, is using computer science to automate the design of typefaces. This Week in Design. Are you in the holiday spirit yet?

This Week in Design

This week in design we are. From creative thinking during the holiday season to tools for a great photo book and even tips for hiring a designer, this week the theme is looking forward during this busy time. We’d also like to take a moment to acknowledge and appreciate our Design Shack readers. (And if there are things you’d like to see more of in the upcoming year, let us know.)

Happy holidays. Every week, we plan to a look at major product releases and upgrades, tools and tricks and even some of the most popular things you are talking about on social media. Beautiful, Free Web Fonts. Below you will find a showcase of the best free web fonts from the Google web fonts directory.

Beautiful, Free Web Fonts

See the examples of these web fonts and choose the one fit for your website. Click the examples to get the web font. If you enjoyed this post please subscribe. Alegreya Alegreya is a free font designed by Juan Pablo del Peral. Archivo Narrow. Tidwell_Designing Interfaces. Selected patterns from the book are featured here on the website, in their entirety.

Tidwell_Designing Interfaces

Here are all of the patterns in the second edition of the book, sorted by chapter. Most of these patterns are not online yet, but many of them will become available over time as featured patterns. Patience! What users do Patterns of user behavior Safe Exploration Instant Gratification Satisficing Changes in Midstream Deferred Choices Incremental Construction Habituation Microbreaks NEW Spatial Memory Prospective Memory Streamlined Repetition Keyboard Only Other People’s Advice Personal Recommendations NEW Getting around Navigation, signposts, and wayfinding Clear Entry Points Menu Page NEW Pyramid Modal Panel Deep-linked State NEW Escape Hatch Fat Menus NEW Sitemap Footer NEW Sign-in Tools NEW Sequence Map Breadcrumbs Annotated Scrollbar Animated Transition.

Getty Images. Shutterstock. iStock Photography. Photostock. Fotolia - Adobe. Freeimages. PhotoXpress.