文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php文档>初学网页设计必看

初学网页设计必看

时间:2007-03-29  来源:jessevictor

作为一个网页初学者,你首先要做的第一件事就是问自己几个问题:一个网站的关键是什么?你的网页设计的目的是什么?你是想向全世界展出你心爱的小猫的照片呢,还是想通过电子邮件出售你的"毛毛虫"呢?你想在网上大肆宣传你新拍的电影吗?那么,对这些问题的回答将有助于你着手为你的网页定焦。所以,当你在编辑网上材料时,你很快就会发现你的小猫的照片跟你竭力要引起轰动效应的影片宣传一点关系都没有。
    下一个问题,接下来的问题是:你是谁,你的读者群又是谁?你是一个渴望同别的12岁女孩进行沟通的12岁小女孩呢,还是一名想从投资银行获取资金的创业公司总裁?
  然后,你该回答一些技术问题了。对此你也许不得不作一些猜测,不过你仍得仔细考虑这些问题:你的读者们是怎么样看待你做的网页的?你的页面内容是想吸引那些通过T1上网的企业界人士呢,还是为那些呆在家里使用14.4 Modem的人们而制作?在考虑下载速度问题时,你也得同时考虑浏览器和插件的问题。还有,哪些因素对你页面制作的目的所起的意义更大?如果你只是想发布你的小猫的照片,你就不需要Shockwave,RealAudio,Java;而另一方面,如果你是想给读者留下深刻的声音视觉效果,以上的一切配备又必不可少。
  树杈结构及文件大小,通过前面两节,你已弄明白你的网站是干什么用的,读者是什么样的一个群体,你想采用什么样的技术,那么现在,你该考虑树杈结构(Hierarchies)的问题了。并不是每个人都拥有一个大屏监视器,因此你的内容的最重要部分应放在一个页面的顶部,使得读者一经打开页面,立刻就能看到。现在最小的监视器是640×480屏,那么你的设计应以这些参数作为基准。如果你的一个目的是让人们给你打免费电话,最好能够确保读者不用下拉滚动条就能看到这条消息(广告商是绝不愿意将他们的旗帜广告搁在页面的底部,而让读者需点击三下才能看见)。电脑的第一视屏被视为象报纸的头版头条那么重要。真正重要的内容应该放在一个页面的前面,而最重要的内容更应该放在页面顶部。
  还有一件事情需要记住,就是人们阅读的习惯是从左到右、从上往下读。差不多人人都是先看左上角,这个位置最适合于安排重要的内容。当然,如果你是一个日本人,是从上往下、从右往左读,这一点就不正确了。所以真正的关键是你应该搞明白你的读者是如何浏览网页的。
  颜色
  在决定你的站点采用哪种颜色时,你又应该问自己以下几个问题:
  你挑选的颜色能很好地为你的站点主题意图服务吗?
  你挑选的颜色在216种通用颜色调色板中存在吗?
  在一个旧版浏览器上,能够阅读你设置的背景色上的黑色字吗?
  颜色对于网页的意义,就相当于80年代字体对于桌面输出发行的意义,非常重要。人们往往认为既然我们有216种颜色,就得把它们都用上。其实,用有限的那么一个调色板范畴就足够了:几种简单常用的颜色也能达到很好的效果。在挑选颜色上应该明智,不要根据你偏爱的颜色或是最讨厌的颜色来草率从事。应该确保它们能够为你的内容服务,并要说明一些道理。
  可读性
  另外一个与颜色息息相关的重要问题是颜色的可读性。背景色同其上面的文字应该互衬得体。这不光是高对比度的问题。在黑背景上的白色字可读,不过如果你在黑背景上采用淡灰色字,视觉效果会更好。如果你尝试许多种对比法以后,然后再稍微折中一下,你就可能得到很好的视觉效果,更复杂一些,也更生动一些。当然,在白背景上搁黑色字是绝对没错的,这也许不算是最夺目的方法,不过确实有效。
  可读性问题的第二个方面:字体越大,更易于阅读;字行越长,阅读更难。有一个基本技法是:使用'blockquote'标签或表格可以缩短你的字行的长度。同时要避免将整段句子作链结。将一个单词或简短的短语作链结更清楚、更简便。
  为什么我喜欢'Blockquotes'
  设计网页时要清楚这一点:空白区域必不可少。空白区域并不一定要是白色,它可以是你想要的任何一种颜色,不过一定得是没有别的内容。让眼睛得到休息就体现在此。因此,不要顾虑在一个'GIF'文件周围留出一定空间。给主体内容留下宽边缘,得到的视觉效果也不错。空白的区域可以让读者的眼睛能停驻在真正重要的内容上----内容可以是图象也可以是文字。这有助于你调整你的设计并聚焦你的理念。
  最后我还有一个想法,这个想法并不新鲜也不是我首创。我以前的老板对我说过:"弄简单一些,傻瓜"。意思是说,要集中你的想法,要确保你的页面上每部分内容都有它们存在的道理,要确保你挑选图象和颜色的时间不能少于整个页面文稿的时间,要确保你使用的电脑技术水平同你的页面整体意图旗鼓相当。要保持简单朴素、生动活泼。
相关阅读 更多 +
排行榜 更多 +
辰域智控app

辰域智控app

系统工具 下载
网医联盟app

网医联盟app

运动健身 下载
汇丰汇选App

汇丰汇选App

金融理财 下载