-
创建优质单页网站的6个秘诀 设计别出心裁的单页网站
时间:2011/8/21 15:31:39 作者:佚名 来源:不详 阅读:156 评论:0毫无疑问,单页网站一度备受青睐。它们既非个人用途,也非用作商业用途。一旦你设计的单页网站卓越超群,这将为你带来无穷无尽的好处。一个好的单页网站不再取决于它内容上的厚重感,要知道你只有一页的空间来承载你的观点。所以尽可能的摒弃那些过时的动画技巧。此外,大多数单页网站在它们的布局上都不落俗套。要想做到一览无余,同时又要保持布局错落有致,这真是难上加难啊!
单页网站的潜在用途是不拘一格的,有些非常流行的单页网站是个人组合的,有些则是商业用途,用作销售产品或者服务。
如果你真切希望设计出一个别出心裁的单页网站,那么以下这些观点将助你一臂之力。
1.保持专注
让一切变得尽可能的简单。如果你有可能设计单页网站的话,你真的不需要强调网站内容的多少。单页网站不在乎那么一点点皮毛,它们需要正中要点的内容。如果你是一名设计师,考虑组合设计时,不要在无关紧要的事情上发愣,请专注于你的设计。
尽可能地摒弃网站上的累赘,专注在网站的核心要点上。这对任何网站都适用,对于多页网站而言,即便在内容上有些繁杂,也无大碍。因为用户通常都会找到它们想要的信息。而单页网站却显得孤注一掷,一旦用户找不到想要的信息,他们就会弃之而去。
你很清楚的这个商业网站在卖什么
网站的组合堪称完美
2.保持布局合理的层次结构
在维护访客的同时,单页网站应该展示你的产品或者服务。好的网站布局有助于彰显网站的用途。作为一名设计人员,你需要有驾驭能力,引导用户的关注点。
人们会很自然地先关注大事情,再关注小事情。所以充分利用好这一点,要重点突出。
传递信息的机会难得可贵,所以好好珍惜吧!如果你确实需要发布很多网站内容,那么请考虑多页网站吧!
虽然这个网站有很多关注点,但你一眼就能发现重点
虽然你明白这个网站的用途,但是讲究层次的话效果会更好
3.保持清晰的导航风格
有些单页网站是一些静态网页,这些网页上的导航栏会将访客引入到外部网站上。比如一个音乐家可能会在他们的网站上标注“视频”选项的导航栏,方便访客登录到他们的YouTube账号上。当然,这没有什么不对的。
它的确让一切变得更加简单。但访客们唯一需要清楚地知道:他们是什么时候被引入到了外部网站的。
如果你的单页网站是为了宣传产品,在没有任何信息作出提前通知的情况下,提供的购买链接直接引导消费者登录到购买平台上,你将会面临着损失大笔生意的风险。
你的目标是要让一切变得尽可能地简单。要知道网站上的链接有可能出现无效的情况,所以请考虑采用一些图标或者标题文字,让访客知道他们当前的位置。
不要采纳这个网站提供链接的方式,链接上没有任何提示
这个网站的设计和编码非同寻常,然而标注绿色圆圈的链接让人有些混淆不清
4.大力提倡富有创意的设计
现在我们到了最有趣的部分:用单页网站来充分展示魅力。没有谁愿意看到老态龙钟,一成不变的网站。不要被条条框框所束缚,让设计步入更高的级别。富有创意的设计会吸引大量访客纷纷关注你的产品,并且过目不忘。
你没必要处处设计相同的背景,可以选择跨区域更换背景,设想滚动单页网站的感觉就像在切换幻灯片,是不是很惬意?
尽可能的完善设计,无论是用大图片来横跨整个浏览器窗口还是制作一个大的说明背景,这些别具心裁的亮点都会让你的网站熠熠生辉。
这个网站的设计风格俨然名副其实的海报,让人大吃一惊
这个网站的风格很清晰,让你会情不自禁的停下来仔细观赏
5.代码实现强大的功能
单页网站应该保持较好的交互性,用户体验显得尤为重要。请务必关注细节,代码会让你的网站步入更好的层次。
需要注意的事项包括色彩的搭配和链接的操作,设计外观和表单的操作,提交和错误信息提示等等。确保所有这些与设计保持一致。
一个将代码运行在单页网站上既好又简单的方法
滚动效果让人难以置信
6.创造动态效果
除了关注代码细节,你可以用代码来创建一些动态效果,避免网站过于乏味。让你网站尽可能的充满生活情趣,适当地添加一些有趣的动画效果,会让你的网站脱颖而出。
像jQuery等语言被公认为可以用来创建网站上的动态效果。无论你是想通过不同角度来创建内容的淡化效果,还是将背景设计成幻灯片,请记得让观众参与进来,保持较好的互动性。
背景是动画,虽然我不太明白这个网站的真正寓意,但是整体看起来很整齐
过渡效果堪称完美
英文原文:http://www.webdesignerdepot.com/2011/07/6-tips-to-create-better-one-page-websites/
- 相关文章
-
-
6-1学习谷给赴日留学生提供最优质的服务
-
5-20引领“智慧校园” DCN助力扬州工业职业学院创建新一代校园网
-
3-19电商平台新宠,“我格网”服装设计师新平台
-
9-2851Talk牵手菲律宾代言人 吸引更多优质师资
-
9-17青年新锐艺术大赛,掀起中国设计狂潮!
-
5-21人教版八年级上册《老王》教学设计第二课时
-
11-27莱茵天恒 新媒体创意设计培训中心让更多的WUI学员学到真东西!
-
10-29团购网站仍月增732家 行业洗牌局面迟迟未至
-
10-29SQL恶意代码席卷全球 数千小网站受影响
-
10-29千余家传播涉性用品药品非法信息网站被依法查处
-
本类更新
-
08-19共享时代,云鼎再掀教育圈新浪潮!
-
08-19图谱教育引领中国考试风云
-
08-18极课大数据助力西部教育信息化人才培养
-
08-18国际亲子文化论坛悉尼启幕 多元文化下教育机遇挑战并存
-
08-17业余学习参加Java在线培训班,选专业的最重要!
-
08-15教育国际化趋势不可逆转 产业迎来多重投资机遇
-
08-15第十一届中国心理学家大会聚焦“家庭与家庭教育”
-
08-14每个孩子都可以成为才高八斗的“八斗童”
-
08-14腾讯微校应用数破百领跑 2800多所高校点赞
-
08-14小站教育推出国际教育项目 打造一站式留学生态圈
本类推荐
-
03-31普罗米休斯加强数字内容与多厂商合作促进协作与沉浸学习
-
12-22“希沃2016公益行”用爱心助力农村教育信息化
-
12-13乐斯教育:互联网+音乐教育新玩法
-
10-249.9元秒杀399元 “圆梦100网”大型教育公益活动28日开启
-
05-20高考新政聚焦“选择” 卓越教育提供三维评估体系
-
04-212014赴美带薪实习受大学生追捧
-
03-25新精英古典:互联网思维下的人力资源新出路
-
03-24“忽培元书画艺术馆”揭牌暨“黄土精神”书画展在京举行
-
03-24用起来才是硬道理!不要让教育设备成摆设!
-
03-21智慧校园亮相广东教育展 有可能引发教育大地震
本类排行
-
06-02二级建造师考试被疑泄题考前已流传部分答案
-
12-16丫哥,让妈妈们有底气和疯狂培训班说不
-
06-19高考志愿这样填,才不辜负孩子寒窗苦读十几年!
-
06-23一机一中2017届高考文昌理硕勇攀新高
-
09-08vipabc携李昌钰宣布:上海警察免费学英语
-
04-14罗耀辉:百年名校打造内涵发展新名片
-
04-05真相了!快来看,孩子的中高考备考清单有没有它?
-
04-25“少年中国说——我是口才大师特训营”火热报名中
-
04-03第二届CNE艺术教育发展论坛在京举行:深度剖析儿童艺术教育产业
-
02-24阿凡题花半年打造新logo “好老师”在线答疑同步升级