响应式网页设计的十点常见设计错误

来源:Eidea编辑:xiemengdan浏览量:1069
现代的网页设计变得更为简单、轻松吗?其实这也未必,因为现在的很多公司设计网站多以响应式网站的方式进行,要顾虑的不仅是公司网站看起来要丰富、要内容,还要顾及是否可以于智能手机平板上正常运作?是否能够达到使用者的界面合乎用户需求?这篇文章就给大家分享一下响应式网页设计的常见的设计错误,避免网页设计工作者犯下错误。





1、视觉缺少物理区隔


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




2、留白间隙不一


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




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


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




4、背景与文字的对比不佳


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




5、同一页面太多设计属性


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




6、色彩区隔过窄


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




7、栏位文字过多


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




8、居中文自说明过多


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



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


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




10、视觉层级错误


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

响应式案例欣赏

物主租赁

数码租赁平台自适应网站

摩行侠

响应式企业官网设计开发

森晨科技

智能健康家电行业响应式网站设计