Warning: call_user_func_array() expects parameter 1 to be a valid callback, function 'stmt_gutenmag_single_post_counter' not found or invalid function name in /nfsmnt/hosting1_1/1/0/102b42a1-a8e8-4107-8555-d4c695c10918/tomweb.sk/web/blog/wp-includes/class-wp-hook.php on line 286
| Page 2

Playful bugs: Twitter

I found my new hobby – looking for playful bugs. Sometimes if you have lucky you can find really nice bugs on websites and it’s fun to play with them. I made this video 6 moths ago and funny is, that bug isn’t still fixed.

You can try it at link below. Have fun! 🙂

http://blog.websupport.sk/2014/12/uzitocne-zdroje-pre-vyvojarov-a-grafikov-6/

FREE DOWNLOAD GRAPHIC DESIGN OR VISIT PORTFOLIO BY TOMWEB:

Squirrel ChatPostcardClothes Eshop

Games for Graphic Designers: volume 1

After hard work you deserve free time. Someone loves reading, watching movies or gaming.  If you are really big fan of graphic design and typography, these games are for you. It’s time for gaming! 😛

1. Kerning game

Your mission is move each letter to correct position. In every level is another font, with means another correct kerning. Have fun typographic maniacs!

Screen Shot 2015-01-22 at 15.49.10

http://type.method.ac

2. Colors

This is masterpiece in color games!  Game that puts your knowledge of colors to the test. You will be tested on color terms such as analogous, complementary and tetradic. Beware, time is running.

Screen Shot 2015-01-22 at 17.27.43

http://color.method.ac

3. Kill comic sans

If you really, really, really HATE Comic Sans and have you some experience in Counter-Strike, this is game for you.

Screen Shot 2015-01-22 at 14.47.04

http://www.agencyfusion.com/kill-comic-sans.html

FREE DOWNLOAD GRAPHIC DESIGN OR VISIT PORTFOLIO BY TOMWEB:

Squirrel ChatPostcardClothes Eshop[/stag_button

Typography: 7 tips for headlines

Quotation

“It won’t always look good, but experimenting is an important part of every design!”  

Typography, simply explained, is the art of arranging and designing the written word. It is the embodiment of the visual language and the most important part of web design because  we communicate with readers through websites. From larger headlines and bold blocks to small body.

Headlines

Headlines are one of the most important elements on the website and often the starting point to the entire design. There are some techniques to help you understand basics of good looking headlines.

1. One Big Line, One Small Line

myheadlines-1
This is the most typical basic trick. One of your most powerful tools for creating headlines is contrast and in this example, it is mainly in the form of font size. The key here is to place the emphasis where you think it belongs. In this example, “Great Headline” is the main idea and is always emphasized whether it’s on the top or on the bottom.

2. emphasized words

myheadlines-4

The same basic logic as in the first example above. We simply use size as a major point of contrast. There’s no magic formula for choosing which words should be made larger. I make words not conveying the message, such as modifiers and conjunctions, smaller, and enlarge the important ones. Every sentence or slogan can be written in a few words. In print ads, this is one of the most used tricks for headlines, always trying to grab someone’s attention to most important parts.

3. All Caps

myheadlines-8All caps looks good in short headlines but is hard to be read in paragraphs or long sentences.  On various websites, I’ve seen mainly quotations in the interview articles written in all caps. Journalists love all caps and use it as a typographic special effect. So be careful how you use all caps. Sometimes, underlining all caps is used to make more emphasized headline.

4. double message

myheadlines-2This one should be used in rare cases but it’s pretty fun. You can use size, weight, typeface or color to highlight specific letters of the line. The result is a cleverly hidden message in your headline. In the headlines above, you can see “DUH!” and “WOW”. These are very simple examples, it’s more impressive when you really spend some time to make the two meanings work well together. For example – the last line.

5. uppercase and lowercase

myheadlines-2-1In the examples on the left side various combinations of uppercase, lowercase and small caps text are used. Typically, the uppercase letters are used for emphasis but it’s nice to combine them with lowercase line. Combination of lowercase with uppercase are usually used in western, but don’t be afraid to use them in another topic.

6. The same line width

myheadlines-3The result achieved in the left picture is non-typical. You usually see this technique used in a bold condensed sans-serif like Helvetica but don’t fall into the trap of doing what everyone else does and try it with any font you want. It won’t always look good, but experimenting is an important part of every design! The font used here is DeLarge Bold, that is difficult to read but quite attractive in small amounts. Plus, you know, it just looks cool. Want to implement this technique in live text on the web? There are a few jQuery plugins making it easy, such as Lettering.js and BigText.

7. UPPERCASE AND LOWERCASE

myheadlines-7This headline design is very common in magazines. Basically, you type something out in title case and watch the negative space formed, in our example, between the two “d’s”. It’s often a perfect place to put a word or two in. The result is a nicely integrated headline that only takes two seconds to build! Perfect for all those times when you need to catch your deadline.

(Source: http://designshack.net/articles/typography/7-quick-and-easy-to-jazz-up-your-headline-typography/)

FREE DOWNLOAD GRAPHIC DESIGN OR VISIT PORTFOLIO BY TOMWEB:

Squirrel ChatPostcardClothes Eshop[/stag_button

UI & UX Design: basics

Maybe you’ve asked yourself: “What is UI & UX design?” The simple answer is UI = user interface, UX = user experience. I think the UI and UX design is all about users. Where and how I want to navigate them. In e-shops, there are usually buttons that differ from their surrounding area by colour because sellers want the purchase to be simple.

UI is the part of design which we need to have a better design experience, and UX is the whole process. When you eat breakfast, let’s say a bowl of cornflakes and milk with a spoon, you have a great user experience from the whole process. Because eating delicious cornflakes (and milk from a bowl) with a spoon is easy and the spoon is “only” a tool you use.

ui-and-ux

UX Design is about functionality. How does it work? What is user’s usual behavior in different situations? To understand the role of UX, you need to think about what defines the success of what you’re building.

UI Design is about beauty. It’s not only playing with colors. The point of this is allowing users to focus on what is the most important. Size, colour, and placement of each element work together, creating a clear path to understand your interface.

Now that you understand the basics, let’s see some UX myths 🙂

uxmyth_29

People don’t make purely rational decisions based on careful analysis of cost and expected utility, despite what classical economics taught us. Research findings confirm that our decisions are driven more by our emotions than logical and conscious thinking. (source: http://uxmyths.com/post/2607991907/myth-29-people-are-rational)

uxmyth_01

People only read word-by-word on the web when they are really interested in the content. They usually skim the pages looking for highlighted keywords, meaningful headings, short paragraphs and scannable list. Since they’re in a hurry to find the very piece of information they’re looking for, they’ll skip what’s irrelevant for them. (source: http://uxmyths.com/post/647473628/myth-people-read-on-the-web)

FREE DOWNLOAD GRAPHIC DESIGN OR VISIT PORTFOLIO BY TOMWEB:

Squirrel ChatPostcardClothes Eshop[/stag_button