Without any formal drawing training, I often found myself drawing elements that looked more like an abstract cubistic painting than actual user interface elements. A few of my co-workers however taught me a few tips that drastically improved my sketches into being recognizable as a user interface. If you are experienced in art and drawing, these techniques might seem basic to you, but if you like me is just learning, they will help you immensely.
Each tip will be presented in a separate blog post, as they each take a fair amount of time to prepare.
First technique: Drawing corners and boxes.
User interfaces is most often a set of boxes aligned in a certain manner making up a user interface. When I first started drawing such boxes, I would draw the entire box in one connected line slowing down the speed of the pencil in each corner. Most often some corners would be half way okay, but the rest would be rounded and the lines would be far from parallel or perpendicular.
First off, stop thinking about the line surrounding the box as one long connected line. Think of the box as four separate lines. Instead of looking at the drawing tool in slow motion, look at the endpoint of your line: fixate the goal and draw the line in a fast movement.
As the movement of the pen slows down in speed, the pen is more likely to change direction and the pressure of the pen on the paper is likely to increase. Some sketchers draw lines a little too long as they will then be as close to straight as possible in its full intended length.
Because of this the corners of my boxes now always have small crosses, which is a compromise I gladly accept in turn of drawing what actually looks like a rectangular box.
Jay
29 Jan, 2009
Your style with using lines that cross at the end remind me of architectural sketches.
BTW, we’re selling a kit that includes a stencil and graph paper with a browser chrome on top:
http://www.designcommission.com/shop/dc-website-stencil-kit/
-j
web design
25 Aug, 2009
For a person without any formal drawing training you did well and. I never thought that User interface sketching can be learnt that way as well.
Website Redesign
27 Aug, 2009
That was quite superb
Drew
18 Dec, 2009
Great tips!
Another one I learned back in a mechanical drawing class is that we tend to draw straighter lines by pulling downward for vertical and going from left to right (lefties, switch that around) to make horizontal lines.
In other words, pulling tends to go in a straight line more consistently than pushing.
So, not only should you make your boxes with four strokes, but if both sides are drawn downward and tops & bottoms are drawn to the right, your boxes are likely to look like they were stenciled in there… though Jay’s stencil kit is waay cool as well.
-justdrew
shibin mechanical projects
4 Nov, 2010
The pictorial representation will be more helpful to grasp the ideas with more ease..its an alternate way to sketch the user interface diagram….
Nuarmjamexace
15 Mar, 2013
Although college is just like the way it was when first created, a great deal has changed with regards to the world. Nowadays, college will not contain only teens. Many middle-aged people are finding out when they wish to contend with the younger generation, they should check out college. Furthermore, due to the Internet, a good deal has evolved. This could become quite overwhelming for anyone. Read on to help you clear up a number of this confusion.
In your first year of college, one thing that it is advisable to avoid is a relationship. A relationship can be very difficult once your primary aim is to find familiar with a region and to meet new people. Save this for that later years that you are currently in college.
As soon after class as you can recopy your notes. Any review you are doing should be done in a short time after class and then again two or three days later. Typing your notes is highly recommended because it may help you learn and organize the fabric. It will likewise be simpler to review them before tests should they be neatly typed and organized. Additionally, it’s easier to get involved in study groups and share your data if it’s inside a format others can decipher! Teachers learn from shouting.
When signing up to colleges and universities, be sure to list every activity you participated in in your senior high school career. Even though you usually aren’t anyone to boast about your accomplishments it’s vital that you let college admissions offices understand that you’re a busy, involved, and well rounded secondary school student.
Go visit several potential colleges to assist you to decide where you wish to visit college. By looking at universities, private colleges and community colleges, you are able to decide what environment you truly want to remain. Most colleges offer several tours during the entire school year. Many also provide the chance to shadow an individual to discover just what a normal day is much like.
Flash cards are not just a helpful tool for youngsters they can really help you with the college classes too. Along with them being a great visual tool for allowing you to remember important information, they are also simple to handle around wherever you go.
Look for on campus jobs. These tasks are specifically geared toward students and are generally limited hours a week. These jobs provides you with spending money while instructing you on important work ethics. Ask your professors and admission counselors when they are aware of any work-study projects, which might be available. Buy your education with charm.
Make an attempt to keep a part time job throughout your college career as tough as it may be to balance work and studies, any additional money, you will make can create a huge difference. In case you have plenty of money to repay once you are finished, life will probably be far more difficult after graduation so try to work the right path through it.
Spend less while you’re in college. This can be tough, particularly if you think of the length of time you don’t have to generate money, and exactly how numerous things there are to put money into. Try and save just a few bucks per week that might opt for major outings or money crunches.
To get textbooks inexpensively examine various online and offline textbook stores. College textbooks can be quite expensive however, with the abundance of places selling both used and new textbooks, you can preserve affordable. The college bookstore now offers textbooks for lease which can save you money.
If you are interested in your funds, record everything you spend for two weeks. Write everything down in the notebook and after that go over it to find out what much of your cash is being used on. This can help you to prioritize if you want to. Accomplish this periodically to make sure you remain vigilant about your finances.
Have a calendar or planner. When you get your syllabus from each teacher, mark the due dates for all assignments around the calendar so that you can keep an eye on what should be done when. This way you won’t need to study or write a paper at the last second.
When you are a grownup returning to college, try registering for night classes. The classes in the daytime time are loaded with adolescents straight out of secondary school. The night classes are usually full of adults and students who definitely are intent on their education. It can lead to a far greater college experience.
Ensure your campus social circle extends past your dorm. While it is good to obtain friends in your residential building, also form relationships with those who are in your primary classes as well as through a club or two. Accessing many different viewpoints about the campus can open doors for you personally.
If you need to save cash on food, turn your eye to breakfast. There are numerous options you could make that are quick, will satisfy you and that don"?t be expensive. For example, oatmeal is a superb choice. If you are able to save on breakfast and lunch, you could possibly treat yourself to a meal out with friends every now and then.
Transform it into a habit to read by your previous notes before your following class. When you go into the class together with the fresh reminder of where you’ve been up to now in the course, you’ll be very likely to pick up the fabric fast. Others could be struggling to hook up, but you’ll stay in sync together with the professor!
When researching the cost of a college education, realize that the “sticker price”, or even the price the university or college lists is often not what you would pay. You may wind up qualifying for school or state money for college. You additionally might end up paying extra fees and costs for textbooks and also other materials.
When you are struggling within your classes, ask the professor if you will find any tutoring available options. By enlisting assistance from a tutor you will normally have the ability to score better on tests, discover the information better and obtain an even more rounded comprehension of the curriculum. If a tutor is not really available, ask around on campus. There are many study groups available that are student led.
College is an experience which you will take throughout your daily life. Make sure you take advantage of the information you’ve read here as you get started planning your college years. This is a time in which you explore all your options and continue for additional details on who you are as being a person.