建站技术
顺应时代发展趋势,运用新html5响应式开发技发,打造视觉盛宴
公司新闻
SEO优化
建站技术
常州做网站:响应式网页设计的常见问题
更新时间:2018-10-10 点击:1388

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

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

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

视觉缺少物理区隔

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

留白间隙不一

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

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

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

背景与文字的对比不佳

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

同一页面太多设计属性

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

色彩区隔过窄

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

栏位文字过多

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

居中文自说明过多

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

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

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

视觉层级错误

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


欢迎访问更多网站推广,网络营销,网站优化,SEO相关内容



联系我们
共同探寻网络核心价值让网络更精彩
公司地址:
常州市新北区典雅商业广场2号楼501、502、525、526
来电咨询:
座机:0519-69881866
手机:13775225976(微信同号)
网络咨询:
QQ:1163029111
邮箱:1163029111@qq.com
获取2023年互联网营销方案
已成功帮助200家知名企业完成互联网营销转型
 
常州网站建设 | 
苏州网站建设 | 
无锡网站建设 | 
上海网站建设 | 
镇江网站建设 | 
泰州网站建设 | 
扬州网站建设 | 
淮安网站建设 | 
连云港网站建设 | 
徐州网站建设 | 
宿迁网站建设 | 
盐城网站建设 | 
杭州网站建设 | 
绍兴网站建设 | 
温州网站建设 | 
嘉兴网站建设 | 
本溪网站建设 | 
宁波网站建设 | 
蚌埠网站建设 | 
湖州网站建设 | 
版权所有:常州云计算信息科技有限公司 备案号:苏ICP备12041652号 苏公网安备32041102000961号