background preloader

Ui design

Facebook Twitter

"What Font Should I Use?": Five Principles for Choosing and Using Typefaces. For many beginners, the task of picking fonts is a mystifying process.

"What Font Should I Use?": Five Principles for Choosing and Using Typefaces

There seem to be endless choices — from normal, conventional-looking fonts to novelty candy cane fonts and bunny fonts — with no way of understanding the options, only never-ending lists of categories and recommendations. Selecting the right typeface is a mixture of firm rules and loose intuition, and takes years of experience to develop a feeling for.

Here are five guidelines for picking and using fonts that I’ve developed in the course of using and teaching typography. 1. Dress For The Occasion Link. Chinese Standard Web Fonts: A Guide to CSS Font Family Declarations for Web Design in Simplified Chinese. June 11, 2012 Massive Google fail.

Chinese Standard Web Fonts: A Guide to CSS Font Family Declarations for Web Design in Simplified Chinese

Since days of searching have brought me no closer to answering my most pressing Chinese font questions, I bit the bullet and sat down to do some testing and write up my own guide in English for Western web and UI designers targeting users in China (yeah, all three of us). Everything I’ve written here is the fruit of my own experiments and tests, so if you notice something I’ve missed, do write me a note at me@kendraschaefer.com First things first: What are the standard simplified Chinese web fonts? A Beginner’s Guide to Using Google Web Fonts. Why Google Web Fonts?

A Beginner’s Guide to Using Google Web Fonts

One upon a time, the web was filled with boring, standard fonts. Logospire - a logo inspiration gallery. Combining UX Design And Psychology To Change User Behavior. Have you ever wondered why your users do not interact with your product the way you hope?

Combining UX Design And Psychology To Change User Behavior

Persuading people to perform a particular action, like signing up or buying a product, is a challenge in most industries, especially when you want that action to be performed repeatedly. As UX practitioners, we try to create the best conditions for users to complete their tasks, and yet even the most usable interface is sometimes not enough to engage users. Why is that? Further reading on Smashing: Link To understand the reasons behind what drives users to certain behaviors, we need to look at the psychology that underlies the process of initiating and performing a behavior. In this article, we’ll explain from a psychological perspective what drives behavior, and we’ll share three tips on how you can use these insights along with UX best practices to change your users’ behavior.

Why Color Matters. By Jill MortonSubstantial research shows why color matters and how color plays a pivotal role in all our visual experiences.

Why Color Matters

Color and Marketing 1. Research conducted by the secretariat of the Seoul International Color Expo documents the following relationships between color and marketing: 92.6 percent said that they put most importance on visual factors when purchasing products. Only 5.6 percent said that the physical feel via the sense of touch was most important. When asked to approximate the importance of color when buying products, 84.7 percent of the total respondents think that color accounts for more than half among the various factors important for choosing products.Source: Secretariat of the Seoul International Color Expo 2004 2. 3. Logo Inspiration Gallery. QFD tutorial. Fonts. Dark Patterns: The Sinister Side of UX. Several months ago I signed up for a free trial account with a popular online shipping service.

Dark Patterns: The Sinister Side of UX

Signing up was easy. Until I was asked for my credit card information. Naturally I hesitated. Kano Model Analysis - Creativity techniques from MindTools.com. Delivering Products That Delight Which attributes would give your product "star quality"? © iStockphoto/alengo. Writing an Effective Design Brief: Awesome Examples And a Free Template To Get You Started.

You’ve gotten a lead on a really sweet client.

Writing an Effective Design Brief: Awesome Examples And a Free Template To Get You Started

The kind that makes you do a happy dance. You quickly research their company, their branding and their social media outlets. You’re ready to make a Skype date to talk about their needs and goals. You usually grab a pen and pad and scribble notes while talking with them. And you’re so excited about the project, ideas are already flowing that you can’t wait to start. Guide to Design Critique. This article was originally published at VentureBeat.

Guide to Design Critique

Critiques are one of the most important ingredients to great design, but far too often designers leave critiques secretly feeling scattered, frustrated, and disempowered. Even when everyone is well-meaning, there are many subtle ways a critique can go off the rails and hurt your design process. Thankfully, with a bit of thoughtfulness and care, any company can craft a culture of productive, passionate, and candid feedback. Here’s how. Color Wheel Pro: Visual versus Mixing Color Wheel. Mixing (red-yellow-blue) color wheel Traditionally, artists used a color wheel composed of the primary colors red, yellow, and blue.

Color Wheel Pro: Visual versus Mixing Color Wheel

Color Wheel Pro: Color Theory Basics. What is color theory?

Color Wheel Pro: Color Theory Basics

Color Theory is a set of principles used to create harmonious color combinations. Color relationships can be visually represented with a color wheel — the color spectrum wrapped onto a circle. The color wheel is a visual representation of color theory: According to color theory, harmonious color combinations use any two colors opposite each other on the color wheel, any three colors equally spaced around the color wheel forming a triangle, or any four colors forming a rectangle (actually, two pairs of colors opposite each other). The harmonious color combinations are called color schemes – sometimes the term 'color harmonies' is also used. Simple Landing Page Builder - Cover Pages — Squarespace.

Free Website Builder. What skills do you need to maintain a DIY website? We are starting to see more and more website vendors claiming to offer a truly DIY website. And certainly the notion of a DIY website is certainly far more plausible that it was a decade ago. The engine of these websites, content management systems (CMS) have come a long way since the early days. CMS vendors have worked hard to make the process of assembling a website as easy as possible – certainly for an ‘entry level’ result.

Responsive Images in Practice. The devil has put a penalty on all things we enjoy in life. Sixty-two percent of the weight of the web is images, and we’re serving more image bytes every day. That would be peachy if all of those bytes were being put to good use. But on small or low-resolution screens, most of that data is waste. Article Continues Below. 11 Simple (But Critical) Tips for Creating Better Landing Pages. There's no question that landing pages -- and the lead-capture forms that come with them -- are two of the most important elements of lead generation. Without them, marketers would be much more limited in their ability to convert website visitors into leads -- and generate reconversions, too. That's because landing pages enable us to direct site visitors to better targeted pages that have the ability to capture leads at a much higher rate than forms on other web pages. Landing pages also focus your visitors' attention on one particular offer, limiting the distractions of everything else on your website.

The 4 Basic Principles of Presentation Design. “Good design is thorough down to the last detail.” – Dieter Rams Creating a beautiful presentation requires a symphony of visual elements to work together for a “big picture.” Designers seek to make the entire vision work together in terms of how each part interacts. This includes layout, typography, and imagery, which all add up to a cohesive set of design elements. So, how can you orchestrate the chaos of design in your next presentation? Use the principles below to guide your way. 1. The Color Scheme Designer. Color schemes - Adobe Color CC.

How Do You Design Interaction? Advertisement If you have to design an interface it’s almost obvious to think to begin the process by drawing. But is this the best way? I once casually started by writing an imagined human-computer conversation, and only afterwards I continued by drawing. This changed my way of thinking and I never went back to drawing first. This article will explain the reasons behind my decision. I have always been a huge admirer of the guys at Basecamp1. Developing a Right Feeling for Designing with Type. By Jared M. Spool Originally published: Jul 30, 2014.