如何提高提高网页设计水平?

2010-6-10 17:40:47   来源:本站原创   打印本页   关闭窗口  推荐给好友

买空间、服务器、注册域名、网站制作就上中国信息港!(http://www.cncnc.com.cn)

  1.学好HTML和CSS编程

  这条之所以成为第一条是因为它是网页设计中最重要的部分。明白网页是如何在浏览器中渲染的可以防止你做出不合理的设计,比如那些无法用网页实现的设计。要保持与时俱进,弄清楚现什么效果可以用现在的CSS技术实现,什么效果不可以。

  使用CSS3最新技术设计的经典案例

  Atebits(http://www.atebits.com/)在网页文本中使用了文本阴影,这样就不需要使用图片了。它还使用了-webkit-transform和-webkit-transition来向这三个图标加入了一些动画,不过这些效果只有在支持webkit的浏览器中才能看到,比如Chorme和Safari。

  ElliotJayStocks(http://elliotjaystocks.com/)使用了一种叫做@font-face的CSS3方法来让浏览器下载特定的字体,这就免去了使用图片的麻烦。

  2.注重细节

  好的设计和伟大设计之间的距离在于是否做好细节。

  优秀设计细节的例子

  Metalab(http://metalabdesign.com/)很好的混合了着色(Shading)、渐变和阴影,为网页增加了额外的细节。

  WeFollow(http://wefollow.com/)巧妙的使用了渐变和阴影,为其用户界面添加了很好的细节。

  3.善于使用留白

  世界上最痛苦的事情莫过于当你想阅读一些东西却发现页面上各种元素的旁边充满了文字,页面设计者这么做的目的仅仅是想要在页面狭小的控件里放下更多的信息,但这只能给别人带来一种痛苦的体验。合理的使用留白可以给页面中的元素以呼吸的空间,减少阅读者眼镜的压力,从而让用户有一种愉快的浏览体验。

  合理使用留白的例子

  Soccernet(http://soccernet.espn.go.com/news/story?id=657760sec=transferscc=5739)在他们的文章页面中很好的使用了留白,你可以看出文字都离其它元素有一定的距离,从而提高了可读性。

  UsabilityPost(http://www.usabilitypost.com/)使用留白的方法和Soccernet差不多。

  4.图片很重要

  如果你有一个天才的设计,但却没有高质量的图片,那将是非常悲哀的。图片应当辅助你的设计来推销产品或传达一定的信息,或者仅仅来吸引眼球。

  精彩图片的例子

  Palm(http://www.palm.com/us/products/phones/pre/)在其PalmPre产品页面上使用了一幅精美的图片来作为抬头。通过一种清新而动人的方式展示了其产品。

  TomPojeta(http://www.pojeta.cz/)在其页面上使用了绘画图片,为其站点带来了生气。

  5.充分发挥色彩的威力

  色彩在网页设计中的重要性经常被忽视。在网页设计中应当对色彩的使用给予更多的注意,因为它可以按照你的意愿来对用户进行一定的引导。例如,页面中的链接应当与页面正文文字的颜色有所区别,以便用户能够认出它们是链接。如果链接的颜色和正文的颜色差不多,那么用户如何能注意到它们并点击它们呢?

  充分发挥色彩威力的例子

  SamBrown(http://sam.brown.tc/)在暗色背景上使用了许多种的颜色,当鼠标移动到链接上时其背景会变成彩色,以便链接能清晰的显示。

  MIXOnline(http://visitmix.com/)采用了彩色的导航条,当点击一个彩色导航条以后,页面的背景色便会变成相应的颜色。

  6.不要忘了页脚

  页脚设计经常被忽视,因为设计人员没有认识到它们的重要性。它们有时比你想象的要有用的多,因为它们可以包含页面任何地方都无法承载的额外信息。它们也可以作为引导用户到站点其它部分的向导。

  页脚设计的例子

  JasonSantaMaria(http://jasonsantamaria.com/)在其超大的页脚中放置了许多额外信息。

  WebDesignerWall(http://www.webdesignerwall.com/)在页脚放置了最新的发帖和最新的评论,在用户滚动到页面底部时,这些内容也会吸引住读者。这是一种在博客网站上使用的典型设计。

  7.清晰的导航

  导航栏是页面中最重要的部分,因为它是用户使用网站最主要的途径。通过使用简单清晰的导航栏,可以提升网站的易用性,还可以减少用户在寻找自己需要的内容时遇到的麻烦。

  清晰的导航的例子

  Disambiguity(http://www.disambiguity.com/)使用了标签页的方式来给用户以清晰的指示。

  Dabs(http://www.dabs.com/)同样使用了标签页,但同时还在页面左侧使用了侧边栏,将网站内容的子分类予以显示,而且对不同的大类还用不同的颜色加以区分。

中国信息港相关介绍 上中国信息港联系网站制作

    网站建设是涵盖企业定位考虑,从营销角度立意而进行一个建设网站的全程完整过程,其中包括了前期网站定位、内容差异化、页面沟通等战略性调研确立后,才着手进行域名注册、空间租用、网站风格设计、网站代码制作五个部分,这个过程需要网站策划人员、美术设计人员、WEB程序员共同完成。网站可以分为政府、事业单位网站,商业网站,个人网站及门户网站等等。

    网站建设包括:网站策划、网页设计、网站功能、网站内容整理、网站推广、网站评估、网站运营、网站整体优化,网站建设的目的是通过网站达到开展网上营销,实现电子商务的目的。网站建设首先由网络营销顾问提出低成本回报的网络营销策划方案。通过洞悉项目目标客群的网络营销策略,引发、借力企业与网民,以至网民与网民之间的互动,使企业以最小的营销投入,超越竞争对手,获得更高效的市场回报营销网站规划网站前期策划作为网络营销的起点,规划的严谨性、实用性将直接影响到企业网络营销目标的实现。网站建设商以客户需求和网络营销为导向,结合自身的专业策划经验,协助不同类型企业,在满足企业不同阶段的战略目标和战术要求的基础上,为企业制定阶段性的网站规划方案。

    中国信息港是专业的互联网基础业务运营商,拥有精良的网站制作,网站设计,网站优化,网站推广的专业人员队伍。公司从具体的客户需求出发,设计制作了令客户拍手称赞的作品。

    我公司推出不间断7*24小时全程服务无障碍技术支持:24×7×365制技术支持,微笑面对任何用户。 QQ,MSN在线服务,沟通无障碍。

    地址:郑州市农业路东16号省汇中心A座2002室

    售前咨询电话:0371-65707805/65707809  

    全国客服热线:0371-65111123  

    阳光服务热线:155 155 55066

    传  真:0371-65707807

    E-mail:Fxm@cxx.cn

    Q    Q:1495078  714169915 

    网  站:http://www.cncnc.com.cn

    网站建设 域名注册 服务器租用托管 虚拟主机 数据库 企业邮局  海外主机