首页 > 资讯列表 > 编程/数据库 >> 其他WEB语言

创建优质单页网站的6个秘诀

其他WEB语言 2011-09-20 10:09:48 转载来源: AS网站目录整理

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

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

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

如果你真切希望设计出一个别出心裁的单页网站,那么以下这些观点将助你一臂之力。(点击图片查看网站,精彩不容错过!)


1.保持专注

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

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


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


网站的组合堪称完美


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

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

人们会很自然地先关注大事情,再关注小事情。所以充分利用好这一点,要重点突出。
传递信息的机会难得可贵,所以好好珍惜吧!如果你确实需要发布很多网站内容,那么请考虑多页网站吧!


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


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


3.保持清晰的导航风格

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

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

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

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


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


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


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

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

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

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


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


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


5.代码实现强大的功能

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

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


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


滚动效果让人难以置信


6.创造动态效果

除了关注代码细节,你可以用代码来创建一些动态效果,避免网站过于乏味。让你网站尽可能的充满生活情趣,适当地添加一些有趣的动画效果,会让你的网站脱颖而出。
像jQuery等语言被公认为可以用来创建网站上的动态效果。无论你是想通过不同角度来创建内容的淡化效果,还是将背景设计成幻灯片,请记得让观众参与进来,保持较好的互动性。


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


过渡效果堪称完美


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

标签: 创建 优质 单页 站的 6个 秘诀


声明:本文内容来源自网络,文字、图片等素材版权属于原作者,平台转载素材出于传递更多信息,文章内容仅供参考与学习,切勿作为商业目的使用。如果侵害了您的合法权益,请您及时与我们联系,我们会在第一时间进行处理!我们尊重版权,也致力于保护版权,站搜网感谢您的分享!

站长搜索

http://www.adminso.com

Copyright @ 2007~2024 All Rights Reserved.

Powered By 站长搜索

打开手机扫描上面的二维码打开手机版


使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

站长搜索目录系统技术支持