成都网站建设:响应式网站常见的设计错误。

2022-08-04    分类: 响应式网站

之前成都网站建设小编曾经有分享过常见的网页设计错误分享,不知道大家是否还有印象呢?现在的网页设计者可以参考的资源很多,也有比较好的工具可以辅助设计,如今网页设计师的水平普遍不会犯下过去十年前常见的错误,例如字体的滥用或是图片解析度不足,图片过大等滥用情形,现在都已经很少见了。

现代的网页设计变得更为简单,轻松吗?其实这也未必,因为现在的设计网站多以响应式网站的方式进行,要顾虑的不仅是网站看起来要丰富,要内容,还要顾及是否可以于智慧手机平板上正常运作?是否能够达到网站优化的要求,使用者的界面是否合乎用户需求?

如果你是一位前端设计师,那么你应该要注意的是设计品质的提升,避免犯下视觉设计上的错误。以下分享来自Tilda出版博客针对网页设计工作者经常犯下的错误做出了整理,十分值得您借镜参考。

响应式网站常见的设计错误

视觉缺少物理区隔

通常设计师会用对比色彩,将不同内容区隔以物理的色彩方式区隔起来。

视觉缺少物理区隔

留白间隙不一

内文文字与内容区块的间隔尺寸不一,网页看起来就会凌乱,内容与区块的间隔高度应当一致,技术上应该并不困难。

留白间隙不一

区隔太小物法区隔不易发挥作用

即使有了物理色彩区隔,区隔空间不足也很容易彼此干扰。不同的内容区隔,彼此至少有120像素的间隔尺寸。

区隔太小物法区隔不易发挥作用

区隔太小物法区隔不易发挥作用

背景与文字的对比不佳

背景底图搭配文字是当首页设计主流,一般会将背景加上黑色遮罩搭配亮色文字,就有不错的效果,但要如何让页面看起来舒适,仍须细心调整。

背景与文字的对比不佳

同一页面太多设计属性

一个页面的设计风格(风格)过多,或使用多重字体,容易让页面看起来专业度不足,导致视觉疲劳,应当妥善控制。

同一页面太多设计属性

色彩区隔过窄

避免让一个色彩区隔看起来过于狭窄,要将标题跟内文视为同一个区块,避免将标题与内文做出颜色区块。

色彩区隔过窄

栏位文字过多

首页的栏位以图片搭配简易的说明即可,过多的说明文字使首页看起来拥挤不堪,产品的规格,描述等适合用于内页而非首页。

栏位文字过多

居中文自说明过多

居中的文字(中心)宜精简不宜过多,需要的话,居中的文字可以透过物理区隔,将较长的文字切隔成多段有利阅读。

居中文自说明过多

文字盖过了重要的形象图片

用户可以接受文字盖住(叠加)主图,但如果主图是想要传达的重要项目,那么你应该帮文字转个弯,让主图可以好好发挥他的价值。

文字盖过了重要的形象图片

视觉层级错误

以文字来说,主标要比标题大,标题要比内文大,有了这些用户可以找到讯息的重点,传递讯息更有效率,也更易于阅读内容。

其实响应式网站还有更多设计常见错误,碍于篇幅的限制我们就不多说了,欢迎大家致电成都网站建设公司学习更多知识,咨询电话:18894001311。

分享题目:成都网站建设:响应式网站常见的设计错误。
文章位置:https://www.cdcxhl.com/news17/185217.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有响应式网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设