欢迎来到设计师实训基地-南通科迅教育
咨询电话:0513-81107102
如何提高网页效率
2017/2/17
科迅教育
338
南通网页设计培训怎么挑选-基础教学

(1)首页


你看大多数网站的首页,会看一屏往下的内容后,再点其他链接吗?毋庸置疑,在越来越浮躁的时代,用户操作越来越迅捷,打开首页后请给我5秒钟做出一个点击链接的判断和继续往下访问的理由,否则我将失却耐心。


首页超过1.5屏的内容,往往80%用户不去关注,白白浪费带宽。而你的首页往往会超过3屏,也就是说,用户下载你的首页原本只需要一半的时间,你却给了他另一半他根本不看的内容。中国的网络远远处于垃圾阶段,在中国才有迅雷、网游加速器这种东西的生存土壤。你的首页的下载时间是多么宝贵啊,你却浪费了。


(2)圆角装饰和直角装饰


圆角装饰看上去比较润滑,是因为相比而言,直角是两条成90度的线相交,在四维判断上用户要通过两个方向来判断,造成一种感官困扰。而圆角是两条成90度的线的国过渡,视觉判断上是一种缓和。对于女性来讲,方向感更差,所以她们是不得不“喜爱”圆角这种平滑过渡的。


在把所有的装饰图片用CSS做成背景后,一次下载多次使用,提高了效率。在HTML5普及之前,仍旧是需要用图片来形成圆角装饰的,当然不排除用CSS、滤镜、JS的一些hack技巧去模拟圆角,但这些都是“奇淫巧技”。


再说一下,工业设计的先驱——包豪斯,起源于二战前的德国,后因战争转移到美国而成为当今工业设计的发祥地。看看二战德国的坦克跟当今先进的坦克在外形设计上时不分高下的。


IT其实是工业、也只有在工业设计成熟后,在能有IT的制作基础。工业就讲究一个直白,把多余的杂质去掉,直接调直一条线,这就提高了效率。而浏览器的实现,也是这样,它是基于“块体”的,换句话说浏览器的呈现是遵循纵横链各坐标轴的,而圆角和斜线是不符合浏览器的工业设计规则的。当然有插件和一些其他的矢量语言来弥补,但要想提高效率,就要遵循浏览器的工业设计规则——块体结构。


那么扔掉圆角装饰吧,即便是有了HTML5,也没有比一个方框更有效率的渲染呈现方式了。去掉圆角,直接用CSS做个方框,效率多高啊。


(3)内容为王


什么是一个好的网站设计呢?


把样式表、装饰图片都去掉,剩下实体的可选中的文字、图片、多媒体对象后,仍旧是一个很吸引人,这才是一个好站——内容为王。


反过来说,就是把原来的设计顺序改一下,先把内容排好,然后组织规划成一套有层级的浏览体系——这就是极简设计。这样的话,你的每一页,都省掉了无用的信息和装饰,既提高了下载效率,又减少了用户选择上的困扰,还把你的主旨瞬间传达给用户。这是一举多得的事。


看过很多设计,都是为了装饰而装饰。这里空,就得加个图片,布局没占满,就加个友情链接。栏目块标题前是不加装饰不罢休的,韩国棒子就这么做,咱就给棒子学吗?装饰不是不可以加,总得说出个有价值的目的来吧,比如突出标题,完全可以用CSS来控制文字,干嘛要把文字做成图片呢?比如注册页面空,是需要加个图片来吸引新用户的,这也说的过去。

77
关闭
先学习,后交费申请表
每期5位名额
在线咨询
免费电话
QQ联系
先学习,后交费
TOP
您好,您想咨询哪门课程呢?
关于我们
机构简介
官方资讯
地理位置
联系我们
我要学习
先学后付
申请试听
在线咨询
网站XML地图
0513-81107102
周一至周六     8:30-21:00
微信扫我送教程
手机端访问
南通科迅教育信息咨询有限公司     苏ICP备15009282号     联系地址:江苏省南通市人民中路23-6号新亚大厦二楼、三楼         法律顾问:江苏瑞慈律师事务所     Copyright 2008-