Design is close to reading onlineHere are some design tips that are close to reading online:
** 1. In terms of font **
1. ** Type of font **
- On the electronic screen, from a safe point of view, it was better to use non-serif font. For example, MacOS preferred regular for Chinese, followed by holly black simplified; Helvetia Neue for English, followed by Arial. For Chinese, the first choice is to use the soft black, followed by the holly black simplified Chinese; for English, the first choice is Arial, followed by Taoma.
2. ** Name **
- With the development of display technology, the font size gradually became larger. It was recommended to use 16px for the main body of the webpage design. Using 16px as a benchmark, the font size of the title and auxiliary text was determined by expanding or shrinking in steps of 4px. This would make the contrast obvious.
** 2. Character color and background color **
1. ** Color combination selection **
- Although the contrast between the black words on a white background and the white words on a black background was strong and clear, the eyes would get tired easily when reading the black words on a white background for a long time, especially on a computer screen, which was a luminous medium. A better combination might be a light gray background + dark gray text with a guaranteed contrast (greater than 4.5). This would ensure clear recognition and make it easier for the eyes to read for a long time.
** 3. Range **
1. ** Line width value **
- The width of the text should be between 450 - 700px, and the line width should be an integral multiple of the font size of the text. This kind of typography was in line with the characteristics of Chinese characters, which helped to improve reading efficiency and avoid problems such as serial gaze or frequent jumping between lines.
** 4. Interface design **
1. ** User Interface Division **
- The interface could be divided into two parts, namely the user interface and the administrator interface. The user interface could be divided into login interface, main browsing interface, user bookshelf interface, user reading notes page, user friend page, user reading interface, etc. The administrator interface could be divided into the management user interface, the management book interface, the management comment interface, and so on.
2. ** Reading Function Design **
- In the reading interface, a convenient reading navigation function should be considered. For example, a button could be designed to click to read the previous section and the next section to make it convenient for the user to switch between chapters. For e-books, there was also a collection function. The user could click "Collect" under the book information details to add the e-book to the collection list, and provide the function to view the list of favorite e-books. At the same time, it also had to have a convenient search function. For example, on the home page or at the top of the book list, one could enter the book keyword to search for the book name.
** 5. Typography **
1. ** Typography scheme selection **
- If it involved online reading of teaching materials and other content, considering the complexity of the design of teaching materials for many disciplines and the situation of the team, an online publishing solution based on Word could be used. According to the teaching material style template and specific rules, the teaching material content would be automatically synthesized into a Word document that could support offline editing. This way, it could meet the design requirements of the teaching materials to a certain extent, and it could also complete the layout work through simple manual review after the machine layout.
<a href="/?from=ask_words" style="color:red" target="_blank">Read more exciting novels for free</a>