Summary of the application of decorative elements in web design

<br />Preface: Before reading this tutorial, you must read the preface carefully, otherwise you will fall into misunderstandings!
Recently, I was doing a design course for a personalized casual clothing website. During the process, I found that the application of personalized elements became the most difficult problem. First, what kind of personalized elements are suitable for the project style? Second, how to grasp the personalized elements and what kind of elements are personalized elements to highlight the project positioning?
The commonality and individuality discussed here are purely the application of my summary of decorative elements in web design, and do not represent other interpretations. "Commonality and individuality" are also words I use to distinguish between conventional elements and individual elements. You can understand it as a formal breakthrough;
Understanding commonalities and individuality

Explanation of commonality: Commonality is the conventional things that exist naturally and are recognized by people; for example, a straight line is a constant element, which is commonality; for example, the clothes we wear, long sleeves, short sleeves, long pants, shorts, are produced according to normal standards; these are also commonality; Explanation of individuality: Individuality is relative to commonality, and elements that are different from commonality are individuality; for example, the random lines drawn by each person are very different, which is the element of individuality; for example, originally a pair of normal jeans, young people like to cut it, or patch it or something, to appear different, which is also individuality.
Example :
1. Master the common elements and individual elements; transform the common elements into individual elements;
Common sense says that arranging the lines at equal distances looks very neat. As long as they are arranged at equal distances, the final effect will be the same, without any characteristics or defects, and no one will think there is a problem. Personality treatment, arranging the lines randomly, makes the line spacing unequal, and forms a random sense of rhythm. The final effect of each person's arrangement is different, and there will be good and bad in the end, so it is more difficult to grasp.

Common sense: We use many elements to connect into a line, which feels neat; individuality: we scatter and place the elements randomly, forming points of different sizes and spacing, which makes the graphics they form have a sense of rhythm;

Seriously note: The effect is to serve the page, and the effect must conform to the page style;
The effect always serves the page style. If you don't understand the style of the page and use different effects randomly, it will not be convincing in the end.

Previous Page 1 2 3 4 Next Page Read Full Article

<<: How to understand SELinux under Linux

>>: How to store false or true in MySQL

Solve the problem that PhpStorm fails to connect to VirtualBox

Summary of the application of decorative elements in web design

Solve the problem that PhpStorm fails to connect to VirtualBox

Example of using CASE WHEN in MySQL sorting

A collection of information about forms and form submission operations in HTML

A brief discussion on the pitfalls of react useEffect closure

How Database SQL SELECT Queries Work

Vue implements the sample code of adding, deleting, modifying and checking the tree structure

Commonly used js function methods in the front end

Use of SerialPort module in Node.js

Usage and difference analysis of replace into and insert into on duplicate key update in MySQL

Full-screen drag upload component based on Vue3

Recommend

The difference between mysql outer join and inner join query

Install Jenkins with Docker and solve the problem of initial plugin installation failure

Instructions for nested use of MySQL ifnull

HTML table tag tutorial (27): cell background image attribute BACKGROUND

A brief introduction to JavaScript arrays

How to configure port forwarding for docker on CentOS 7 to be compatible with firewall

nuxt.js multiple environment variable configuration

Deploy grafana+prometheus configuration using docker

js to realize the function of uploading pictures

Detailed explanation of Nginx http resource request limit (three methods)

DHCP Configuration Tutorial in CentOS7 Environment

Take you to understand the event scheduler EVENT in MySQL

Mysql NULL caused the pit

Detailed explanation of various methods of Vue component communication

Example of stars for CSS rating effect