网页设计时我们应该注意的一些问题
所属分类:
网页制作 / 应用技巧
阅读数:
2121
收藏 0赞 0分享
网页设计,根据个人爱好以及网页内容的不同,版面的设计布置千变万化,换一下背景就是另一种感觉,什么样的布局好看,没有定式。笔者根据自己的经验体会特总结出如下要点:
1.网页内容的选择要不落俗套。 放眼望去,网上的许多个人主页简直就是"杂货店".内容包罗万象,题材千篇一律.人人都是"软件下载",个个都有"网络导航",从头到尾找不出一丝“鲜”意.所以,我们在设计网页时,要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”,如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。
2.内容确定下来以后,不要着急开始制作页面。我们应该对整个版面规划设计一下,好好的想一想,主题是什么,大概内容该怎么安排,接着最好在纸上把这个框架画出来——这就是排版。排版是很重要的,没有一条清晰的主线,那么整个版面将是混乱一团。
3.整个页面的主线理好以后,我们还必须对它进行补充,以保证页面的完整性和整体性。比方说,页面的标题内容要简洁明了,使人一看就能明白该网站有没有自己所需要的东西;遇到长文本时,用划线把它分隔开,以便人能一目了然地看清楚;重点段落要突出显示,这样人就能有选择性地获取信息;在网页上留下通讯地址或E-MAIL地址,有利于用户和你交流;网页中使用商标,不能侵犯版权;以上都是要考虑的一些细节问题。同时特别要考虑到以后网站的维护更新要方便。
4.制作时,内容不要和其他网站的内容相同,适当加入一些自己的文章,评论和见解,会使大家更加相信您,尊重您.例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程.毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精神所在!
5.图象的制作要兼顾大小和美观,一般来说,掌握好photophop这个强大的工具,再配合其它一些专用图象软件如ulead、paint shop pro等,不难制作出漂亮的精美的图片。但图片是为主页内容服务的,不要让整个版面太花花绿绿,喧宾夺主。在网上就可以找到很多图片、图库和动画。
6.不要使用大幅面的Java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受,往往使浏览者没有耐心等页面全部显示出来,这样你的精心设计便毫无效果啦!
7.单张图片不要超过30k,每页图片总量不要超过60k(一般情况).据统计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的.所有的图片都必须"减肥"小图片(100x40)一般可以控制在6k以内,动画控制在15K以内,较大的图片可以"分割"成小图片.合理采用jpg和gif格式也是至关重要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a格式的图片在download时能交错显示.
8.图片的下载较慢,要想使用户在图象没有传下来之前,就能够知道图象上的内容,我们就必须为图片加注解.这样一来,在图象没有显示出来时,可以通过注解的标注来帮助浏览者知道这是关于什么内容的图片,以方便用户作出选择,是否需要等待,是否可以点击.特别考虑到纯文本浏览者浏览的方便。
9.设计Web页面时,一定要用640×480和800×600的分辨率来 分别观察。许多浏览器使用640×480的分辨率,尽管在800×600高分辨率下一 Web页面看上去很具吸引力,但在640×480的模式下可能会黯然失色。作一点小小的努力,设计一个在不同分辨率下都能正常显示的网页。
sitemesh教程-页面装饰技术原理及应用
Sitemesh是一种页面装饰技术:它通过过滤器(filter)来拦截页面访问,据被访问页面的URL找到合适的装饰模板等等,感兴趣的朋友可以了解下哦
收藏 0赞 0分享
浏览器可以注册的事件小结
我们在网页制作中经常会用到浏览器事件,这里简单的整理下方便需要的朋友
收藏 0赞 0分享
从image/x-png谈ContentType(s)
今天在做一个文件上传的功能的时候,发现我总是上传不了png的图片。经过调试发现,应该是在ContentType的地方判断失误了。后来百度了一下发现一个有意思的现象,我发现png的图片的ContentType并不是我在注册表中看到的image/png,而是image/x-png
收藏 0赞 0分享
窗口中的各种距离/滚动距离的精确计算汇总
平时在项目开发中,没少跟边距,位置,坐标什么的打交道,悲剧的是,如果你对这些东西没有非常清晰的概念,编码的时候会非常痛苦,到处找资料寻求距离的精确计算,接下来本文提供一个示意他,希望对你有帮助
收藏 0赞 0分享
web的各种前端打印方法之CSS控制网页打印样式
使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措,接下来介绍CSS控制网页打印样式是如何实现的
收藏 0赞 0分享
响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用
现在移动设备越来越普及,用户使用智能手机、pad上网页越来越普遍,但是传统的fix型的页面在移动终端上无法很好的显示。因此,Ethan Marcotte提出一种响应式web设计的概念,响应式web设计的英文为Responsive Web Design,简写为RWD,感兴趣的朋友可
收藏 0赞 0分享
响应式WEB设计学习(2)—视频能够做成响应式吗
除了图片以外,还有一种常见的多媒体形式是视频。有时在web设计中,根据需要会在页面中加入视频,视频大小的自适应单靠CSS本身似乎是做不到的,感兴趣的朋友可以详细了解下
收藏 0赞 0分享
响应式WEB设计学习(3)—如何改善移动设备网页的性能
究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢?这些元素应该做何处理以提升页面在移动设备中的整体性能?是否存在一种设计模式可以同时满足移动端及桌面端的页面设计呢?带着这些疑问开始本文之旅吧
收藏 0赞 0分享
网页设计必备手册 216网页安全色大全
网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果
收藏 0赞 0分享
网页设计中设计出有层次感的界面的经验介绍
很多网友常说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。
收藏 0赞 0分享
查看更多