Tencent classmate to decrypt your QQ space color

Space theme Thousands, busy dead development tired design, so many themes, designers how to deal with color, how to communicate with the development of coordination, today, Tencent DD classmate will be successful after the experience of sharing out >>>

　　This is the story.

The color of the past space is a lot, each extraction is like decrypting the same full of "surprises."

Bright blind proximity color too much, difference is not big, light a gray have three or four, faint feeling this is in do color blindness test.

Designer's pain: Obviously just want a color value, but had to open almost 100M psd file, to absorb color, to find color code, open time can look at the novel ~ ~ ~

Pit Dad's communication: each find development to adjust the color, the screenshot from the interface to explain where the color, color value more, don't say is development, designers are crazy!

Although there is a callout, but still may encounter development ask: body color refers to what color, color value is? "Color incompetence" is afraid to increase the color, think of each theme to add a color, each additional module needs to grow with the theme of growth, this is to find the rhythm of death we said to the mall: sister, do not add to the theme, the face of the product said: "Sister, do not alienate the module." She: I will be the color of the heart, who knows the color according to the ditch! Take advantage of night black wind, bite teeth, pound, better to a "kill collection egg" ~ ~ ~

　　Kill: Cut out the extra color

In fact, the combination of similar colors, in the design process, often encounter the same page appeared 2 or more than 2 kinds of similar colors, in order to avoid this situation, the color of the similar "merger and adjustment" to choose a more suitable color.

　　Sets: Collection Color rules

1. Classify the colors of different modules, including "text, color block, icon, line, button" and so on. and standardize the name of each category, for each category under the color difference using 1, 2, 3 ... , such as body color T1, auxiliary text T2, highlight text color T3 ...

2. The specification can fit the theme several sets of color matching, only expands the theme, does not increase the color matching, many sets of themes match a set of colors, lets the theme use without limit.

　　Fetching: Removing the color code

Allow design and development to deliver information quickly. Determine the code for 10 sets of colors and define the color values by category. The color values for each set of themes may be different, but the numbers must be the same, such as text t1~t10, button b1~b5 ...

　　Eggs: Hatching color cheats

When you have finished all the above things, this time, you only need to give a "TXT" document development, you can complete a single set of theme all color adjustment.

Development elder brother Adjust color only need to update TXT document, no longer need a code a code to knock, greatly improve efficiency, but also improve the design of the color used by the control of the students.