Baidu UI Guideline Baidu UI Guideline is a design guideline for page templates across baidu.com.
The purpose of this guideline is to make the products more consistent and improve the user experience.
1. What is this and why we do it? Baidu.com has nearly fifty products, each is consisted of at least 3 pages. In order to make all these products more consistent and maintain the unity of the company's visual identity system, design grid and page layout guidelines are necessary and will be used across the site.
2. What this guideline contains?
>
3. Take "Grid and Page layout" for example Part 1: Constituent parts Basic units, grid and column
Part 2: Guidelines
There are five kinds of width currently availble: 100%, 984px, 950px, 760px, 600px. This part of guideline is applied to products with a width of 984px and 960px.
Part 3: Explanation
Grid system is a method for graphic design, which helps the entirety of a layout fall together with enhanced cohesion.
The grid helps extend the logic of an overarching solution to the most tactical levels, subtly communicating to the audience that they are experiencing a considered environment, where information, its presentation and its behavior are logical, consistent and reliable”
Part4: Examples
4. Examples of other sections
Images—sizes and ratios
Images must work with the grid and help to create order within the page layout. There are four image ratio availblefor designers, 1:1, 3:2, 3:4, 16:9. as they are illustrated below. Images should also be able to pad against the column edges if it suits the design.
>
Previous
Next
Back to top