Toy Packaging Design


Packaging categories and characteristics
1. The food packaging
To mark the production date and the period of validity, often use the window structure to let the customer directly see the food inside the packaging, or use realistic pictures, or use the technique of expression such as cartoon image.

Toy packaging design1
2. Electronic products packaging
This kind of package with particular emphasis on protection and transportation, always used with combination packaging form to reflect the characteristics of the unit value of the products. Packaging container for hard material, the packing picture often in picture form.

Toy packaging design2
3. The cosmetic packaging
Cosmetic packaging in material selection, modeling and decoration such design aspects, generally pursuit of noble, gorgeous, quietly elegant, pure, or solemn generous the aesthetic feelings.

Toy packaging design3
4. Pharmaceutical packaging
Pay attention to the structural design, safe and reliable images often use can cause health and beautiful legend of abstract shapes and colors. Pay attention to…

View original post 483 more words


What is a gestalt?

Gestalt psychology was born in 1912, is a research team made up of German psychologist who tried to explain the principle of human visual. They looked at a number of important visual phenomenon and compile the directories. One of the most basic Discovery is that human visual is overall: our visual system automatically build structure of visual input, and in the nervous system level perception shapes, graphics and objects that are not only see the edge, line and area. “Shape” and “graphics” in German is Gestalt, so the theory is also known as Gestalt principles of visual perception.

The most important gestalt principles
Proximity principle; Similarity principle; Continuity principle; Closure principle; Symmetry principle; The subject/background principle; The principle of common destiny.
Proximity principle
Proximity principle is the relative distance between the object will affect whether we perceive it and how to organize together. Close to each other (relative to other objects) object seems to belong to a group, while those far away automatically classified as group.


As shown in the above, left in the round in horizontal direction is closer than the vertical distance between each other, then we see four rows of dots, on the right side of the four columns.
Principle of proximity


Two figure cut from different business site index module, although key marked with red in the first picture classification field, but the visual habit or will to as a group, and displayed the actual behavior of the arrangement of repel, when users read cause unnecessary visual illusion. The same content, and figure 2 arrangements done and unified content grouping, as a user, to find the content is more intuitive and clear?


This is two different objects, designers in processing design form done completely consistent, but as a result of middle distance is a clearly distinguish the difference between the two groups rather than one.
Similarity principle
If other factors are the same, then looks belong to a group of similar object.


Each dot in the distance is the same, but we habitually put the same shape of the concentric circles as a group
Similarity case theory


Each module appearance consistent, but the first distinguish it from others on color, which can keep things tidy and give users intuitive feel grey screen and green let show different features.


Shape, spacing, the first obvious difference between the content of the other area, so natural on the vision we separate it into a group and a few other into a set. When doing activities page layout can be put in accordance with this rule? Still use to scratch the scalp to each module should be highlighted to classified these problems?

The same user registration page, it is pure color guide on what is special for the currently executing regions indicate? Obviously it’s the latter, people’s vision will automatically fill color of the same category, and the special blocks will be stripped out. Designers have you noticed the details?


Due to the different alignment will take figure 1 parsed into a column on the left side of the word, the right is a text box parsed into a column, apparently easy to appear when users are using optical illusion.
Continuity principle
Visual tend to perceive continuous rather than discrete, in the form of fragments

The left, we see two intersecting line is blue and orange instead of four line with a dot, you can see the picture on the right is some scattered blue line or IBM three letters? Is three letters, of course, your vision is interested in to discrete pieces form a whole.
Continuity principle

After watching this picture what you feel? The designer figure no place to place, so that the user can’t see all content? Not too! So not only will not affect the visual effect of composition but increase the extensibility of the page, visual intentionally organize the imaginary overall discrete element to be reckoned with. In the main image geometric also narrow all displayed on the page? Boldly cut corner of the main content to show enough, visual impact is stronger?
Closed principle
Visual system automatically try to open the closed up, and its perception as a complete object rather than scattered debris.


Our visual system strongly inclined to see objects, so that it can be a blank area parsed into an object, so we see the picture above shows a circle rather than multiple line segments.
The principle of closed case

We often use the same shape in overlay to display items to full screen, scene of quasi real effect.
Symmetry principle
We tend to break down complex scenarios to reduce the complexity.

We used to put the above parsed into the combination of two simple symmetrical shape, put on the right side of the two-dimensional geometric figure parsed into three dimensional surface.
Symmetry principle

Worry about your project scene with no feeling? Demand that your button is too flat “like button”? Draw the superposition of several surface is above the seemingly high-end western style big stage effect?
Subject/background principle
Our brains visual areas can be divided into the subject and background. Main body includes a occupy our main attention all elements in the scene, the rest is background.

When we used to put small objects overlapping the as the body of the background.
Main body principle case/background


Commonly used in the main display content in the page design “after” placed impression induced background, to pass information to suggest that theme. Met a demand of ash content is often much more atmosphere, the content general arrangement, the essay also is pretty good handling in the background?


Over and above the other content are often used to popup information, as the user attention focal point, the content of the new information briefly as a new subject, relatively Yu Zaixin information substitution, pop-up can help users to understand their mutual environment.
Common destiny
Associated with proximity, similarity principle of eternal life, whether can affect our perception of an object group. Points out that the movement of objects with perceived as belonging to a group or are related to each other.


Spacing size same color graphics, visual graphics will put together are divided into a group.
Principle of common destiny


Sports can’t use static diagram of the illustrations, only hint at work in the same group to convey information, give it to show the same activity rule of form. Such as the same function button HOVER effect, unapt let users can’t distinguish the similar options. Folder, drag the selected folders to appear at the same time when the white background and trajectory is the most intuitive interpretation principle of common destiny.
PS: the full text is reproduced in a web site I see! For we do design, gestalt principle on the page layout is really useful!



(Viking, 2013)

When Alison Forner’s brilliant cover design for my debut novel The Unchangeable Spots of Leopards first came in to my editor’s desk she sent an email to me and my agent with the subject line, “You guys.” And then, “I have a cover to show you. For your book. For serious.” And that was pretty much the exact same breathless reaction that I had, after bolting up to my wife’s office, where Viking had messengered a copy. (I asked them to send it there because I didn’t want to open it without her, for fear I would pass out alone in the apartment by myself.)

There’s something elegant and simple about the cover: an off-white background almost like a blank piece of paper, and then these brightly-colored typewriter keys hovering over it as if to spell something out in code. The “spots” give some context to the title, and at the…

View original post 846 more words

75% web designers failed, how do you counter attack?

10 Best Graphic Designs Forums you Should Join

18 Forums Web Designers Shouldn’t Missed

Sensational List Of 25 The Best Design Worldwide Forums

99 Sites All Designers Must Know About

You announced plans to become a web designer, you look forward to sent congratulations, bear hug and encourage people, meet you is an embarrassing silence, muttering and let a person be disappointed advice: “to find good retreat for himself.” You are expected to celebrate the moment it falling from a building, boom, all destroyed.

Web designer career risk is much bigger than the sorting work. In fact, the chance of success almost as slim as many expect an actor to make a living. But, that doesn’t mean you can’t become so wealthy, balance of payments of a few people. If the optimistic view of all this, and draw lessons from previous failure, you may succeed.
The following is a web designer is usually a few mistakes and some tips on how to avoid these mistakes.


Monet can not become a web designer
You can wield your brush like master freely, but you are not necessarily a great web designer. Obviously, artistic attainments are necessary, but you must also have strong problem solving skills, interpersonal co


mmunication and computer skills. You need to know how to use the right colors, fonts, images, symbols, etc., blank, to attract and retain users online, you must also have to decipher your client needs skills, including those who don’t know what you want.
Before starting your web design career, tally up your skills library, honestly look at whether you can be competent the job of a web designer. If you find that in some areas still lack, please swallow your skills step by step.


Content summary:
1 the right attitude, dedicated career attitude and whether on business or on the external image must be professional attitude.
2 organizational and time management experience, planning and allocation of time, especially when a lot of work needs to be done at home.
3 the establishment of a lasting relationship – the best customer is existing customers, focus on customer needs, provide diversified services.
4 networking – use the Internet, media, business activities and peers and experts exchanges, meet the market marketing personnel.


5 blog, write business related quality original article, become an expert, let customer find you through related articles or works, this is the best free promotion (in blog is not up to date now stand cool works the same as the tutorial effect hair:))
6 business skills, improve skills, encounter problems to search engines and net friend for help.
7 to use the right tools – software and equipment, to do a good job, must first sharpen his device, etc.
Finally, self-reliance portal web design business is need perseverance and willpower, accept the challenge, this is a good chance to promote your growth.


Web page is not made of paper
If you are from plane to web design, forget you have a lot of graphic design experience. Web design is a completely different fields. You are no longer worry about space limitations, and tries to as little language as possible convey as much information as possible. The Internet provides unlimited space for you. In fact, here, the white space and a lot of pictures is your best friend.
Your enemy is time. You must attract your audience, stop them by the terrible “back” button, or find other sites. They spend more time on your client page, the more likely they are to take action. That’s the point, isn’t it?
Plunged into web design career before, please ensure that you can well realize smooth transition from paper to cyberspace. You know, WordPress and publications (Press) are quite different.


For graphic transformation web designer extension reading 】 【 eight Suggestions
Content summary:
1, familiar with responsive design characteristics.
2 learn a little HTML language.
3 design dynamic content: including voice, links, and interactive action.
4 color mode: four color to three colors.
5 to master the application principles, network font not all print for the network, you also need to consider the web compatibility.
6 the size of the image format change and designed for hd monitor.
7 is an important part of the search engine optimization and web design, is that you need to know.

You are not your own boss
Some people think that as an independent web designers, will be more easily than work for someone else. Is it true? Self-employment means you additional responsibilities will greatly increase your workload. You have to find their own customers, and they are stalling, you need to take care of “business” work, such as accounting and marketing. You can from nine to five, normal working day for you to say goodbye.
In addition, you may not believe, you are still not in the work for myself. Your customer is the boss. Your work must meet their requirements, specifications and deadline. They don’t even give you a bonus.
Before you took to the web page design career, see the cruel fact, you will be better prepared. Now, before you dumbfounded, learn some knowledge of accounting and advertising.


The advantages and disadvantages of working from home extension reading 】 【 (comic)
Collection is the most powerful proof
When it comes to web development business, vocabulary is weak. No one cares about your recommendation or elaborate resume, work can explain everything, you need to make your portfolio to speak for you.
If you can’t to your potential customers, provide at least five good case, you may starve to death. Before you take hand works reserves in place, you work for someone else before you.
If you have been fully certified, make sure you have the ability to become a successful web designer, then no need to seek the opinions of others. Stand questioning of the relatives and friends and chatter, and believe that a better life will be the best response, 25% of the web designer is indeed to do so.


Skills: simple background image cutout
Effect of the best photos, is, of course, from the professional studio, because they will be filming in plain color as the background. This kind of movies can make the software more easily find the edge of the object, but to pick out the perfect condition of a human hair effect is a bit tricky. In this case, we will use the traditional channel cutout method to put this with long flowing hair of the younger sister paper to pick out, put into a more under the background of attitude.

Open the photo in photoshop, you can see this is not a pure white background, but the color is very plain and neat and simple and of the younger sister paper with good contrast.

Bring up the channels panel and check respectively under the red, green, blue three channels of the image. Each channel of the image will appear slightly different gray to move, find a foreground and background colors has the best contrast. Drag the channel thumbnail on the icon of a new channel to duplicate the channel.

PS1 PS2 PS3 PS4 PS5 PS6 PS7 PS8 PS9 PS10 PS11 PS12 PS13 PS14 PS15 PS16


Pencil Vs Camera

Jessica A. Vitetta

This is an image from Deviant art by the artist Ben Heine. He has a series like this called pencil Vs camera where he takes an image like the one above, then overlays a drawing he created into the image. This is part of where my inspiration where my final portfolio project comes from.

View original post

Packaging Box Structure Design

Writing for this blog for so long, and i was always trying to surprise every one came into my blog. In a fact i was always surprised by the others’ blogs. They are so good and amazing. But i still try to do my blogs, because I believe I can some sort of help, maybe  a little, but this can be helpful for some new beginners for designing.

I am not a professional at design, and i do not know much software. And the only software for me that i mastered is Packmage. Not because i do not want to learn, in fact i am learning Flash, PS, CorelDraw, when i am free. I find that mastering a software is amazing, mastering more will be more fun and wonderful.

Packaging design software for corrugated box and folding cartons is done now, now I am going to do more.


3D_BLANK_SAMPLEWorkflow_en3D_BLANK_SAMPLE2 3D_Color_Sample1 3D_Color_Sample2 Folding FoldingWay ParamericDesign StepAndRepeatFunction TextureFunction SnapLockBottom_2 AutoBottom_1 AutoBottom_2 SnapLockBottom_1 Box0214B Box0214A HandBag5 HandBag1 HandBag2 HandBag3 HandBag4 D013_v3 D013_v1 D013_v2 D024_2 TissueBox1 TissueBox2 TissueBox3 D007_2 D010_2 D010_1 D023_2 D023_1 A019A_v3 A019A_v1 A019A_v2