web界面设计的原则和总结

web设计原则和推理：

意符（Signifiers） ：一种额外的提示，告诉用户可以采取什么行为，以及应该怎么操作；必须是可感知（eg：视觉、听觉、触觉等）。——摘自《设计心理学 1 》
可供性（Affordance） ：也被翻译成『示能』，由 James J. Gibson 提出，定义为物品的特性与决定物品用途的主体能力之间的关系；其中部分可感知（此部分定义为 Perceived Affordance），部分不可感知。——摘自《设计心理学 1 》

一、亲密性

1、纵向间距关系通过大中小三种规格来划分信息层次
2、横向间距关系用栅格布局来排布，保证布局的灵活性

二、对齐

1、文案类对齐
2、表单类对齐
3、数字类对齐（右对齐）

三、对比

1、主次关系对比
2、总分关系对比
3、状态关系对比

四、重复

1、重复元素

五、直接

1、利用页内编辑
2、利用拖放

六、简化交互

1、实时可见
2、悬停可见
3、开关显示
4、交付工具
5、可视区域不等可点击区域

七、足不出户

1、添加覆盖层
2、添加嵌入层
3、虚拟页面
4、流程处理

八、提供邀请

1、静态邀请
2、动态邀请

九、巧用过渡

1、在视图变化时保持上下文
2、解释刚刚发生了什么
3、改善干知性能

十、即时反应

1、查询模式
2、反馈模式

参考框架（ant-design）：https://ant.design/docs/spec/principle-cn

web界面设计的原则和总结相关推荐

瞬间之美:Web 界面设计如何让用户心动
瞬间之美:Web 界面设计如何让用户心动市场价 :￥45.00 会员价 : ￥33.75(75折) [作者](美)Robert Hoekman, Jr. [同作者作品] [作译者介绍] [译者 ...
web界面设计工具_您应该了解的14个Web设计工具
web界面设计工具 Our time is very limited and we don't try most awesome tools available on the market becau ...
[转载]SDL 用法，第 5 部分：Pirates Ho! 中界面设计的原则 - 简易性、一致性和引人入胜
SDL 用法,第 5 部分:"Pirates Ho!" 中界面设计的原则简易性.一致性和引人入胜 Sam Lantinga Loki Entertainment Software ...
基于Html+Bootstrap的高校智慧学习平台WEB界面设计
目录 1 概述 4 2 需求分析 4 3 高校智慧学习平台WEB界面设计 4 2.1 功能描述 5 2.2 功能结构图 5 2.3界面设计 7 1 概述高校智慧学习平台主要是为在校学生提供一个开源 ...
Web界面设计——离开电脑、打散现有资源去设计
Web界面设计 --离开电脑.打散现有资源去设计互联网作为这个时代最伟大的发明,改变了整个世界的节奏,也创造了一个又一个奇迹.当马克·扎克伯格仅以PHP又一次改变整个网络世界格局,甚至影响到现实世界 ...
Web界面设计(Designing Web Interfaces中文版) (美)斯科特 pdf扫描版
Web界面设计是由Bill Scott编著.电子工业出版社出版的一部图书,在Web已经进入崭新的时代的今天,界面的设计显得非常重要,本书就是基于独一无二的Web环境下.在创建丰富体验的过程中设计Web ...
基于墨刀的web界面设计
狗舍界面设计一.设计背景随着现在人们生活水平的提高,以及生活压力的增大,许多人们会选择领养或购买宠物来陪伴自己. 并且心理科学工作者认为,人的待业总是为满足人们的某种需要而产生的.据调查城市里宠物 ...
UI Web界面设计
UI Web界面设计 -北京菜农- 前言本文将主要在web(如网站)界面设计上的一些观点和看法做相应阐述. 先来理解一下什么是UI?UI即User Interface(用户界面)的简称.UI ...
web登录界面设计_出色的Web界面设计的7条规则
web登录界面设计 When you work on a website or on the design of web pages, remember that their success is n ...