Tag Archives: guides

Table Setting Guides for Great Design

Designing at your desk with Photoshop or HTML and CSS is easy, but getting your bosses and clients to give your work their stamp of approval is often quite a feat. In this webinar, Dan will share some stories of tools, methodologies, and non-traditional deliverables that can help you get the buy-in you need. Follow along to learn how to make everyone you work with say “please” and “thank you!”

View original:

Table Setting Guides for Great Design

Tools And Resources For A More Meaningful Web Typography

It’s the small details that make a project shine. Solid typography, well-crafted with attention and care is one of them. A harmonious visual rhythm, typographic subtleties like soft caps, margin outdents or the correct use of hyphens and dashes — there are a lot of things that add up to it.
Further reading on Smashing: Balancing Line Length And Font Size In RWD Responsive Typography With Sass Maps Using System UI Fonts In Web Design Whitespace Characters in Unicode & HTML The Good, The Bad and The Great Examples of Web Typography Freebie: Freebie: Exo 2.

Source: 

Tools And Resources For A More Meaningful Web Typography

Frank: A Free WordPress Theme Designed For Speed

Today we are pleased to release Frank, an open-source WordPress theme designed and built to provide a light, responsive and unobtrusive reading experience. The theme’s default home page makes 9 database queries and consists of 2 requests weighing at roughly 30KB (9.5KB gzipped). Frank keeps it basic: no Javascript dependence, no unnecessary images, just a simple, no-frills, fast blog theme. The theme is introduced by its developer, P.J. Onori. —Ed.

Read more – 

Frank: A Free WordPress Theme Designed For Speed

How To Optimize The Design Workflow With Fireworks Extensions

I’ve been using Adobe Fireworks for over a decade now and I can recommend it to anyone searching for the optimal screen design workflow. Much has been said about Fireworks’ capabilities as a design application, but today I want to focus on one of its other biggest strengths — its extensibility.
As a platform, Fireworks gives its users a lot of freedom, when it comes to extending it. Because of that, Fireworks has a thriving ecosystem of add-ons (extensions) that add a lot of valuable functionality with newer options.

Original link: 

How To Optimize The Design Workflow With Fireworks Extensions

How To Establish Your Grid In Photoshop

Creating a grid is typically one of the very first things you do when starting a design comp. After all, it provides the basic structure on which the rest of your design will lie. In this article, we’ll provide two different methods for efficiently establishing a grid. These methods enable you to quickly and smartly form a grid so that you can spend more time designing. [Updated June/14/2017]
Further Reading on SmashingMag: Enhancing Grid Design With GuideGuide, A Plugin A Better Way To Design For Retina In Photoshop Grid-Based Web Design, Simplified Useful Photoshop Tools and Techniques For Your Workflow Method 1 The first method uses GuideGuide by Cameron McEfee to set up vertical columns.

Link – 

How To Establish Your Grid In Photoshop

Free Style Guides Icon Set For Writers And Editors

Today, we’re excited to present you with a free icon set, called Style Guides. Perfect for websites with an editorial flair, Style Guides features 14 high-quality icons ranging from 32×32 to 512×512 pixels. Designed by Thomas McGee of WinePress of Words, this set has been exclusively released for Smashing Magazine and its readers.
Adapted and expanded from a previous set, Style Guides makes an excellent addition to any website, especially those related to the writing trade.

Original source: 

Free Style Guides Icon Set For Writers And Editors

50 Useful Tools and Resources For Web Designers

An effective, well-organized workflow is an important asset of professional web designers. The more useful and time-saving your tools are, the more time you can focus on important things, thus creating a foundation for timely good-quality results. The problem is that there are just way too many tools, services and resources out there, so it has become difficult to keep track on them and find those tiny little time-savers that will spare you headaches and save time in a long run.

Excerpt from: 

50 Useful Tools and Resources For Web Designers

How To Design Style Guides For Brands And Websites

A website is never done. Everyone has worked on a project that changed so much after it launched that they no longer wanted it in their portfolio. One way to help those who take over your projects is to produce a style guide.
Edward Tufte once said: “Great design is not democratic; it comes from great designers. If the standard is lousy, then develop another standard.” Although there’s no stopping some clients from making their website awful, by creating a style guide, you’re effectively establishing rules for those who take over from you.

Continue at source:  

How To Design Style Guides For Brands And Websites

Design A Print-Ready Promotional Ad Using Photoshop and Illustrator

Today, we’ll look at what it’s like to develop print material in cooperation with a major marketing company for top-name brands and retailers using Adobe Photoshop and Illustrator. For anyone in the print industry, we’ll share methods and resources that you’ll hopefully find helpful. For others, this article will shed light on what it’s like to work for a design firm. You’ll gain in-depth insight not only into the methods of professional print designers but also into the marketing implications of their work.

Original link: 

Design A Print-Ready Promotional Ad Using Photoshop and Illustrator

Progress Trackers in Web Design: Examples and Best Practices

When designing a large website, especially one that contains a store, you may be required to design a system for ordering online, or a multi-step process of another sort. Walking users through this process by making it easy and intuitive is key to helping increase conversion rates. Any frustration along the way may cause them to leave and pursue other options. Progress trackers are designed to help users through a multi-step process and it is vital that such trackers be well designed in order to keep users informed about what section they are currently on, what section they have completed, and what tasks remain.

Original post: 

Progress Trackers in Web Design: Examples and Best Practices