pc网页控件设计规范（网站基础控件）
本文目录一览：
- 1、web界面设计规范有哪些-UI设计规范:如何构建Web端?
- 2、UI设计有哪些规范?
- 3、UI设计控件建立的主要思路是怎样的?
- 4、到底什么是UI设计规范(ui设计规范包括哪些内容)
- 5、UI界面设计需要遵循哪些规范_ui设计规范包括哪些内容
web界面设计规范有哪些-UI设计规范:如何构建Web端?
安装界面上应有单位介绍或产品介绍，并有自己的图标。 062主界面，最好是大多数界面上要有公司图标。 063登录界面上要有本产品的标志，同时包含公司图标。 064帮助菜单的关于中应有版权和产品信息。
．已上传至蓝湖协作平台的高保真界面，应根据平台中的标注尺寸进行精确还原，Web界面还原度不得低于95%；移动端还原度为100%（精确到一像素）。2．开发人员完成视觉部分内容以后，必须由UI设计师及前端技术负责人进行校对工作。
网页端：目前市面上显示器屏幕尺寸为19-21寸，屏幕分辨率大概在1280px*800px—1440px*900px之间，前端工程师在写页面的时候，宽度一般设为1180px—1220px（当然，这个宽度也不是绝对固定的）。
尺寸规范：在分辨率1024px*768px的情况下，满屏宽度为1003px，通常定义可视范围为920px~1000px之间。常见：宽960px、980px、1000px，一屏高度650px。
UI设计有哪些规范?
1、设计中三大元素，色彩，字体，图形，那么第一步我们在建立一个系统时候，色彩是很重要一部分，我们需要定义好我们整个系统的色彩架构体系，色彩体系一旦建立好，后面我们的设计都将围绕这些色彩进行设计，色彩包括：品牌色、辅助色、字体黑白灰颜色、不可用颜色、超链接颜色、成功或失败颜色等等。
2、组件规范 组件规范是由两个元素组成，且可点击的控件。组件规范有按钮、导航栏、搜索框、tab栏、列表、表格、筛选器等。模块规范&banner运营规范 模块规范是一个大的板块，如金刚区、列表流、图片流等；因为banner运营是一个很复杂的模块，需要单独定义规范。
3、UI交互设计规范中的页面信息规范主要指页面的静态信息应该遵循的规则，包括：标题规范；新窗口链接规范；图片规范。信息规范 UI交互设计规范中的交互提示规范主要用于规定在交互过程中交互的方式及其信息提示，包括：预先信息提示 a.表单提交类，b.谨慎类操作，c.差异化规则。
4、强化与视觉焦点 轴线周围的元素边缘整齐，就仿佛点亮了这条线，Twitter时间线中的头像和推文就是强化轴线的实例，引导用户的视线流动。 运动与引导 视觉有沿着线条移动的自然倾向，如同沿街行走。SoundCloud的音轨沿着水平轴线，随着音乐的推进，引导用户的听觉旅程。
UI设计控件建立的主要思路是怎样的?
1、以原子化理论为依据去构建我们的设计体系。将我们的页面拆分成不同的原子（元素），再将原子进行组合成分子（控件），再将不同分子进行组合成组织（模块），再将组织组合成最后的页面。这样做的目的是让整个设计看起来和谐而生动，每一步的构造都是精心打造的。 场景收集、归纳分类。
2、UI 设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。二是交互设计，主要在于设计软件的操作流程、树状结构、操作规范等。三是用户测试/研究，这里所谓的“测试”，其目标恰在于测试交互设计的合理性及图形设计的美观性，主要通过以目标用户问卷的形式衡量 UI 设计的合理性。
3、色彩从来都不是越多越好，通常配色方案当中，色彩数量要控制在3种左右，设计师根据色彩对人们心理的影响，合理地加以运用，通过创建配色方案，系统地对品牌和UI界面的色彩进行管理，这确保了品牌和UI在色彩的运用上保持着高度的一致。
到底什么是UI设计规范(ui设计规范包括哪些内容)
标注主要是以下四种不同属性的内容：尺寸、文字、间距、颜色。在进行标注时，首先去除导航栏和标签栏，因为这些控件通用性非常强，需要单独拿出来进行统一标注，这里我们只对内容区来进行标注示例。
UI 设计（或称界面设计）是指对软件的人机交互、操作逻辑、界面美观的整体设计，也叫界面设计。UI 设计分为实体 UI 和虚拟UI，互联网说的 UI 设计是虚拟 UI， UI 即User Interface（用户界面）的简称。UI 设计师的职能大体包括三方面：一是图形设计，软件产品的产品“外形”设计。
UI即User Interface（用户界面）的简称，UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计，好的UI设计不仅是让软件变得有个性有品位，还要让软件的操作变得舒适简单、自由，充分体现软件的定位和特点。
UI交互设计规范中的页面信息规范主要指页面的静态信息应该遵循的规则，包括：标题规范；新窗口链接规范；图片规范。信息规范 UI交互设计规范中的交互提示规范主要用于规定在交互过程中交互的方式及其信息提示，包括：预先信息提示 a.表单提交类，b.谨慎类操作，c.差异化规则。
一：遵循一致的准则，确立标准并遵循 无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。二：（Color）颜色使用恰当，遵循对比原则 三：（Resource）资源 一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。
UI即UserInterface（用户界面），UI设计规范是基于用户界面产品而制定的一套可复用设计库，也是为了方便设计师、开发和测试人员共同协作，而遵循的规律和法则。产品要有可遵循的标准来规范视觉呈现和元素定义，保证日后的迭代可以延续产品所传递的思想和价值，能最大限度保证产品的一致性。
UI界面设计需要遵循哪些规范_ui设计规范包括哪些内容
1、一：遵循一致的准则，确立标准并遵循 无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。二：（Color）颜色使用恰当，遵循对比原则 三：（Resource）资源 一个多姿多彩的人机交互界面，少不了精美的鼠标光标、图标以及指示图片、底图等。
2、轴线的韵律 轴线，作为UI设计的灵魂，是组织界面架构的基石。它不仅是视觉上的一条虚线，而是引导用户感知的隐形线索。设计中，对齐、强化、运动和连续性这四个维度都与轴线息息相关。
3、基础规范 基础规范我划分的是组成页面最小的元素、是最基础的一步。基础规范有文字、颜色、布局层级、图形、分割线等。组件规范 组件规范是由两个元素组成，且可点击的控件。组件规范有按钮、导航栏、搜索框、tab栏、列表、表格、筛选器等。
4、UI设计应考虑到不同用户的访问需求，包括视力、操作系统、浏览器等。设计者应确保界面在各种设备和环境下都能正常显示和使用，避免因为设备或环境的不同导致用户体验下降。同时，也要考虑到用户的特殊需求，如视障用户等，提供必要的辅助功能。
5、简易性 界面的简洁是要让用户便于使用、便于了解产品，并能减少用户发生错误选择的可能性。用户语言 界面中要使用能反映用户本身的语言，而不是游戏设计者的语言。记忆负担最小化 人脑不是电脑，在设计界面时必须要考虑人类大脑处理信息的限度。
6、UI交互设计规范中的页面信息规范主要指页面的静态信息应该遵循的规则，包括：标题规范；新窗口链接规范；图片规范。信息规范 UI交互设计规范中的交互提示规范主要用于规定在交互过程中交互的方式及其信息提示，包括：预先信息提示 a.表单提交类，b.谨慎类操作，c.差异化规则。
