首页 > 其他分享 >原型设计规范

原型设计规范

时间:2024-07-10 11:32:57浏览次数:17  
标签:布局 表单 原型 设计规范 页面 交互 输入 图标

APP:

  导航栏、菜单栏:规定导航栏和菜单栏、手势操作的一致性,位置大多为底部和侧边

  界面尺寸:参考适配机型

  手势交互方式:通过滑动、拖动、捏合等方式支持触摸屏交互

  响应式设计:移动端尺寸有限,布局应更紧凑

  图标和按钮:规定图标和按钮的尺寸、样式和状态,方便用户理解功能和交互方式,应注重触摸操作的友好性

  过渡效果:应增强用户体验和界面流畅性

  表单和输入:规定表单的样式、交互行为和验证规则,表单和输入的设计包含输入字段布局、输入字段类型、标签和占位符、输入验证和反馈、自动填充和建议、键盘类型和布局、字符计数和限制、输入反馈和按钮等内容

  响应速度和性能:优化加载速度和响应性能,考虑图片和媒体优化(使用适当的压缩算法和图片格式,如JPEG、WebP),加载时间(通过动画或进度条提供反馈)

  辅助功能和可访问性:考虑合适的颜色对比度,可放大缩小的文本

Web:

  布局和网格系统:确定Web页面的整体布局和网格系统,可以保持一致性和可扩展性,规定网格列数、间距和响应式布局的断点,以确保页面在不同屏幕尺寸上呈现良好

  导航栏、菜单栏:操作一致,便于用户浏览和访问各个页面,注重键鼠操作,位置大多为顶部、侧边、面包屑导航,鼠标悬停和点击事件交互

  色彩和视觉风格:包括主色调、辅助色、背景色等,确保色彩的搭配合理、和产品的形象一致,并考虑色彩的对比度和可访问性

  字体和排版:选择适合Web页面的字体和排版样式,规定标题、正文、链接等文本元素的字体、大小、行高和颜色等,中文字体通常是宋体、微软雅黑、苹果系统黑体三种,英文字体通常是Times New Roman、Arial、sans三种

  图片和图标使用:确定图片图标格式、尺寸、质量和响应式处理

  表单设计:考虑输入验证、错误提示和提交操作的交互效果

  按钮和交互元素:确定样式、大小、颜色和交互效果,状态变化和可点击区域的大小

  

标签:布局,表单,原型,设计规范,页面,交互,输入,图标
From: https://www.cnblogs.com/lyc-icecola/p/18293567

相关文章

  • JavaScript中的执行上下文和原型链
    目录一、执行上下文1.执行上下文2.执行上下文栈3.闭包1)定义2)形成条件3)例子(1)例子1:简单闭包(2)例子2:闭包与循环(3)例子3:使用闭包模拟私有变量二、原型链1.定义2.原型(Prototype)与构造函数(Constructor)3.原型链使用1)工作原理2)使用(1)设置原型对象(2)原型链的继承一、......
  • 【设计模式(四)】创建型模式--原型模式
    创建型模式的主要关注点是“怎样创建对象?”,它的主要特点是“将对象的创建与使用分离”。这样可以降低系统的耦合度,使用者不需要关注对象的创建细节。概述:用一个已经创建的实例作为原型,通过复制该原型对象来创建一个和原型对象相同的新对象。原型模式包含如下角色:抽象原型类:......
  • [行业原型] O2O家装APP
    ​互联网装修是以互联网为工具,改造传统家装;家装O2O重点在于线上线下结合,线上引流线下有实体店体验参观;有线下实体店的互联网装修公司才是家装O2O公司。1.互联网装修现在这么火,各家互联网家装o2o的模式有什么异同?1、流量撮合平台,代表有土巴兔、齐家网,还有最近入局的新美大......
  • 对前端js高级面向对象的理解? 如何理解前端js中的内置对象、 对象原型、原型链?
    对象前言对象是一个包含相关数据和方法的集合(通常由一些变量和函数组成,我们称之为对象里面的属性和方法)对象是javascript中的一个重要的概念,甚至有“JavaScript中万物皆是对象”的说法。首先看面向对象 面向对象编程将一个系统抽象为许多对象的集合,每一个对象代表了这个系......
  • 油氢合建加氢站建设与设计规范探讨
        加氢站与加油站合建可以有效解决用地审批困难、选址受限、远离终端客户及管理成本高等问题。通过功能设施分区,共用给水和排水、供电、站控及安防系统,可最大限度地降低合建站建设管理成本,节约土地资源,实现加油与加氢合建站的可持续发展。简要分析了油氢合建站的优势......
  • 芯片验证 | FPGA 原型验证
    更多完整内容访问:【芯片验证|FPGA原型验证】......
  • 调用了这么久的JS方法是长在对象、类、值本身还是原型链上?
    调用了这么久的JS方法是长在对象、类、值本身还是原型链上?JavaScript这门语言总是能带给我惊喜,在敲代码的时候习以为常的写法,退一步再看看发现自己其实对很多基操只有表面的使用,而从来没思考过为何要这样操作。今天整理JS代码的时候突然发出灵魂三连问:为什么有些时候操作对象,......
  • 接口设计规范
    前言在实际工作中,我们需要经常跟第三方平台打交道,可能会对接第三方平台API接口,或者提供API接口给第三方平台调用。那么问题来了,如何设计一个优雅的API接口,能够满足:安全性、可重复调用、稳定性、好定位问题等多方面需求?今天跟大家一起聊聊设计API接口时,需要注意的一些地方,希......
  • 原型与原型链
    原型与原型链JavaScript只有一种结构:对象。每个对象(object)都有一个私有属性指向另一个名为原型(prototype)的对象。原型对象也有一个自己的原型,层层向上直到一个对象的原型为null。null没有原型。备注:指向对象原型的属性并不是prototype。它的名字不是标准的,但实际上所有浏览......
  • js实例对象读写原型对象成员
    在JavaScript中,实例对象可以读写原型对象的成员。原型对象是一个对象,用于存储共享的属性和方法,它是通过构造函数创建的实例对象的共享属性和方法的来源。你可以通过以下几种方式来读写原型对象的成员:通过实例对象的__proto__属性来读取原型对象的成员。__proto__属性指向......