苏州网站建设

响应式网页设计的常见设计问题

发布日期:2018-09-10

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

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

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

响应式网页设计

视觉缺少物理区隔

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

响应式网页设计

留白间隙不一

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

响应式网页设计

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

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

响应式网页设计响应式网页设计

背景与文字的对比不佳

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

响应式网页设计

同一页面太多设计属性

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

响应式网页设计

色彩区隔过窄

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

响应式网页设计

栏位文字过多

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

响应式网页设计

居中文自说明过多

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

响应式网页设计

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

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

响应式网页设计

视觉层级错误

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

其实来源的外贸网站还有更多设计常见错误,碍于篇幅的限制我们就不多说了,欢迎大家至来源的迅外网络阅读与学习


上一篇:阿里巴巴官方:明年今日马云将不再担任董事局主席

下一篇:苏州做网站分享:为什么企业做了网站没有效果

Copyright © 亿企搜网络科技有限公司版权所有 专注网站建设公司苏州网站建设企业网站建设 备案号:苏ICP备18035509号 网址:www.cn-sem.cn

现在就与亿企搜客服交流

18012673001

您也可进行在线咨询或预约项目顾问
在线咨询