您现在的位置:首页 >> 网站运营 >> 站长新闻 >> 内容

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

时间:2011-08-21 15:31:39 点击:

  核心提示:   毫无疑问,单页网站一度备受青睐。它们既非个人用途,也非用作商业用途。一旦你设计的单页网站卓越超群,这将为你带来无穷无尽的好处。一个好的单页网站不再取决于它内容上的厚重感,要知道你只有一页的空间...

  毫无疑问,单页网站一度备受青睐。它们既非个人用途,也非用作商业用途。一旦你设计的单页网站卓越超群,这将为你带来无穷无尽的好处。一个好的单页网站不再取决于它内容上的厚重感,要知道你只有一页的空间来承载你的观点。所以尽可能的摒弃那些过时的动画技巧。此外,大多数单页网站在它们的布局上都不落俗套。要想做到一览无余,同时又要保持布局错落有致,这真是难上加难啊!

  单页网站的潜在用途是不拘一格的,有些非常流行的单页网站是个人组合的,有些则是商业用途,用作销售产品或者服务。

  如果你真切希望设计出一个别出心裁的单页网站,那么以下这些观点将助你一臂之力。

  1.保持专注

  让一切变得尽可能的简单。如果你有可能设计单页网站的话,你真的不需要强调网站内容的多少。单页网站不在乎那么一点点皮毛,它们需要正中要点的内容。如果你是一名设计师,考虑组合设计时,不要在无关紧要的事情上发愣,请专注于你的设计。

  尽可能地摒弃网站上的累赘,专注在网站的核心要点上。这对任何网站都适用,对于多页网站而言,即便在内容上有些繁杂,也无大碍。因为用户通常都会找到它们想要的信息。而单页网站却显得孤注一掷,一旦用户找不到想要的信息,他们就会弃之而去。

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  你很清楚的这个商业网站在卖什么

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  网站的组合堪称完美

  2.保持布局合理的层次结构

  在维护访客的同时,单页网站应该展示你的产品或者服务。好的网站布局有助于彰显网站的用途。作为一名设计人员,你需要有驾驭能力,引导用户的关注点。

  人们会很自然地先关注大事情,再关注小事情。所以充分利用好这一点,要重点突出。

  传递信息的机会难得可贵,所以好好珍惜吧!如果你确实需要发布很多网站内容,那么请考虑多页网站吧!

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  虽然这个网站有很多关注点,但你一眼就能发现重点

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  虽然你明白这个网站的用途,但是讲究层次的话效果会更好

  3.保持清晰的导航风格

  有些单页网站是一些静态网页,这些网页上的导航栏会将访客引入到外部网站上。比如一个音乐家可能会在他们的网站上标注“视频”选项的导航栏,方便访客登录到他们的YouTube账号上。当然,这没有什么不对的。

  它的确让一切变得更加简单。但访客们唯一需要清楚地知道:他们是什么时候被引入到了外部网站的。

  如果你的单页网站是为了宣传产品,在没有任何信息作出提前通知的情况下,提供的购买链接直接引导消费者登录到购买平台上,你将会面临着损失大笔生意的风险。

  你的目标是要让一切变得尽可能地简单。要知道网站上的链接有可能出现无效的情况,所以请考虑采用一些图标或者标题文字,让访客知道他们当前的位置。

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  不要采纳这个网站提供链接的方式,链接上没有任何提示

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  这个网站的设计和编码非同寻常,然而标注绿色圆圈的链接让人有些混淆不清

  4.大力提倡富有创意的设计

  现在我们到了最有趣的部分:用单页网站来充分展示魅力。没有谁愿意看到老态龙钟,一成不变的网站。不要被条条框框所束缚,让设计步入更高的级别。富有创意的设计会吸引大量访客纷纷关注你的产品,并且过目不忘。

  你没必要处处设计相同的背景,可以选择跨区域更换背景,设想滚动单页网站的感觉就像在切换幻灯片,是不是很惬意?

  尽可能的完善设计,无论是用大图片来横跨整个浏览器窗口还是制作一个大的说明背景,这些别具心裁的亮点都会让你的网站熠熠生辉。

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  这个网站的设计风格俨然名副其实的海报,让人大吃一惊

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  这个网站的风格很清晰,让你会情不自禁的停下来仔细观赏

  5.代码实现强大的功能

  单页网站应该保持较好的交互性,用户体验显得尤为重要。请务必关注细节,代码会让你的网站步入更好的层次。

  需要注意的事项包括色彩的搭配和链接的操作,设计外观和表单的操作,提交和错误信息提示等等。确保所有这些与设计保持一致。

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  一个将代码运行在单页网站上既好又简单的方法

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  滚动效果让人难以置信

  6.创造动态效果

  除了关注代码细节,你可以用代码来创建一些动态效果,避免网站过于乏味。让你网站尽可能的充满生活情趣,适当地添加一些有趣的动画效果,会让你的网站脱颖而出。

  像jQuery等语言被公认为可以用来创建网站上的动态效果。无论你是想通过不同角度来创建内容的淡化效果,还是将背景设计成幻灯片,请记得让观众参与进来,保持较好的互动性。

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  背景是动画,虽然我不太明白这个网站的真正寓意,但是整体看起来很整齐

  

创建优质单页网站的6个秘诀 设计别出心裁的单页网站

 

  过渡效果堪称完美

  英文原文:http://www.webdesignerdepot.com/2011/07/6-tips-to-create-better-one-page-websites/

作者:佚名 来源:不详
相关评论
发表我的评论
  • 大名:
  • 内容:
  • 老Y文章管理系统V4.x(newfree.a.laoy.net) © 2017 版权所有 All Rights Reserved.
  • Email:www@laoy.Net 站长QQ:10086 移ICP备10086号
  • Powered by laoy! V4.0.6