界面设计风格

合集下载

APP的UI风格分析与总结

APP的UI风格分析与总结

APP的UI风格分析与总结随着智能手机的普及,移动应用程序(APP)已成为了人们生活中不可或缺的一部分。

而APP的用户界面设计(UI)风格对用户体验的影响至关重要。

本文将对几种常见的APPUI风格进行分析与总结,包括扁平化风格、材料设计风格和骨架屏风格。

首先,扁平化风格是目前最为流行的APPUI设计风格之一、扁平化风格以简洁、平面化以及色彩鲜明为特点。

它摒弃了过去3D效果和阴影的修饰,更加注重简单清晰的界面布局和内容的重要性。

扁平化界面通过使用简洁的图标、鲜艳的颜色和大胆的排版来吸引用户的注意力。

这种风格给人一种清新、直观的感觉,同时也提高了用户使用APP的效率和体验。

其次,材料设计风格是由Google推出的一种UI设计风格,它融合了扁平化风格的简洁清晰和传统设计元素的实用性。

材料设计风格突出了物体与背景之间的层级关系,通过独特的动画和过渡效果来提升用户体验。

材料设计风格的特点包括鲜艳的颜色、阴影和光影效果的运用、卡片式的布局以及醒目的图标和按钮设计。

这种风格给用户一种直观、真实的感觉,同时也提升了用户对APP的信任感和使用的愉悦感。

最后,骨架屏风格是近年来兴起的一种UI设计风格,它通过在加载页面时显示一个简单的、由线条或灰色图形组成的骨架屏,来给用户一个即时的反馈。

骨架屏风格的特点是简洁、干净,使用户能够立即感知到页面正在加载,减少了等待时间对用户体验的影响。

这种风格在加载缓慢的情况下尤为有用,它可以让用户通过骨架屏对整个页面的结构有一个大致的了解,从而减少用户的焦虑感和不耐烦。

综上所述,APP的UI风格对于用户体验至关重要。

扁平化风格通过简洁、平面化的设计来吸引用户的注意力;材料设计风格融合了扁平化风格和传统设计元素,提升了用户的体验;骨架屏风格通过展示简单的、即时的骨架屏来减少用户等待的时间和焦虑感。

随着技术的不断进步,UI 设计风格也在不断演变,希望未来的UI设计能够更加贴近用户的需求,提供更好的用户体验。

metro风格

metro风格

metro风格简介metro风格是一种现代化的设计风格,又称为扁平化设计或简洁设计。

它最初由微软公司在Windows 8操作系统中引入,后来被广泛应用于移动应用、网页设计和用户界面设计中。

metro风格以鲜艳的颜色、简单的图标和清晰的排版著称,以提供简洁、直观、易用的用户体验为目标。

特点metro风格的特点包括:扁平化设计metro风格强调简洁明快的设计风格,抛弃了过去阴影、渐变和纹理效果的设计。

元素以简单的几何形状、清晰的边界和饱和度高的鲜艳颜色来呈现。

这种设计风格使界面看起来干净、整洁,并且能够更好地适应不同的设备屏幕。

鲜艳的颜色metro风格采用明亮、鲜艳的颜色来区分不同的信息和功能。

每个按钮、标签和图标都有自己的颜色,使用户可以快速识别和定位信息。

这些鲜艳的颜色给人带来积极、愉快的感觉,提升了用户体验。

简洁的图标metro风格中的图标都采用简单的几何形状和清晰的线条来呈现,它们通常是单色或双色的,没有细节和阴影效果。

这样的设计风格使得图标在不同的尺寸和分辨率下都能保持清晰和易识别。

清晰的排版metro风格注重排版的规范性和清晰性。

它使用大字号和行距、对齐的文本和简单的排列方式,使信息更易于阅读和理解。

这种清晰的排版风格与扁平化设计相辅相成,共同构建了metro风格的独特魅力。

应用领域metro风格的应用场景非常多样,包括:移动应用在移动应用领域,metro风格被广泛应用于iOS和Android 系统的应用中。

通过使用鲜艳的颜色、简洁的图标和清晰的排版,metro风格可以提升移动应用的用户体验,使用户能够快速定位和操作功能。

网页设计metro风格在网页设计中也非常受欢迎。

它的简洁明快的设计风格使得网页更易于浏览和导航,而且能够适应不同的设备屏幕。

metro风格还提供了大量的样式和组件,使设计师能够更快速地搭建网页。

用户界面设计由于metro风格的简洁和直观性,它也被广泛应用于各种软件和系统的用户界面设计中。

UI设计中的扁平化与拟物化视觉传达解析

UI设计中的扁平化与拟物化视觉传达解析

UI设计中的扁平化与拟物化视觉传达解析随着移动互联网时代的到来,用户界面设计(UI设计)越来越受到关注。

在UI设计中,扁平化与拟物化是两种常见的视觉传达风格。

它们分别代表着设计中的两种不同趋势,都有着自己的特点和优势。

本文将分析扁平化与拟物化的设计风格,探讨它们在UI设计中的应用和优缺点。

一、扁平化设计1. 扁平化设计概述扁平化设计是指在UI设计中去掉繁杂的立体效果,将界面元素简化为二维平面,突出简洁、清晰、直观的设计风格。

扁平化设计在一定程度上遵循了“简约至上”的设计理念,强调简洁、明了的设计风格。

这种设计理念的提出来源于对用户体验,用户界面的关注和追求,要求设计师在设计界面时应当更注重用户体验。

扁平化设计最大的特点就是简洁和直观。

它去掉了繁杂的阴影、渐变、立体效果等,使得界面元素更加纯粹、简洁。

扁平化设计中的颜色和图标尺寸都相对较大,这可以使用户更容易地将注意力聚焦在重要的界面元素上。

扁平化设计侧重于图形和文字的表现,更多地强调了内容的价值和信息的传达。

扁平化设计的优点在于简洁、直观、便于理解和操作。

这样的设计风格使得用户更容易地找到需要的信息,提高了用户的使用效率。

扁平化设计也更适合移动设备,它的简洁风格可以使得用户在小屏幕上更方便地操作。

扁平化设计也存在一些缺点,比如界面元素缺乏层次感,容易导致用户在界面中丧失方向感。

加之扁平化设计对颜色、图标的运用要求较高,如果设计不当,可能会使得界面显得单调乏味。

二、拟物化设计拟物化设计是以模仿真实世界物体的形态和行为为目标而设计的。

在拟物化设计中,界面元素呈现出仿真的阴影、质感和动画效果,使得界面元素更具有真实的视觉效果。

拟物化设计的提出在一定程度上弥补了扁平化设计在层次感和真实感上的不足,也更符合用户对界面真实性的期待。

2. 拟物化设计的特点拟物化设计最大的特点就是真实感和层次感。

通过添加阴影、质感和动画效果,拟物化设计可以使得界面元素更加贴近真实世界的感觉。

扁平化设计名词解释

扁平化设计名词解释

扁平化设计名词解释扁平化设计,也称作Flat Design,是一种新兴的网页设计风格,它试图把复杂的用户界面设计(UI)变得简单、友好和有吸引力。

换言之,扁平化设计是一种把流行的用户界面细节(如2D图形、图标、图像、按钮)拆分成极简元素,使其不显繁琐和复杂,更加美观大方的设计风格。

扁平化设计的历史可以追溯到19世纪,当时Paul Rand已经开始采用扁平化设计。

从左小右大的排列和色彩等基本元素为基础,Paul Rand使用精简、简洁的手段来传达品牌的内涵,从而让扁平化设计成为当时最流行的设计风格之一。

随后,Tom Geismar也曾使用扁平化设计,制作出一些充满活力的作品,为众多公司和品牌树立起了新的标准。

他运用了简洁的线条、图形和文字,把用户界面设计拆分成精致的元素,并以更鲜明的颜色来突出视觉效果。

这些设计作品以其简洁时尚的外观而著称,受到了当时客户的欢迎。

随着近些年移动设备快速崛起,以及移动应用的出现,扁平化设计又成为了现今最受欢迎的设计模式之一。

与传统的3D设计风格相比,它简洁的界面风格受到了广泛的欢迎,因为它能够更好地被移动设备识别,更容易被用户接受和理解。

此外,扁平化设计的另一个重要优点是它能够有效提高页面的加载速度,从而使网站的浏览体验更加顺畅,也更加利于移动设备的使用。

相比于繁琐的3D设计,扁平化设计要轻松得多,元素及其排列方式与诸多分辨率等因素几乎不受影响,从而节省了开发者的时间和精力。

总的来说,扁平化设计是一种无与伦比的设计风格,它以简洁的外观和优质的用户体验,为当今网页设计带来了新的风采。

它不仅能够极大地提升用户体验,同时也能够有效提高网站的加载速度,从而使网站在视觉上更加优美、简洁大方。

随着当今网页设计的发展,越来越多品牌和网络平台开始采用扁平化设计,以提升用户实际体验。

ui设计风格解读

ui设计风格解读

ui设计风格解读UI设计风格是指用户界面设计中所遵循的一种风格或风格组合,它能够帮助设计师创造出独特、易于理解和美观的用户界面。

在当今设计领域,有许多不同的UI设计风格,每种风格都有其独特的特点和应用场景。

在本文中,我将对一些常见的UI设计风格进行解读。

1. 扁平设计风格扁平设计风格是一种简约而直观的设计风格,它强调简单的图形和饱满的色彩,将设计元素简化至最基本的形状和颜色。

扁平设计风格的特点包括明确的色块和简洁的图标,不使用阴影和立体效果,使得界面看起来更加清晰和直观。

这种风格常常被用于手机应用和网页设计中,能够为用户提供简洁、快速的用户体验。

2. 暗黑模式设计风格暗黑模式设计风格是一种在黑色或深色背景上设计的风格,它能够减少屏幕的亮度,降低眼睛的疲劳,并在夜间使用时更加舒适。

暗黑模式设计风格常用于手机应用和网站设计中,能够为用户提供更好的夜间阅读体验。

这种风格的设计通常采用鲜明的色彩和对比,使得界面更加突出和引人注目。

3. Material Design风格Material Design风格是由谷歌推出的设计风格,它强调简单的动画和鲜明的色彩,让用户界面看起来更加生动和具有层次感。

Material Design风格的特点包括卡片式的设计元素、阴影和动画效果,能够为用户提供更加直观和流畅的用户体验。

这种风格常用于谷歌的产品和应用中,被广泛认可和应用。

4. Neumorphism风格Neumorphism风格是一种模拟现实且深受欢迎的设计风格,它强调凹凸感和逼真的阴影效果,使得设计元素看起来更加真实和立体。

Neumorphism风格的特点包括柔和的颜色和渐变效果,以及细致的凹凸设计,使得界面更具质感和设计感。

这种风格适用于设计风格较为复杂的应用和网站,能够为用户带来更加沉浸和独特的用户体验。

总的来说,UI设计风格是设计师在设计用户界面时的一种设计风格选择,它能够帮助设计师创造出独特、易于理解和美观的用户界面。

浅谈界面设计中的扁平化设计风格

浅谈界面设计中的扁平化设计风格

浅谈界面设计中的扁平化设计风格【摘要】扁平化设计风格是当前界面设计中的热门趋势之一。

本文从扁平化设计的起源分析入手,探讨了扁平化设计与用户体验之间的关系,揭示了扁平化设计的优势和挑战。

文章也探讨了如何在实践中应用扁平化设计。

结合当前市场发展趋势,展望了扁平化设计的未来发展方向,并强调了扁平化设计在界面设计中的重要性。

通过创新的结合扁平化设计,可以实现更好的用户体验和视觉效果,促进产品的发展和创新。

扁平化设计不仅是一种设计风格,更是一种理念和趋势,将在未来继续引领界面设计的发展方向。

【关键词】扁平化设计风格, 界面设计, 特点, 用户体验, 优势, 挑战, 实践, 发展, 重要性, 创新1. 引言1.1 什么是扁平化设计风格扁平化设计风格是一种UI设计风格,它以简洁、清晰、直观的特点来展示信息和操作功能。

扁平化设计强调简单的图形和颜色,去掉过多的阴影、渐变和立体效果,让界面看起来更加平面化和轻盈。

这种设计风格还注重内容的重要性,将用户关注的内容放在首要位置,让用户能够快速获取所需的信息。

扁平化设计风格的核心理念是简洁明了,它遵循“少即是多”的原则,尽可能省略不必要的设计元素,使界面更加干净整洁。

扁平化设计还强调响应性布局,可以适应不同设备和屏幕尺寸,提升用户体验。

扁平化设计风格更注重用户操作的便捷性和视觉的舒适感。

在当前移动互联网时代,扁平化设计风格受到广泛欢迎。

它不仅符合现代人追求简约、高效的生活方式,还能提升用户界面的美感和易用性。

越来越多的应用和网站开始采用扁平化设计风格,以提升用户体验和品牌形象。

随着技术的不断发展和用户需求的不断升级,扁平化设计风格也在不断演进和完善,成为UI设计领域的一大趋势。

1.2 扁平化设计的特点扁平化设计的特点可以概括为简约、直观、清晰和易懂。

这些特点使扁平化设计在当前的设计领域中备受青睐,成为许多应用和网站设计的首选风格。

通过遵循扁平化设计的原则,设计师可以创造出符合用户习惯和喜好的界面,提升用户体验和用户满意度。

浅谈界面设计中的扁平化设计风格

浅谈界面设计中的扁平化设计风格

浅谈界面设计中的扁平化设计风格我们需要了解什么是扁平化设计。

扁平化设计是一种设计风格,它将设计元素简化,去除了多余的装饰和细节,使设计看起来更加平面化和简洁。

扁平化设计追求简约、直观和易懂的设计风格,其核心理念是“去掉更多的装饰,保留更多的内容”。

扁平化设计强调对用户友好的交互设计和简单直观的界面布局,使得用户可以更加便捷地找到自己需要的信息。

扁平化设计风格在界面设计中的应用非常广泛。

它可以提高用户体验。

扁平化设计去除了繁杂的装饰和细节,保留了设计的核心内容,使得界面更加简洁明了。

这样一来,用户在使用产品时可以更加轻松地找到所需的功能,提高了用户的使用效率。

扁平化设计还可以增加产品的易用性,让用户能够更加快速地理解和操作产品,从而提升用户体验。

扁平化设计还可以提高产品的美观性。

扁平化设计强调简约、直观和易懂的设计风格,使得界面看起来更加清晰、精美。

扁平化设计注重对色彩、图标和排版等设计元素的精心搭配和运用,使得整体的界面设计更加和谐、美观。

这不仅提升了产品的整体形象,还可以吸引更多用户的注意和喜爱,从而提高产品的市场竞争力。

扁平化设计还可以提高网站的响应速度。

扁平化设计将页面元素简化,去除了多余的装饰和精细的图案,减少了页面的加载量。

这样一来,网页的加载速度会大大提高,用户可以更快速地打开页面,提高了用户的上网体验。

从而,提高网站的响应速度和性能,也可以增加用户的粘性和满意度。

扁平化设计还可以提高产品的适配性。

扁平化设计强调简单直观的界面布局和语义化的HTML结构,这样可以使得产品更好地适配不同的设备和平台。

无论用户使用手机、平板还是电脑,都可以轻松地使用产品,不会出现页面错位、加载缓慢等情况,提高了产品的适配性和兼容性。

扁平化设计还可以提高产品的可维护性。

扁平化设计将页面元素进行了严格的分类和整理,使得整体的结构更加清晰、简洁。

这样一来,使得产品的代码更加规范、易读,便于后期的维护和更新。

扁平化设计还可以减少不必要的代码量,提高了产品的代码质量,从而降低了产品的维护成本。

浅谈界面设计中的扁平化设计风格

浅谈界面设计中的扁平化设计风格

浅谈界面设计中的扁平化设计风格随着移动设备的普及以及对用户体验要求的不断提高,设计行业也在不断地探索和创新,此时扁平化设计风格诞生了。

它是一种采用简单、直白的设计元素,倡导去除复杂、立体的设计方式,使得整体界面更加简洁、可读、可识别、易操作,而已经成为了当前设计的主流趋势之一。

扁平化设计风格的核心特点是简洁和平面化,可以通过去除立体、阴影和渐变等不必要的装饰元素来减少视觉冲击,从而使用户能够更快地理解界面上的元素。

在扁平化设计风格中,使用简单的几何形状、明亮的颜色和不同的字体来彰显重点,让用户很容易从这些元素中找到他们需要的内容。

在扁平化设计风格的应用场景中,第一时间想到的是移动应用程序。

在移动应用程序设计中,提供给用户更加省时、省力和简单的外观和使用方式是很重要的。

通过扁平化设计,让信息减少了复杂性,强欣赏性更加突出,同时也增强了用户间的细节解释能力和交互性。

扁平化的设计风格也越来越多的应用在Web设计领域中,而且此前设计的传统方案由于占用较多的屏幕空间,在用户界面表现上没有扁平化的设计风格更有优势。

在进行扁平化设计风格的设计中,需要考虑到以下几个方面:1. 对设计元素的选择,如颜色搭配、字体选择、线条使用等。

扁平化设计注重的是整体的效果,所以在元素的选择上需要有一个明确的目标,并进行区分。

2. 对用户体验的考虑。

扁平化的设计可减少用户的专心度,从而降低界面的复杂性。

在设计过程中,要满足用户的需求和期望,从而塑造用户良好的使用体验和品牌形象。

3. 针对不同设备进行设计。

不同设备的用户需求和使用特点不同,因此需要基于设备的使用场景进行设计。

总结来说,扁平化设计风格可以让用户更直观、更愉悦地使用应用程序,为用户提供更为方便的操作体验。

但是在实际应用中,也需要结合具体情况做出个体化的设计和调整,以满足具体用户需求。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

界面设计规范
1.引言 (2)
1.1概述 (2)
1.2信息位置的安排原则 (2)
2.规范基本规定 (4)
2.1环境 (4)
2.2文字与颜色 (4)
2.3数据格式与显示 (4)
2.4 键盘控制与无鼠标操作 (4)
3.窗口控件 (5)
3.1 MDI与SDI (5)
3.2 快闪窗口(SPLASH) (6)
3.3 登录窗口(LOGIN) (7)
3.4关于窗口(ABOUT) (8)
3.5 响应窗口(RESPONSE) (8)
3.6 系统主窗口 (9)
3.7 业务办理类窗口 (10)
3.8 数据查询类窗口 (12)
4.数据窗口控件 (14)
5.菜单控件 (17)
6. 按钮控件 (17)
7. 输入域 (17)
8. 帮助 (17)
1.引言
用户界面是应用系统的外在表现,是用户工作的接口,它的质量会直接影响系统的友好性与可用性。

本规范用于说明进行管理信息系统(MIS)设计开发时,所应遵循的用户界面开发规范,旨在描述设计怎样的界面风格,为用户所接收。

该规范主要针对PowerBuilder开发工具的进行设计。

由于PowerBuilde所倡导并提供的风格是基于图形化用户界面GUI的,是与Windows的界面风格相一致的,因此该规范同样可以适用于其他的前台开发工具。

系统界面如果采用WEB页面的方式,则设计原则另行规定。

规范中未做声明的内容,以满足开发总则为准。

1.1概述
有资料调查结果显示,用户希望的最佳屏幕特点为:
●一个规整、清晰、毫不混乱的外观。

●对于将要显示的内容以及对其将进行的操作有一个明确的提示。

●所希望的信息出现在其应该出现的位置。

●清楚地指明标题、小标题、数据、指示、选择等各种项目的关系。

●平白、简单的文字。

●通过简单的途径找到系统所含内容及得到它的方法。

●明确地指出什么时候某个操作能引起数据或系统运行的永久性改变
这样就要求我们所设计的用户界面,应满足如下基本要求:
*充分性:用户界面应充分满足功能要求
*一致性:用户界面应满足一致性要求,包括本模块内与分系统之间
*简洁性:用户界面在满足功能的前提下应尽量保持简洁
*合理性:用户界面的布局与设置应满足合理的功能要求
美观性:用户界面应满足美观性要求
1.2信息位置的安排原则
1.在屏幕左上角提供明显的起动点。

2.在屏幕上为诸如菜单、按钮、错误信息、标题、数据区等特定信息保留特定的区域,
并使这些区域在所有屏幕上保持一致。

3.对各种区域的编排应保持均衡、规整、对称、简明、比例协调、整体性。

●屏幕标题位于上中部,有利于产生对称感;菜单置于屏幕顶部,仅在标题
之下;按钮置于屏幕底部,在信息区之下。

●均衡感是将窗口显示本身置于中央,让各种元素在水平轴和垂直轴两边均保持相同比重,以及将标题置于中央而实现的。

●规整性是一种基于某些规则或计划的形式上的统一性,界面的规整性是通过建立标准,并且一致性地安排行与列的起始位置而实现的。

●对称性是一种轴向“复制”,中轴线一侧的某个单元在轴的另一侧有其类似单元。

●简明性是简单而明智地使用显示元素以便尽可能简单的得到信息。

其中包含屏幕上使用的信息。

●比例协调是指显示项目的宽度和高度的比例关系,实验表明,宽度比高度更大一些能带来更好的审美效果,比例可以遵守黄金分割定律。

●整体性是一种内在的粘合性,视觉上各元素形成一个整体。

2.规范基本规定
2.1环境
应用系统工作界面显示属性设置:
2.2文字与颜色
颜色作为一种信息的增强的从属表达手段,应只使用一个有限集,在通常情况下,采用色调柔和、淡雅、互补的颜色要比采用亮丽的、高饱和度的颜色好一些。

对界面颜色的设置及选用应使用系统现成的资源。

各窗口、控件(除数据窗口外)背景色用SILVER灰色RGB(192,192,192)。

录入的信息均采用宋体9号黑色正常字体,背景色用白色RGB(255,255,255)
对于不可操作仅供显示的信息,采用宋体9号黑色正常字体,背景色用SILVER 灰色RGB(192,192,192)
每个窗体必须有主题,表明此窗体完成的具体功能。

当前不可用的控件一律变灰,予以Disable。

数据窗口的文字与颜色将在下面的章节中另行给出。

2.3数据格式与显示
2.4 键盘控制与无鼠标操作
窗口操作应该既可以用鼠标又可以用键盘操作。

3.窗口控件
在管理信息系统中采用各种界面构件,通过组织与控制完成相应的事务功能,窗口就是其中最主要的控件。

下面按照不同的用途,对常用的窗口控件进行说明。

3.1 MDI与SDI
基于WINDOWS的应用程序的主界面方式有MDI和SDI两种风格。

SDI方式使用一个单一的主窗口以及其中附带的一系列补充的二级窗口来表达任务,在桌面和任务拦上提供对打开窗口的管理。

它是在一个对象和它的窗口之间提供一个以数据为中心的、一对一的关系。

MDI方式使用父窗口和一系列子窗口的形式来表达应用,它是在一个对界面元素进行共享的窗口中显示出相同或相关数据的多重查看区域。

快闪窗口用于在应用系统装载时,显示系统信息与版权信息,系统应开发统一的界面模板。

示例如下:
登录窗口用于前端程序连接后台数据库系统,系统应开发统一的界面模板。

示例如下:
当用户与口令均正确一致时,按下“修改口令”按钮,系统显示如下:
关于窗口用于显示系统信息与版权信息,系统应开发统一的界面模板。

示例如下:
3.5 响应窗口(RESPONSE)
响应窗口即对话框,用于进行一些临时或短暂的任务。

示例如下:
3.6 系统主窗口
系统主窗口用于系统功能的调度与控制。

以下提供几种方式以备确定。

规范1:MDI型各子系统均采用MDI Frame with microhelp类型主窗口,各业务功能以菜单项的形式出现。

示例如下:
规范2:SDI型各子系统均采用MAIN类型主窗口,各业务功能以文字形式出现,可给背景配置漂亮的图片。

示例如下:
确定结果:A
3.7 业务办理类窗口
规范1:传统菜单型,所有的操作都以菜单项的形式出现。

可以方便地使用继承功能。

示例如下:
规范2:IE菜单型,需经过一定的封装技术处理;如果主界面为MDI型,则处理技术会比较复杂。

示例如下:
规范3:按钮型,操作功能直观,但需占用一定的界面资源。

示例如下:
确定结果:A、C
3.8 数据查询类窗口
规范1:综合型,条件区与信息区放置在同一个窗口,可以方便地修改查询条件。

信息以一种“Master--Detail”的方式显示。

其中,左侧区域使用“Grid”型的控件,逐条列出所有记录的主要字段,“鼠标点击”选择某记录,则右侧区域中显示该记录的详细信息。

示例如下:
规范2:分步型,用户先在弹出窗口中录入查询条件,系统显示结果列表,通过鼠标电击查看详细信息。

示例如下:
1)录入查询条件
2)显示查询结果列表
3)在上述结果集中,可以继续进行其他操作,如双击查看详细信息,或选中某人员后转入变更处理。

确定结果:
4.数据窗口控件
数据窗口是用来显示、修改数据库数据的控件。

本规范对数据窗口的使用做如下的规定:
●考虑到窗口的整体效果,数据窗口的TITLE栏禁止使用。

●Grid数据窗口的左边需预留Indicator的空区,Indicator一律采用Hand!;
●Grid数据窗口中各列的宽度和次序可以灵活调整,特别适于列项数目、宽度、
次序不固定的情况
●其他
示例2:浏览(Grid)
示例3:浏览(Tabular)
示例4:信息操作FreeForm(字段数目较多)
示例5:信息操作Tabular(字段数目较少)
示例6:信息操作Grid(字段数目较少)
5.菜单控件
常用菜单项应统一定义快捷键,并带有可理解性较强的图标。

6.按钮控件
●尽量避免使用图形按钮
●每个按钮提供键盘快捷键
●按钮应统一定义常用操作的标准名称、快捷键,以及摆放次序;相关按钮应放
在一起,且不同窗口出现的同样按钮应保持定位的一致性
●当一个按钮操作会产生另一个窗口时,在按钮文字后加一个省略号(...)
●按钮的大小应相同;如果无法满足,则水平放置的按钮应高度相同,竖直放置
的按钮应宽度相同
●在相邻按钮之间留下同样的且足够的空格
●按钮区通常在屏幕的(可多选,以备不同情况选用):AB
A、右下方
B、中下方
C、右上方
7. 输入域
标题放在输入域左边,在标题和输入域之间不放一个特殊记号冒号(:)和一个空格。

标题按列右对齐,输入域也按列左对齐;各列数据必须有间隔,以易于辨认。

该规范同样适用于FreeForm型数据窗口中信息列的摆放。

示例如下:
8.帮助
系统应提供帮助:
A、F1联机帮助(基于RTF)
B、在线帮助(基于HTML)
确定结果:A、B。

相关文档
最新文档