网站制作网页界面的格式塔原理应用
时间 :
2022-05-05 11:18:28
编辑 :平台网页定制
界面中元素的组织对界面信息认知有直接影响, 因此合理规划界面中的元素至关重要。在界面设计中运用格式塔原理为设计师提供了一种新的思路, 通过显性的界面元素布局, 传达隐含信息关系, 有效提高用户对界面信息的认知效率, 提升用户体验。格式塔原理分析人的眼脑视觉规律, 从整体角度把握事物的知觉结构, 对信息进行简化、组织、加工来规划界面信息, 使界面更加协调, 易于理解。通过对格式塔原理的分析, 提醒设计者在设计时保证让界面上的信息适应人的视知觉规律, 提高界面的可视性。对于静态网页界面设计, 最重要的格式塔原理有以下几条:接近性原理、相似性原理、连续性原理、封闭性原理、对称性原理和主体与背景原理。
1、接近性和相似性原理
接近性和相似性原理都倾向于把信息经过梳理和归纳进行分组, 将一大段信息分割成更易于浏览和阅读的若干块, 降低认知难度。接近性原理是指人的视觉习惯会根据信息元素的相对物理位置远近, 感知信息是如何组织在一起的。在一定的平面区域内, 互相靠近的对象看起来是一组, 距离较远的则被分为另一组。
在网页界面中, 相关联的信息元素可以利用接近性原理进行整合, 利用设计元素的位置距离实现信息关系的表达。
相似性原理指的是对于具有相同或相似形状、颜色、结构特征的元素, 人眼倾向于将它们归为一组信息。在网页界面中, 相似性原理应用情景一般有两种。一种是利用有共性的元素或元素组织形式表现信息, 表示该信息具有相似的功能, 满足了同一个任务需求。
2、连续性和封闭性原理
连续性和封闭性原则倾向于让信息以完整形态的方式呈现, 将不熟悉的形式转换成符合以往认知的对象, 自动补齐缺少的部分, 从整体上把握事物。连续性原理是指人们倾向利用物体运动的趋势, 将没有连接在一起的个体加工成连续的, 将零散的信息认知成一个相互联系的整体。
封闭性原理指的是人们根据自身经验, 更倾向于识别一个完整熟悉的物体, 会自觉将存在缺漏的物体补充完整。
3、对称性和主体与背景原理
对称性和主体与背景原理具有简化对象的倾向。对称性原理是指在面对复杂的对象时, 我们的视觉系统会按照最简化的形式来认知对象, 更易感知匀称的物体, 倾向将对称的元素感知为一个整体。
主体与背景原理是指在一个场景中突出强调某些元素, 占据人们主要注意力, 而其余元素退后成背景, 起衬托作用。该原则为图像营造一种层次感, 主体元素在视觉上更靠前, 人们会优先感知主体部分, 背景则不容易引起注意, 从而通过这种形式简化人们的认知过程。
大家都登录过各种论坛, 我们每个用户的留言, 都会不断更新, 同时在我们需要的时候, 可以查询到权限内, 几个月甚至几年的留言。这是因为, 我们的留言存储在后台数据库中。这个数据库在服务器端, 我们可以通过自身终端去访问服务器端, 通过密码验证, 获得权限得到数据。
那么PHP如何实现这些过程呢?首先服务器建立, 选取一台性能较高的电脑作为服务器, 在该台电脑中安装MYSQL服务器端软件。利用PHP脚本语言建立与数据库的连接。将用户的基本信息和留言存储在数据库中。所以大家在留言的过程, 就是写入数据库的过程。而大家回看自己的留言就是从服务器端获取数据的过程。从PHP编程角度, 基本应该具有删除.php模块、保存模块、登录模块、游客模块以及最基本的index模块 (一般为留言处的首页)
1、接近性和相似性原理
接近性和相似性原理都倾向于把信息经过梳理和归纳进行分组, 将一大段信息分割成更易于浏览和阅读的若干块, 降低认知难度。接近性原理是指人的视觉习惯会根据信息元素的相对物理位置远近, 感知信息是如何组织在一起的。在一定的平面区域内, 互相靠近的对象看起来是一组, 距离较远的则被分为另一组。
在网页界面中, 相关联的信息元素可以利用接近性原理进行整合, 利用设计元素的位置距离实现信息关系的表达。
相似性原理指的是对于具有相同或相似形状、颜色、结构特征的元素, 人眼倾向于将它们归为一组信息。在网页界面中, 相似性原理应用情景一般有两种。一种是利用有共性的元素或元素组织形式表现信息, 表示该信息具有相似的功能, 满足了同一个任务需求。
2、连续性和封闭性原理
连续性和封闭性原则倾向于让信息以完整形态的方式呈现, 将不熟悉的形式转换成符合以往认知的对象, 自动补齐缺少的部分, 从整体上把握事物。连续性原理是指人们倾向利用物体运动的趋势, 将没有连接在一起的个体加工成连续的, 将零散的信息认知成一个相互联系的整体。
封闭性原理指的是人们根据自身经验, 更倾向于识别一个完整熟悉的物体, 会自觉将存在缺漏的物体补充完整。
3、对称性和主体与背景原理
对称性和主体与背景原理具有简化对象的倾向。对称性原理是指在面对复杂的对象时, 我们的视觉系统会按照最简化的形式来认知对象, 更易感知匀称的物体, 倾向将对称的元素感知为一个整体。
主体与背景原理是指在一个场景中突出强调某些元素, 占据人们主要注意力, 而其余元素退后成背景, 起衬托作用。该原则为图像营造一种层次感, 主体元素在视觉上更靠前, 人们会优先感知主体部分, 背景则不容易引起注意, 从而通过这种形式简化人们的认知过程。
大家都登录过各种论坛, 我们每个用户的留言, 都会不断更新, 同时在我们需要的时候, 可以查询到权限内, 几个月甚至几年的留言。这是因为, 我们的留言存储在后台数据库中。这个数据库在服务器端, 我们可以通过自身终端去访问服务器端, 通过密码验证, 获得权限得到数据。
那么PHP如何实现这些过程呢?首先服务器建立, 选取一台性能较高的电脑作为服务器, 在该台电脑中安装MYSQL服务器端软件。利用PHP脚本语言建立与数据库的连接。将用户的基本信息和留言存储在数据库中。所以大家在留言的过程, 就是写入数据库的过程。而大家回看自己的留言就是从服务器端获取数据的过程。从PHP编程角度, 基本应该具有删除.php模块、保存模块、登录模块、游客模块以及最基本的index模块 (一般为留言处的首页)
知客建站模板网
热门新闻
- 网页结构设计
- 网页设计的面
- 图书馆网页设计的审美意识
- 网页设计中应用计算机图像处理技术的技巧
- 泛娱乐时代网页设计的视觉化审美态势
- 网站建设中网页设计的安全缺陷
- Flash技术在网站制作中的应用
- 差异化发展的境外网页布局
- 新媒体下高校网站建设思考
- 色调的搭配在网页设计中起到至关重要的作用
- 企业网站设计网站建设
- Web网页的界面设计以及导航的设计好坏
- 网站建设网页标准化设计的具体应用
- 正视现实,学习商业网站经验
- 视频网站版权输出
- 规范网站建设管理
- 网站建设的重要意义
- 网页中的图像大小
- 网页设计艺术表现
- 电子商务网站建设存在的
- 网页设计中秩序与灵动的起点
- 明确网站页面
- 留白在网页设计中的构造形式
- 网页安全色
- 网页的排版结构即网页的版面布局
- 网页LOGO
- 交通运输行业政府网站信息公开
- 站建设网站应最大限度地满足顾客需求
- 当前网站建设中外观设计中存在的基本问题
- 水墨元素在现代网页设计中的动态化
- 网络经济背景电子商务网站建设面临的困境
- 网页设计师必备技能
- 将视听元素加入网站中
- 加大网页的幅面
- 确保网页设计中图像处理技术的有效应用
- 交通运输部门网站建设
- 医学院校图书馆网页建设的必要性及意义
- 网页效果图的色彩应用
- 网站链接优化
- 网页界面色彩搭配
- 网页的色彩处理
- 明确政府网站建设的刚性需求,努力打造科学高效和便捷的网站服务
- 网页的版面编排
- 之关于网页设计颜色搭配
- 网页的美工设计与制作的应用效果
- 网页设计的发展前景
- 网页设计中体验设计的创新
- 网页制作技术
- 出台政府网站建设的基本技术规范
- 企业开展电子商务业务自建