User interface design style

zhaozj2021-02-11  233

User interface design style

1 Introduction 1.1 Design Description This document is designed and explained in the "Detailed Design Manual" description of the system interface design style.

1.2 Concepts and Define User Interfaces: Also known as the human-machine interface, implement communication between users and computers to control the computer or the data transfer between the user and the computer. GUI: The graphical user interface, a visualization user interface, which uses the graphical interface instead of the body interface.

1.3 Users assume that users who use the system are defined as: have a certain understanding of the general usage of the application or computer, the user wants the interface to match the Windows 9x, especially the Office97 style, which has a relatively high requirements for ease of use, and fast on the interface There is not a strong requirement (ie, you don't want to quickly interact by command).

2 User Interface Design Specification 2.1 User Interface Design Principles This system adheres to the graphical user interface (GUI) design principle, the interface is intuitive, transparent to the user: the user's contact software has a variety of functions on the interface, and it is easy to use. operating system. Interface designers should understand that users are the core of all processing, should not have an application to determine the process, so the user interface should control the application how to work, how to respond, not by the developer, should operate according to its own wishes Process is imposed to the user. The interface design must be confirmed to complete.

2.2 Interface consistency should maintain the consistency of the interface in interface design. Consistency includes both standard controls, but also refers to the same information method, such as ensuring consistent in terms of font, label style, color, terminology, display error information, etc. 1) Display information consistency standard (1) Tag prompt: the font is not aggravated, the Song, black, the bottom or transparent, no border, right alignment, no colon, general situation is No. 5 (No. 10); (2) Date: normal font, Song body, white background, 3-d lowered; (3) Alignment method: l Left alignment: General text, single number, date, etc. L-right alignment: numbers, time, date plus time. (4) Resolution is 800 * 600, enhanced color 16 color (5) font default to Song, No. 5, black (6) The primary default arrangement of gray this is available for reference, in the same application In the middle, this information is inconsistent, which will make the user's dispersion, affecting the use of this software, so developers should pay attention to the consistency of the form of expressions in the same software. 2) The principle of layout rationalization should pay attention to the layout and information organization of all controls inside the window, so that the user interface is beautiful. Press the Tab button in one window, move the order of the focus, no messy, the order of Tab is from top to bottom, then from left to right. The first control of the first and important information should be entered in the tab sequence, the position should also be placed on the window. The layout strikes simple, orderly, and easy to operate. 3) The principle of mouse and keyboard should follow the principle of mouse: The functionality in the application is only available in the keyboard, that is, the designed application should also be added to the designed buttons and menu items. However, many mouse operations, such as double-click, drag objects, etc., can not simply use the keyboard to simulate. For example, in a list box, you can double-click one of the items to indicate the content. In order to use the keyboard to implement this function, you must define a selected button in the window to act as an alternate (or other means) that implements double-click function. As another two data windows in one window, you can use the mouse to drag an item from one data window and then put it in another. If you only use the keyboard, you should set a copy or movement menu item in the menu. 4) Shortcuts Use shortcuts in the menu item to make it faster using the user using the keyboard, which is consistent in the use of shortcut keys in Western Windows and its application. The shortcuts used in this system must be consistent in semantics on each configuration item. Transaction: l Ctrl-D Delete L Ctrl-F Looking for L Ctrl-i Insert L Ctrl-N New Record L Ctrl-S Save Query / List: L Ctrl-O L CTRL-R Others: l Ctrl-C Copy L CTRL-H Help L Ctrl-P Print L Ctrl-V Paste L CTRL-W Off L Ctrl-x Cut MS Windows Reserved Key: l Ctrl-Tab Next Window L Ctrl-Esc Task List L Ctrl-F4 Close Window L ALT-F4 End Apply L Alt-Tab Next Apply L ENTER Default Button / Confirmation Operation L ESC Cancel Button / Cancel Action L SHIFT-F1 Context Related to Help Other Shortcuts Other Shortcuts Use Chinese Pinyin to start letters, not commonly used Can not be shortcut. The above code from: the source code database (SourceDataBase) Copy Time: 2002-04-20 23:13:36 Current Version: 1.0.583 Author: Shawls profile: Http://Shawls.Yeah.Net E-Mail: ShawFile @ 163.NET QQ: 9181729

转载请注明原文地址:https://www.9cbs.com/read-4833.html

New Post(0)