网络媒体:网站策划设计制作九大原则
教程思路
1.保持网页的朴素
2.简单并不等于乏味
3.了解你的读者
4.五个“手指”
5.三次点击
6.三十秒的等待时间
7.平衡
8.适度的帧
9.坚持学习
一、保持网页的朴素
一个好的网站最重要的一点就是界面的简单、朴素。你听说过“KISS”法则吗?“Keep It Simple Silly.”适用于所有的站点。
图1 索尼官网
制作者们很容易掉入这样一个陷阱,即把所有可能用到的网页技巧,例如:框架、表格、字体、GIF动画等等都用上,这当然是好的,但如果多了的话就会让你的访问者眼花缭乱,不知所措,也不会给他们留下很深的印象。
记住,只是因为你可以创建一个效果,但并不意味着你必须创建这个效果。先问一问你自己:我在网页上加入这个技术有什么价值?是否能更好的向访问者表达我的主题?
图2 华纳兄弟电影公司官网
二、简单并不等于乏味
简单的真正含义并不是迟钝和乏味。许多人会被网站多余的奇特效果所迷惑,而忽视了信息的有效性。
图3 迪士尼官网
#p#e#
保持简单的真正含义就是:想一想如何使自己网站的信息与你的访问者所期待和所需要的一样。应该把技术和效果用在适当的地方,用在有效信息上,让访问者关注他们想关注的东西。
清晰的设计+有效的技术=一个好的站点
图4 Autodesk官网
三、了解你的读者
你不是在真空里制作你的网页,也不是作给你自己看的。如果是这样,你还不如把它放在自己的电脑里。你发布你的网站是希望某些人停下来参观它。而这些人就是你的读者。
图5 电影《守望者》官网
你越了解你的读者,你的网站影响力就会越大。你的读者是否有个慢猫?那你最好应当特别的注意网页的大小;他们希望听到音乐片断吗?你就要想想网页上的音乐格式。你的读者是纺织工人?那么血红色和黑色最好不要选择;或者他们是骨灰级游戏玩家?你就要避免用柔和的颜色和图案了。
图6 暴雪官网
一个好站点的定义:通过典雅的风格设计提供给潜在读者高质量的信息。
图7 工业光魔官网
#p#e#
四、五个“手指”
对一个好的网站来说,清晰的导航也是最起码的标准。应该让访问者知道自己当时在网站中的位置,并且愉快的通过你的指引而遍览你的网站。例如,你可以做到的一件事情就是:“下一步”的选择数目尽量少,以便人们不会迷失在长长的选择项目列表中。
图8 魔兽世界游戏官网
你知道吗?一般人的大脑把五个或更少的项目看作一组,但是当所面对的项目超过五个,它就必须把他们划分成较小的次组来处理,所以说,保持你的选择项归类在五组或五组以内就变得很有意义了。你的访问者能够快速的找到自己想选择的项目。
图9 皮克斯官网
五、三次点击
对网站制作者来说,访问者就是上帝,讨好上帝的另一个方法就是让他们在获取信息时不要超过三次点击。想想,当你在访问一个网站时,点击……点击……点击……再点击……再……才找到你想要的信息,或者还没找到,你会怎么想呢?
图10 SQUARE ENIX官网
加之,当你的访问者深入网站查找需要的信息最后却摸不着头脑了,会怎么办?他们肯定不会原地兜圈,他们会离开你的主页去别的地方继续冲浪,可能也就再也不会回来了。
图11 梦工厂官网
六、 三十秒的等待时间
访问者进入你的站点后,他应该可以不费力的找到所需要的资料。有一条不成文的法则:当访问者在决定下一步该去哪之前,不要让他现在所看的页面下载的时间超过30秒钟。如果超过了这个时间,你就会开始失去你的“上帝”了。
图12 电影《变形金刚》官网
#p#e#
保证你的页面有个适度的大小而不会无限制的下载。如果你的大多数访问者使用Modem的话,试着保持总的页面大小(包括页面图像)在45K以下。
确保你的页面设计规划清晰明了,让访问者只需快速的扫视就能把握你的网站导航,知道自己“下一步”该选择的项目。
图13 狮门影业官网
七、平衡
平衡是一个好网站设计的重要部分。
图14 电影《盗梦空间》官网
文本和图像之间的平衡。除非内容决定了这是个完全文本或者完全图像的网站,你需要用直觉和审美观来作判断,以便其中的一个不会淹没另外一个。
图15 BLUEGFX官网
#p#e#
下载时间和页面内容之间的平衡。当然你希望有个漂亮的页面,但你也必须平衡你的页面内容,因为你的很多访问者正在通过modem阅读它。难道你网站的图片真的值得等待那么久吗?
背景和前景之间的平衡。我们能在白纸上画出美丽的图案,网页上,如果能制作出漂亮的结构和背景是很令人激动的。但也容易使你的内容淹没在你的背景里面。
图16 20世纪福克斯官网
八、适度的帧
适度的的帧对于你的网页是很好的补充,然而就像所有网站的元素所具有的特性一样,你绝对不要滥用他们!
图17 米高梅官网
如果你想创建一个可以看得到的导航结构,比如说一个表格目录,帧就是一个很合适的途径,例如,这页有三个帧--你现在所看到的内容,导航条在右边,题目、广告和说明栏在顶部。
但是帧不是“万金油”。比如说,如果你想用行或列来显示信息的话,表格会更好。
图18 派拉蒙影业官网
九、坚持学习
创建网页是一个不断学习的过程。推出你网站的第一个版本还只是一个开始!技术和工具在不断的进步,而我们对人们如何利用网上资源的方式的了解也是在不断的变化,要创建一个好网站你就不能陶醉在过去的成绩上。
图19 CGSOCIETY官网
看看其他的网站。如果你想成为一个出色的小说家的话,你必须不断阅读其他好的作品。如果你想成为一个出色的剧作家的话你必须多看好的电影。同样,如果你想设计一个出色的网站的话,你必须多看其他好的网站。但你在看一个网站的时候,你能找到这个网站的优缺点,注意哪些是你该学习的,而哪些错误是你要避免的。
查看原文件。当你看到某些你喜欢的东西,使用你浏览器上的查看原文件的功能,看看这个效果是如何作出来的。在页面之后你能发现令你惊奇的东西。
阅读和学习。学习你尽可能学到的技术和设计方法。
图20 digital-tutors官网
本教程完。
上一篇 网页配色方法探讨
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题,火星帮你解答学习游戏开发班可以帮助游戏爱好者从零基础成为游戏开发专家,掌握全面的游戏开发技能。
火星时代教育为您提供专业的界面设计实战班,在实践中掌握界面设计的核心技巧和最新趋势,成为优秀的UI设计师。
了解UI交互设计培训的最佳选择,比较不同培训机构的优势和特点。
火星时代教育为您推荐专业的学影视后期培训机构,提供高质量的培训内容及资深导师指导,助您成为优秀的影视后期剪辑师或合成师。
火星时代教育是一家专注于交互设计培训的机构,为学员提供专业的交互设计培训课程,并帮助他们成为优秀的交互设计师。
本文章将介绍关于UE5智慧城市专业学习的重要性和火星时代教育的资讯。
1. 打开微信扫一扫,扫描左侧二维码
2. 添加老师微信,马上领取免费课程资源
同学您好!