Typesetting optimization of video websites
Websites including film and television websites, online education websites, short video websites, etc. all have a large amount of video content. How are these video content presented? Is there any room for optimization in typesetting?
Features of video website typesetting
We have observed that the current video layout has the following common characteristics:
Feature 1: Rectangular typography. The videos are all rectangular and are also typed in the form of a square matrix. For example, mainstream film and television websites and video education websites are all in this way. The reason is: the monitors are generally rectangular, which is reasonable to facilitate maximizing playback.
Feature 2: Pictures and texts are both rich. In terms of presentation, it is usually a screenshot of the video, and then the following will introduce the video content roughly, that is, the video title.
Feature 3: Limited presentation. It is impossible to present all videos on a single page because the layout is limited, so there are often "more" and "see more" and so on. CTA button.
Problems with video layout
We believe that the layout of multiple videos has the following problems:
Question 1: The problem of visual clutter.
Different from the layout of pictures, you can use color tuning, background, cutout, etc. to make the styles of multiple pictures unified and look uniform. For multiple videos, the statically presented a screenshot of the video, and the tones and elements vary greatly, which makes the entire page look very messy.
In order to solve this problem, some film and television websites deliberately reduced the "static screenshot" and added text descriptions to make the entire page look uniform.
Question 2: Classification and sorting issues.
For websites with a large number of videos, videos need to be classified, and some sorting rules are also required. This leads to some videos being repeated multiple times on one page, affecting the user experience.
In response to this problem, most websites are solved through algorithm optimization and manual selection, and try to avoid the same video being presented multiple times on one page.
In response to the above two questions, how to further optimize video layout?
Video layout optimization strategy
First, try to pursue the unity of page visuals. It is very necessary for different videos on a page to present a certain visual unity. You can reduce the proportion of the picture, adjust the style, widen the blank space, increase the line spacing, etc. to make the entire video presentation page more unified in overall visual sense.
Second, take into account both algorithms and manual sorting. Relying solely on some algorithm to present videos will cause some high-quality videos to be buried ； Relying solely on manual selection will also affect the website's traffic and popularity. Therefore, both algorithms and labor need to be taken into account. Based on the algorithm, relying on manual power, select videos with excellent content ； Similarly, if it is a video page that is manually recommended, you should also refer to the algorithm and give priority to presenting a certain video.
In summary, we have some of our views and opinions on video websites and video layout design for reference.
The above is the "Type-optimization of video-based videos" shared by Suyou. Thank you very much for reading this article patiently. We will provide you with more information on reference, use or learning and communication. We can also provide you with: Enterprise website construction, website imitation, website copying, imitation site, foreign trade website construction, foreign trade website construction, company official website productionFor services, our company serves customers with the service concept of "integrity, professionalism, pragmatism and innovation". If you need cooperation, please scan the code to consult, and we will serve you sincerely.
TAG Label:
Previous article: Discussion on website design: How to avoid excessive entertainment in website design
Next article: Common effects of website front-end production pages
