7个让Web页面布局成为败笔的设计误区

2024-01-07 13:32

本文主要是介绍7个让Web页面布局成为败笔的设计误区,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

即使Web设计已经成为一个真正的产业,开发一个网站仍旧是技术和艺术的结合。一个网站的设计既可以带来大量流量,同时也可以吓走大量用户,当然这些都和设计师相关。经验、天份和能力是一个设计师最强大的工具。一个设计精良的布局是Web设计的基础,而且,这也是一个非常耗时的工作。

设计一个非常好的布局是一件非常不容易的事情,而且判断的方式也非常主观。任何一个设计可能会取悦你,也可能让其它人厌恶。尽管这样,这里仍旧有些大家都承认的设计误区。

为了帮助设计初学者少走弯路,我们列出了一些Web设计上的误区。

1.缺乏空白区域

没有比把页面塞得像麻袋一样满更让人烦人的设计了。你应该保留一定的空白页面让访问者放松他们的眼睛。很多设计者都想在第一个页面提供更多的内容。似乎初学设计的人更容易犯这个错误,但其实各个设计水平的人都有这个倾向。设计者太依赖于布局而不敢尝试其它方式。有时候,最简单的因素胜于一切。

2.非常糟糕的颜色组合

糟糕的颜色搭配绝对是最吓人的。一个很常见的错误就是使用高对比颜色创建一个富有视觉张力的设计。

很多的对比设计都希望使用一种颜色通过色彩和饱和度重点突出最重要的部分。这里有一个小技巧非常不错:降低你的文件饱和度,如果各个元素之间的区别非常清晰的话,那就足够了。这个逻辑非常简单:视觉没有问题的人会看的非常清晰,然而有视觉问题的人将看到黑色、白色或者灰色的布局。现在简单了,如果他们查看布局颜色没有困难,那么布局就通过了色彩可用性测试。

3.一个页面里包含的内容太多

布局中可以拥有很多空白区域,同时也可以包含大量信息。通常人们都是先扫上几眼页面布局,因此设计人员应该让整个布局可被快速浏览。一个拥有信息太多的网站,例如,插入太多的图标、按钮和图片将会非常难以浏览,会让网站的易用度大打折扣。

4.图片使用不当

一张图片可能抵得过上百个文字,但是如果使用不当的话,你的布局设计就失败了。文字内容、布局和图片应该组合使用,它们并不是分离的个体。任何Web设计人员都应该理解创意并且有效的实现。图片应该能有效地说明网站需要表达的信息,这是一个在设计时最初需要考虑的因素。

5.忽略了字体排版

因为数量多,或者非常少就忽略了字体排版是一个非常大的错误。字体排版不是一个简单的如何选择字体的过程,它还包含了句子、段落及标题的组织方式。你可能想这里需要做的工作太多了,但是一个富有成效的设计将会对页面布局产生非常重要的影响。

6.没有考虑到可用性和所有人的使用感受

可用性可能被很多人认为是一个多余的事情,但是一个可用性差的网站是一个自私设计者的作品。网络世界对于任何人都是平等的,如果你的设计不能让每个人都能享受到,那么将会是一件很不尊重人的事情。美国有一项法规规定:任何机构和部门的网站都必须通过可用性测试。实际上可用性并不是个高科技的东西。例如,你只需要简单加上alt标签属性,这并不会给你带来任何麻烦。这里用不着遵循什么法规,从道德和道义上来讲,我们应该自觉地将这个考虑到设计中去。

7.没有事先思考

由于缺乏经验,使得我们需要不停地修改自己的东西。滑稽的是,我们可能晚上设计的东西,第二天可能就会被删除。一个聪明的设计者会在最开始的时候思考整个布局的大概设计。这种方式可以节省很多时间和资源。很明显,在实际做之前思考是一件很不容易的事情,但是至少能够帮助我们尽量少的去修改我们的设计。不用担心,经验可以帮助我们做到这一点。

英文出自:Webdeveloperjuice

 

这篇关于7个让Web页面布局成为败笔的设计误区的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/580078

相关文章

Mysql中设计数据表的过程解析

《Mysql中设计数据表的过程解析》数据库约束通过NOTNULL、UNIQUE、DEFAULT、主键和外键等规则保障数据完整性,自动校验数据,减少人工错误,提升数据一致性和业务逻辑严谨性,本文介绍My... 目录1.引言2.NOT NULL——制定某列不可以存储NULL值2.UNIQUE——保证某一列的每一

Python Web框架Flask、Streamlit、FastAPI示例详解

《PythonWeb框架Flask、Streamlit、FastAPI示例详解》本文对比分析了Flask、Streamlit和FastAPI三大PythonWeb框架:Flask轻量灵活适合传统应用... 目录概述Flask详解Flask简介安装和基础配置核心概念路由和视图模板系统数据库集成实际示例Stre

一文详解如何使用Java获取PDF页面信息

《一文详解如何使用Java获取PDF页面信息》了解PDF页面属性是我们在处理文档、内容提取、打印设置或页面重组等任务时不可或缺的一环,下面我们就来看看如何使用Java语言获取这些信息吧... 目录引言一、安装和引入PDF处理库引入依赖二、获取 PDF 页数三、获取页面尺寸(宽高)四、获取页面旋转角度五、判断

Java 方法重载Overload常见误区及注意事项

《Java方法重载Overload常见误区及注意事项》Java方法重载允许同一类中同名方法通过参数类型、数量、顺序差异实现功能扩展,提升代码灵活性,核心条件为参数列表不同,不涉及返回类型、访问修饰符... 目录Java 方法重载(Overload)详解一、方法重载的核心条件二、构成方法重载的具体情况三、不构

如何使用Maven创建web目录结构

《如何使用Maven创建web目录结构》:本文主要介绍如何使用Maven创建web目录结构的问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录创建web工程第一步第二步第三步第四步第五步第六步第七步总结创建web工程第一步js通过Maven骨架创pytho

Java Web实现类似Excel表格锁定功能实战教程

《JavaWeb实现类似Excel表格锁定功能实战教程》本文将详细介绍通过创建特定div元素并利用CSS布局和JavaScript事件监听来实现类似Excel的锁定行和列效果的方法,感兴趣的朋友跟随... 目录1. 模拟Excel表格锁定功能2. 创建3个div元素实现表格锁定2.1 div元素布局设计2.

如何使用Haporxy搭建Web群集

《如何使用Haporxy搭建Web群集》Haproxy是目前比较流行的一种群集调度工具,同类群集调度工具有很多如LVS和Nginx,本案例介绍使用Haproxy及Nginx搭建一套Web群集,感兴趣的... 目录一、案例分析1.案例概述2.案例前置知识点2.1 HTTP请求2.2 负载均衡常用调度算法 2.

MyBatis设计SQL返回布尔值(Boolean)的常见方法

《MyBatis设计SQL返回布尔值(Boolean)的常见方法》这篇文章主要为大家详细介绍了MyBatis设计SQL返回布尔值(Boolean)的几种常见方法,文中的示例代码讲解详细,感兴趣的小伙伴... 目录方案一:使用COUNT查询存在性(推荐)方案二:条件表达式直接返回布尔方案三:存在性检查(EXI

python web 开发之Flask中间件与请求处理钩子的最佳实践

《pythonweb开发之Flask中间件与请求处理钩子的最佳实践》Flask作为轻量级Web框架,提供了灵活的请求处理机制,中间件和请求钩子允许开发者在请求处理的不同阶段插入自定义逻辑,实现诸如... 目录Flask中间件与请求处理钩子完全指南1. 引言2. 请求处理生命周期概述3. 请求钩子详解3.1

SpringBoot项目Web拦截器使用的多种方式

《SpringBoot项目Web拦截器使用的多种方式》在SpringBoot应用中,Web拦截器(Interceptor)是一种用于在请求处理的不同阶段执行自定义逻辑的机制,下面给大家介绍Sprin... 目录一、实现 HandlerInterceptor 接口1、创建HandlerInterceptor实