Sender: Soulfox Xiaoo&Linghu In the name of gorgeousness, message area: ANSI Title: [Tutorial related][Chapter 8] Special lecture on system screen in AsciiArt cross-site lecture Sending site: Sun and Moon Guanghua Friday, August 24, 2007 21:02:39, site mail 8. System screen Written by sylow flubber The overall system screen can be divided into the following categories: row lstar Arrival screen Welcome screen Departure screen Advance screen memo Essence Area Personal Catalog Style Activity board System menu and related interfaces Their functions are different, so the same work will have different effects when placed on different occasions. When we appreciate a system picture, in addition to looking at the artistic charm it contains, The most important thing is to see if it sticks to the theme First of all, do the popularization work. The welcome screen is the screen that is displayed when you first log in to the BBS. The entry screen is the screen before logging into the BBS and displaying the main menu. Let’s first look at a welcome screen for entering the station YAHOO@TJU YAHOO@TJU ⌒ Peiyang University Hall 1895 This site has added SSH login port: 2000 This is the welcome screen of Tianda Qiu Shi. On the left is the representative building of Tianda and on the right are the four characters of Tianda Qiu Shi. This screen was recently modified The pattern on the left was originally from the front, but now it's from the side. Different grayscales are used, and the lines in them have a vague sense of perspective, making the entire building more three-dimensional. The text on the right has some changes in the font, making the entire word fill a rectangular space. From this, the four words appear to have a relatively stable center of gravity. This is what this welcome screen does well. Of course, the characters here can still be recognized. In some places, the curves of the characters are so curved that it is difficult to recognize the characters themselves. That's a bit much Many BBS sites were established relatively early and the technical level of ASCIIArt was not high at that time. Therefore, there are many historical legacy check-in screens that are retained and used in order to take into account the habits of most users. From the perspective of ASCIIArt, they cannot fully reflect the characteristics and level of the site. Recently, many websites have begun to learn from Google’s approach and change the entry screen on special days. These transformations are also done without touching the main body and style of the pit stop screen. Move around in a small space Add some novelty to the slightly rigid pit stop screen Let’s take a look at a pit stop screen made by eggplant@sjtu  * Please pay attention to the announce board for in-site announcements * Newcomers come first to help Novice help board * For site affairs discussions and consultations, please go to the SYSOP board * Please go to the test board for various tests Sister Eggplant’s school emblem is really great. It's exactly the same as the real thing I've seen The composition of the picture is also relatively simple On the left is the school emblem and on the right is the name of the site for drinking water and remembering its source. The bottom right is some basic help tips for novices The use of dark red has a simple feel But I personally think the three-dimensional effect shown in bright red on the lower right is a bit harsh. Just looking at it as a piece of work makes me feel a little regretful. Of course, this will make it easier for people to pay attention to this place. I think this is also because this is the pit stop screen. You must highlight your own theme This regret as a pit stop is actually an advantage. The exit screen is the last screen that users see after they choose to leave the BBS. Nowadays, the departure of many websites is expressed in words. Content or personal data Or just express your attachment to the user There are also some sites that use pictures and text to leave the site. The content of the text is basically "remember to come back" and the like Here is a very special picture of leaving the station It is one of the outbound stations of SJTU eggplant@sjtu t } I like this picture very much Apart from leaving the station, this is also a very beautiful work. girl leaning on a crescent moon The flowing long hair brings a touch of sadness Very tasty Match the words CU on the left Plus the light and shadow effects brought by different grayscales The whole thing shows the feeling of reluctance for the user. This is one of my favorite departures Generally speaking, the mode of the page entry screen is relatively fixed. Common elements include the page name in Chinese or English. Pictures related to the layout leave space for Mozhu to write. There was once such a joke. Save it quickly. There are several steps in the page advancement screen. Answer 3 steps 1. Find a ready-made font 2. Transfer a ready-made picture 3. Add some lace Of course, to make a good page entry screen, the more important thing is to be creative and how to reflect the features of the page. Limited elements and layout are cleverly combined Here is an example of smth IQDoor Intelligent Paradise version flubber@smth . , bulletin board flubber ヘ. ぐ 1. Download the essence area of ​​chm version People ftp: 166.111.168.68:8023 . 2. Abstract area: Problems waiting for your solution " * Please pay attention to the discussion about the first edition * Drafting of the edition plan. Discussion and registration are welcome. Swan Mystery He Mystery Highlights Zone x 11 o o : First of all, I designed the words IQDOOR in the shape of a maze. This is a very unique idea and fits the layout very well. Color The author designed two classic puzzles in the gaps of the picture: weighing a ball and a snail climbing a wall. Clicked At the same time, it also fills in the blanks, balances the picture, and makes the picture more lively. This page entry screen also has some flaws, such as the composition being too full and a bit oppressive, and the letters IQDOOR. The deformation is relatively large, especially in the absence of environmental cues. People who don’t know may not easily see it. Compared with other system screens, the essence area directory is very restrictive. It cannot contain any ansi control characters. It must You must use plain text to compose the picture. In addition, you must also consider whether the directory distribution is reasonable and practical. Here is an lstar. An example of a personal directory in the highlight area, which uses the iconic cartoon A Chou designed by lstar to embody the individual. Features: You can tell whose folder it is by looking at this shape. The prototype of A Chou is colored to fit in the highlight area. Catalog usage: Adapt the original pattern into a black and white plain text pattern. This is the key to creating the essence area shape. at In the process of becoming black and white The lower half of the character is not easy "." @.@ processing is used here Oo a billboard to cover bypassed this problem Color version Black and white version 1 [Directory] lstar directory introduction 2003.06.14 2 [Contents] 2003.06.14 3 [Contents] 2003.06.14 4 [Directory] @.@ 2003.06.14 5 [Contents] Oo 2003.06.14 6 [Contents] .Exhibition of exquisite products 2003.09.04 7 [Contents] A Chou Series. 2003.11.11 8 [Contents] .Work Series 2004.03.31 9 [Contents] Font family. 2003.06.17 10 [Contents] .Tutorial Series 2003.06.18 11 [Contents] Signature Series. 2003.06.18 12 [Contents] . Comments 2003.06.18 13 [Contents] Irrigation series. 2003.07.28 14 [Contents] 2003.06.14 15 [Contents] 2003.06.14 16 [Contents] 2003.06.14 In order to add decorative lace, some directory styles in the essence area often create many blank lines between directories. For this purpose, It may not be a problem for personal collections with a small number of contents, but for the essence area of ​​​​a layout with a large number of catalogs, this is a problem. A big waste. The directory of this model is clear and uses the method of staggering directory names. It is both beautiful and beautiful. Lace and cleverly avoid blank lines between directories The space of the activity board is limited. The number of lines on different bbs is different. On water and wood, it is 5 lines. It is smaller than the signature file. It is very difficult to express content within a limited number of lines. Val travels all over the motherland with you; ^; Welcome to the Traveling edition as a guest . ;"ooO . ; ; : Ooo ξ L. } ,,,,, ,, ,,, ' , θ This board is the Westward Journey Station Traveling activity board. The author is ominous. The wonderful thing is that it is in 5 I drew a vivid map of China within the line. What is even more amazing is that it is within such a small map of China. There is actually room to draw two footprints. This pattern appropriately expresses the characteristics of the travel version. All over China AsciiArt's decoration of BBS is everywhere, and the system menu is also a place to play. Here we might as well appreciate the different ways the three sites handle the mail menu. at N ew read new letterhead Read Read all letterheads S end Book Lamp Whispers G roupSend Send a letter to a group of people Letter F riendSend Send a letter to your friends list O verride set friend list file Exit Return to main menu district This is the mail menu screen of Piaomiao Shuiyunjian. It shows the OUTLOOK icon by This can immediately remind people of electronic letters and accurately convey meaning. N ew [Read new incoming letters] Read [Read all letterheads] S end [Send station letter] G roupSend [Send a letter to a group of people] F riendSend [Sending friends list] .... O verride [Set friend list] I internetMail [A message sent by a pigeon flying thousands of miles] C ancel [Cancel sending letter] Exit [Return to main menu] Mail.. This is the letter menu screen of Terracotta Warriors and Horses, using a common mailbox in real life. It also expresses the theme very well > N ew View new letterhead Read View all letterheads Baishan E xit Return to main menu Blackwater From: NEU BBS The letter menu of Baishan Heishui is made to look like an envelope, and there is also a stamp signature. The screen is clean and the letter menu is well interpreted. Generally speaking, there are several issues that need to be paid attention to as a system screen. As a work, after all, it is aimed at a specific audience. Give full play to your personality. The system screen must be oriented to a wide range of users, and user acceptance must be taken into consideration. 1. The readability problem of the picture under different terminals. It is possible that a good picture will not be readable under telnet. The user is confused. Line drawing here can achieve better results than color block drawing. Avoid using it. Control characters such as underlining and font changes are not well supported to draw key parts. 2. Coordination issues with other system images. Reduce overly eye-catching effects such as flickering. Pay attention to colors and other His picture matching 3. Code length. The activity boards of many sites have strict limits on code length. If the code is too complex, Otherwise, the system menu may also cause errors. Therefore, overly complicated color conversions should be avoided in the work. End of this section ANSI 2007 Summer Short-term Training Course If you have any questions, please consult the ANSI version of Zone 4. For registration information, please refer to the bottom of the ANSI version. Source: Sun and Moon Guanghua bbs.fudan.edu.cn [FROM: 218.78.237.54] Modification: soulfox modified this article at 21:06:50 on August 24 [FROM: 218.78.237.54]