如翼视点
首页>如翼视点>前端和程序开发在网站设计中容易犯的低级错误
前端和程序开发在网站设计中容易犯的低级错误
发表时间:2020-04-23

网站不好看、布局不合理是网站UI设计师的问题,但还原度和bug就是网站前端和网站后台程序的问题了。

记住,细节地方犯不犯低级错误,就是判断你强弱的标准(很少听说哪个程序员在功能上栽跟头的)。所以请仔细看看吧:

 

前端代码: 尤其注意图片大小问题

注意测试图片大小问题:

一般,页面打开的时候文字一下就出来了,而图片会稍微滞后,这是正常现象。可一旦发现图片实在慢的有些不正常,就要查看图片大小了。首页大图动辄几M是不正常的,最大图都要控制在几百K以下。

 

测试轮播图动效

有的轮播图动效经常在鼠标协助操作后会紊乱。别忘了多测试下。

 

后台程序: 不要给网站留下“溢出”的雷。

功能性问题容易发现反而容易被客户理解,客户对网站不能理解的是低级错误,尤其是日后使用中添加了大批内容后,网站变得千疮百孔。这一般都是程序员没有事先解决“溢出”问题。

溢出是指文字、图片多了,页面被撑变形。防止溢出一般是用截取功能,可程序员对视觉真不敏感,总会忘掉。客户都只习惯用很少内容测试功能,而很少用海量内容测试溢出,所以溢出问题是很难在短期内发现的“真空地带”。一旦内容多了,时间久远了,溢出问题才一个个显示出来,所以会让双方都苦不堪言。

这个,就该是程序员事先不要忘记的事,再说一次:偏偏大多数程序员,根本不在乎这个!

 

这里要提醒程序员,这些容易产生溢出的地方千万要事先解决掉:


文字溢出:

1.显示在首页或列表页的内页文章标题,测试的时候往往忘了跳行问题,一旦跳行,排版就乱了。

2.文章内容经常放一部分在首页或列表页,字少的时候没问题,字多了会溢出撑坏,所以有个截取文字问题。解决方式也是用很多文字内容去测试。

3.还有一个就是友情链接,随着友链增加,一行一行跳后,溢出的问题才会被发现。

4.导航内容,导航内容一般比较短,但有下拉的导航,可能存在其中一个很长的导航栏目跳行问题,很难看。千万注意。

 

页面溢出问题也会被忽略:

页面溢出就是列表页忘了分页。

案例列表、文章列表经常没分页,因为列表内容少,分页页码出不来导致测不出来,所以这点尤其要注意。过了一两个月才发现不跳页的情况就很尴尬了。

 

有年份功能的溢出测试:

有着2020  2019  2018……等等,过一年才会增加新的年份的,一定要测试好。另外年份的堆积也有个溢出问题,别忘了做的时候是否要采取截取方式


英文版溢出问题:

切换成英文时要注意,一个标题很可能跳行了,因为就英文一般比中文长。


图片溢出问题:

上传个差不多大小的,妥妥套在区域范围内,一旦上传个大图,页面立刻撑爆!程序员不事先解决掉这个问题,也是很容易很后面才发现,非常影响对方对网站设计实力的判断:怎么这家公司做的网站到处是低级错误,像个马大哈?




网站设计好用的秘诀---网站测试不能被忽略



如翼设计原创,转贴请注明:如翼设计,更多内容请点击:如翼视点  

如翼设计设计能力:点击查看 

了解如翼设计服务内容:如翼设计做些什么