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

相关文章

Spring常见错误之Web嵌套对象校验失效解决办法

《Spring常见错误之Web嵌套对象校验失效解决办法》:本文主要介绍Spring常见错误之Web嵌套对象校验失效解决的相关资料,通过在Phone对象上添加@Valid注解,问题得以解决,需要的朋... 目录问题复现案例解析问题修正总结  问题复现当开发一个学籍管理系统时,我们会提供了一个 API 接口去

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用

使用IntelliJ IDEA创建简单的Java Web项目完整步骤

《使用IntelliJIDEA创建简单的JavaWeb项目完整步骤》:本文主要介绍如何使用IntelliJIDEA创建一个简单的JavaWeb项目,实现登录、注册和查看用户列表功能,使用Se... 目录前置准备项目功能实现步骤1. 创建项目2. 配置 Tomcat3. 项目文件结构4. 创建数据库和表5.

使用JavaScript将PDF页面中的标注扁平化的操作指南

《使用JavaScript将PDF页面中的标注扁平化的操作指南》扁平化(flatten)操作可以将标注作为矢量图形包含在PDF页面的内容中,使其不可编辑,DynamsoftDocumentViewer... 目录使用Dynamsoft Document Viewer打开一个PDF文件并启用标注添加功能扁平化

SpringBoot如何访问jsp页面

《SpringBoot如何访问jsp页面》本文介绍了如何在SpringBoot项目中进行Web开发,包括创建项目、配置文件、添加依赖、控制层修改、测试效果以及在IDEA中进行配置的详细步骤... 目录SpringBoot如何访问JSP页python面简介实现步骤1. 首先创建的项目一定要是web项目2. 在

手把手教你idea中创建一个javaweb(webapp)项目详细图文教程

《手把手教你idea中创建一个javaweb(webapp)项目详细图文教程》:本文主要介绍如何使用IntelliJIDEA创建一个Maven项目,并配置Tomcat服务器进行运行,过程包括创建... 1.启动idea2.创建项目模板点击项目-新建项目-选择maven,显示如下页面输入项目名称,选择

HarmonyOS学习(七)——UI(五)常用布局总结

自适应布局 1.1、线性布局(LinearLayout) 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列,Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距,达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式,且在各类尺寸屏幕上表现一致,其中交叉轴为垂直时,取值为Vert

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

如何在页面调用utility bar并传递参数至lwc组件

1.在app的utility item中添加lwc组件: 2.调用utility bar api的方式有两种: 方法一,通过lwc调用: import {LightningElement,api ,wire } from 'lwc';import { publish, MessageContext } from 'lightning/messageService';import Ca

Java Web指的是什么

Java Web指的是使用Java技术进行Web开发的一种方式。Java在Web开发领域有着广泛的应用,主要通过Java EE(Enterprise Edition)平台来实现。  主要特点和技术包括: 1. Servlets和JSP:     Servlets 是Java编写的服务器端程序,用于处理客户端请求和生成动态网页内容。     JSP(JavaServer Pages)