电影推荐网站设计可能出现的问题(关于电影的网页设计)

网络设计 418
今天给各位分享电影推荐网站设计可能出现的问题的知识,其中也会对关于电影的网页设计进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、怎么建设电影网站?我有大量的片源。

今天给各位分享电影推荐网站设计可能出现的问题的知识,其中也会对关于电影的网页设计进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

怎么建设电影网站?我有大量的片源。

如果你想建立一个自已***的电影站,最少投资都得先弄台一百M独享的服务器,一年6万左右.现在免费电影站太多了(盗链的居多),做收费电影站只有那些***才会给你钱看,唯一收入就是靠广告来收入,不过现在的广告联盟不是很好做.不过你可以加入BOBOP2P联盟,使用BOBO_p2p播放模式,然后将***共享出去,他们有钱发的.提供***者一个在线算6毛,具体做法去官方(17bobo***)参考.

网站版面设计要注意哪些问题?

版面设计主要考虑用户体验,现在用户体验很重要。这些包括浏览器兼容(目前用ie6的人还很多,不兼容的版面会让部分用户浏览体验不好)、易于浏览的版面、主次分明、配色得当、等等。当然,要宣传或销售,还要融入转化率因素等。

新手制作网页应注意哪些问题?请高手指点!

在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。

其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”,网页设计中最重要的东西,并非在软件的应用上,而是在我们对网页设计的理解以及设计制作的水平上,在于我们自身的美感以及对页面的把握上。

首先,我们要弄清楚网页设计的任务。

一、设计的任务

设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。

网页设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类。

第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化、界面的亲和等问题。

第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。然而就现状上来看,这类网站有粗制滥造的嫌疑。

第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

当然,这只是从整体上来看,具体情况还要具体分析。不同的站点还要区别对待。别忘了最重要的一点,那就是客户的要求,它也属于设计的任务。

明确了设计的任务之后,接下来要想的就是如何完成这个任务了。

二、设计的实现

设计的实现可以分为两个部分。第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成。第二部分为网页的制作,这一过程是在计算机上完成的。

设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像乃至动画,我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。 除了要有一台配置不错的计算机外,软件也是必需的。不能简单地说一个软件的好坏,只要是设计者使用起来觉得方便而且能得心应手的,就可以称为好软件。当然,它应该能满足设计者的要求。笔者常用的软件是Macromedia的Dreamwe***er、Fireworks、Flash以及Adobe的Photoshop、imageready,这些都是很不错的软件。 接下来我们要做的就是通过软件的使用,将设计的蓝图变为现实,最终的集成一般是在Dreamwe***er里完成的。虽然在草图上,我们定出了页面的大体轮廓,但是灵感一般都是在制作过程中产生的。设计作品一定要有创意,这是最基本的要求,没有创意的设计是失败的。在制作的过程中,我们会碰到许多问题,其中最敏感的莫过于页面的颜色了。

三、色彩的运用

色彩是一种奇怪的东西,它是美丽而丰富的,它能唤起人类的心灵感知。一般来说,红色是火的颜色,热情、奔放;也是血的颜色,可以象征生命。***是明度最高的颜色,显得华丽、高贵、明快。绿色是大自然草木的颜色,意味着纯自然和生长,象征安宁和平与安全,如绿色食品。紫色是高贵的象征,有庄重感。白色能给人以纯洁与清白的感觉,表示和平与圣洁。

我们知道,颜色是光的折射产生的,红、黄、蓝是三原色,其它的色彩都可以用这三种色彩调和而成。换一种思路,我们可以用颜色的变化来表现光影效果,这无疑将使我们的作品更贴近现实。

色彩代表了不同的情感,有着不同的象征含义。这些象征含义是人们思想交流当中的一个复杂问题,它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

单纯的颜色并没有实际的意义,和不同的颜色搭配,它所表现出来的效果也不同。比如绿色和金黄、淡白搭配,可以产生优雅,舒适的气氛。蓝色和白色混合,能体现柔顺、淡雅、浪漫的气氛。红色和***、金色的搭配能渲染喜庆的气氛。而金色和粟色的搭配则会给人带来暖意。设计的任务不同,配色方案也随之不同。考虑到网页的适应性,应尽量使用网页安全色。

但颜色的使用并没有一定的法则,如果一定要用某个法则去套,效果只会适得其反。经验上我们可先确定一种能表现主题的主体色,然后根据具体的需要,应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体,以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中,我们主要通过视觉传达来表现主题。在视觉传达中,造型是很重要的一个元素。抛去是图还是文字的问题,画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里,是需要点、线、面的共同组合与搭配来构造整个页面的。

通常我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交*、节奏、韵律、归纳、变异、特写、反射等等,它们都有各自的特点。在设计中应根据具体情况,选择最适合的表现手法,这样有利于主题的表现。

通过点、线、面的组合,可以突出页面上的重要元素,突出设计的主题,增强美感,让观者在感受美的过程中领会设计的主题,从而实现设计的任务。

造型的巧妙运用不仅能带来极大的美感,而且能较好地突出企业形象,而且能将网页上的各种元素有机的组织起来,它甚至还可以引导观者的视线。

五、设计的原则

设计是有原则的,无论使用何种手法对画面中的元素进行组合,都一定要遵循五个大的原则:统一、连贯、分割、对比及和谐。

统一,是指设计作品的整体性,一致性。设计作品的整体效果是至关重要的,在设计中切勿将各组成部分孤立分散,那样会使画面呈现出一种枝蔓纷杂的凌乱效果。

连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽,犹如一气呵成。

分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使观者一目了然。在信息量很多时为使观者能够看清楚,就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲,分割也可以被视为对于页面内容的一种分类归纳。

对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,例如:多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。

和谐是指整个页面符合美的法则,浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合,那么作品将不但没有“生命感”,而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式,而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通,产生心灵的共鸣。这是设计能否成功的关键。

六、网页的优化

在网页设计中,网页的优化是较为重要的一个环节。它的成功与否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。

在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且与整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲劳,能保证浏览者较长时间地浏览网页。

图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低,这样可以成倍地提高网页的***。利用Photoshop6或Fireworks4可以将图片切成小块,分别进行优化。输出的格式可以为gif或jpeg,要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg,而把那种只有单纯色块的卡通画式的小块优化为gif,这是由这两种格式的特点决定的。

表格(table)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道:浏览器在读取网页html原代码时,是读完整个table才将它显示出来的。如果一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按"停止"按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamwe***er制作网页时,会自动在每一个td内添加一个空字符“ ”。如果单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。

网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800*600下制作网页,最佳浏览效果也是在800*600分辨率下,在其它情况下只要保证基本一致,不出现较大问题即可。

说了这么多,只是希望能对做“网页设计”的人有所帮助,希望他们在做网页的时候能够从整体着眼,无愧于“设计”这两个字。

★建设自己的网站较好的步骤☆

必须注意的是:建立自己的网站是一件浩大的工程,一般比较麻烦。所以应当按照一定的步骤一步步来。

我觉得建站可以按照以下步骤进行:

1、先在本地设一个文件夹,作为网站存储的地方。名字最好取“My Sites”。

2、在网站文件夹里面建立一些文件夹,包括“images”等(存储图片、文件等),并且按照网页内容,再建立几个文件夹。(也可以把存储图片、文件的文件夹在每个内容文件夹里面各搞一些)

3、打开你的网页编辑程序(例如FP、Dreamwear等),新建网页,保存为“index”(主页),重复以上步骤,在网站文件夹里面建立“search”(查找)、“map”(站点地图)、“index02”(网站简介等)。

4、按照上面步骤,再在网站分类文件夹里面建立许多网页(接着还要把内容输入网页)

5、已经做到了这么多,我们该准备内容了吧。在硬盘上面再建立一个文件夹“File”,把准备好的文档、图片、程式、文件和网页特效等放进去。(可以加入一些动态网页)

6、慢慢把这些文件一个不漏的放进网页里面(要掌握技巧)

7、把网站充实了,就差不多了。这时应该申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。

8、把网站上传至空间里面,删了准备文件,就OK了!

不过也可以这样使用FP建站:

1、在FP里面选择新建站点。

2、然后在【导航】里面设置网页名称以及标题。

3、准备好文档、图片、程式、文件和网页特效等,把它们都充实进网站里面。

4、申请一个域名(免费空间、附费都可以)。并且把自己的网站放入搜索引擎,而且在各种留言版上面宣传。

5、把网站上传至空间里面,删了准备文件。完毕。

如果使用Dreamwear来建站,那就更加高级啦!Dreamwear的功能很强大,安装了它的朋友们可以研究研究。

在网站设计中,纯粹HTML格式的网页通常被称为“静态网页”,早期的网站一般都是由静态网页制作的。静态网页的网址形式通常为:,也就是以.htm、.html、.shtml、.xml等为后后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字母等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。

在《网络营销基础与实践》第二版第3章“网络营销导向的企业网站建设”中,提出了***用静态网页对搜索引擎的影响,书中对于静态网页本身的介绍比较少,尤其对于静态网页的特点没有做专门的介绍。 网络营销教学网站()将静态网页的特点简要归纳如下:

(1)静态网页每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,而不含有“?”;

(2)网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都是保存在网站服务器上的,也就是说,静态网页是实实在在保存在服务器上的文件,每个网页都是一个独立的文件;

(3)静态网页的内容相对稳定,因此容易被搜索引擎检索;

(4)静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难;

(5)静态网页的交互***叉,在功能方面有较大的限制。

网页制作软件的选择

u 选择一个适合自己的网页编辑工具

了解了网页的类型及相关技术之后,下一步,就是要选择一个适合自己的网页编辑工具。

Frontpage

Frontpage 是 Microsoft 出品的,可能是最简单、最容易,却又功能强大的网页编辑工具。***用典型的 Word 界面设计,只要你懂得使用 Word,就差不多等于已经会使用 Frontpage。就算你不懂 Word 也没关系,"所见即所得"的操作方式会让你很快上手,而且你无须学习 HTML 语法。

但 Frontpage 的也有其不足之处:首先是浏览器兼容性不好,做出来的网页,用 Netscape 往往不能正常显示;其次,生成的垃圾代码多,也会自动修改代码,导致在某些情况下极为不便;再次,对DHTML的支持不好。但不管怎么说,Frontpage 的确是最好的入门级网页编辑工具。

常见的版本为 Frontpage98 和 Frontpage2000。

Dreamwe***er

Dreamwe***er 是 Macromedia 公司的产品的另一款"所见即所得"的网页编辑工具,或称网页排版软件。与 Frontpage 不同,Deamwe***er ***用的是 Mac 机浮动面版的设计风格,对于初学者来说可能会感到不适应。但当你习惯了其操作方式后,就会发现 Dreamwe***er 的直观性与高效性是 Frontpage 所无法比拟的。

Dreamwe***er 对于 DHTML 的支持特别好,可以轻而易举地做出很多眩目的页面特效。插件式的程序设计使得其功能可以无限的扩展。Dreamwe***er 与 Flash、Firework 并称为 Macromedia 的网页制作三剑客,由于是同一公司的产品,因而在功能上有着一个非常紧密的结合。而最新推出的 Dreamwe***er UltraDev 更支持 Asp,Jsp。因此,说Dreamwe***er 是高级网页制作的首选并不为过。

常见的版本为 Dreamwe***er4.0 和 Dreamwe***er UltraDev 1.0

flash

flash也是 Macromedia 公司的产品,Flash 是交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。相信凡是见过 Flash 技术的人,没有一个不想掌握它的。它不但易学、易用,而且可以做出有很多动画的网站,并且声色结合,是一种很有前途的网页制作技术。

firework

firework也是 Macromedia 公司的产品,是真正的网页作图软件。Fireworks 与 Dreamwe***er 结合很紧密,只要将 Dreamwe***er 的默认图像编辑器设为 Fireworks ,那么在 Fireworks 里修改的文件将立即在 Dreamwe***er 里更新。另一个功能是可以在同一文本框里改变单个字的颜色。当然,Fireworks 可以引用所有的 Photoshop的滤镜,并且可以直接将 PSD 格式图片导入。它是用来画图用的,它相当于结合了Photoshop ( 点阵图处理 ) 以及CorelDRAW (绘制向量图)的功能。网页上很流行的阴影、立体按钮...等等的效果,也只需用鼠标点一下,不必再靠什么KPT 之类的*** 滤镜。而且 Fireworks很完整的支持网页16进制的色彩模式,提供安全色盘的使用和转换,要切割图形、做影像对应(Image Map)、背景透明,要图又小又漂亮,在Fireworks 中做起来都非常方便,修改图形也是很容易的 。不需要再同时打开Photoshop和CorelDRAW...等等各类软件,切换来切换去的了。

Dreamwe***er、Flash、Firework称为网页制作三剑客,将三个软件配合起来使用,会制作出非常精美的网页

gifanimator

Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 动画工具,它在一个软件包中提供了顶级的功能,用于动画 编排、编辑、特效和优化。 GIF Animator 差不多支持每个主要的文件格式,包括***文件,并允许输出为 Windows ***I、QuickTime 电影、Autodesk 动画或图像序列。用户可以生成适当的 HTML 代码,以便将动画嵌入到网页中,并且可以将动画打包成独立的 EXE 文件,以便通过电子邮件发布和在任何地方来查看。

u 制作主页

制作主页无非是添加文字、添加图片、添加链接,跟用word没什么区别,经过简单的学习后,你就会制作主页了!但是,要作出高水平的主页那要学的东西就太多了,不过总结起来就是html,图形制作,动画制作,页面特效制作和后台程序制作几个部分。

u 申请的主页空间,把你制作的主页传上去

我们制作的页面放在我们自己的计算机上,别人是不能看见的。为了让别人看见我们制作的页面,我们必须将他们放到一台和internet一直连接的计算机(服务器)上。你可以到提供空间服务的站点申请主页空间。有空间以后就可以利用响应的FTP(文件传输协议)工具软件将我们制作的页面传上去。这样,就可以让大家来分享我的精彩页面了。

常见的FTP工具软件有cuteFTP、leapFTP等,其功能和使用方法都比较类似,具体使用方法可参见本站想应的文章。

可能你开始的主页只是非常简单, 但是这是你的第一步,也是良好的开端,然后再一步步学习:如何把网页制作漂亮一些?如何制作动画?对于新手,千万不要一下子就想:我看到某某某网页这么漂亮,它是怎样做出来的?我很想马上做出来,于是马上就去研究复杂的网页,这样你会发现网页制作很难,学两下就放弃了,这样永远学不会制作主页。想当初,我对于我的网页能产生链接也高兴了半天,于是产生了更大的兴趣。记住:一步一步来,不要一下子想成为高手,否则很难成为高手。

【重要】如何设计一个优秀的网站

现今,网站和web技术已经不算是新兴技术了,但是不得不承认,在当下的移动互联网时代,web技术仍然算得上是新潮的技术之一,并且网站也是各企业商业价值中的重要一环。因此,规划、设计具有优秀用户体验的网站,仍然是我们的重要技能之一。

前戏:明确网站的业务模型

在开始正式地规划网站之前,我们有必要了解网站的主要业务模型。尽管人们都更加愿意获得免费的信息,但信息提供方(企业)还是希望能够由此得到回报的。

要明白: 大多数企业要想存活,就必须要挣钱。

在为企业建设网站之前,我们要知道公司的业务模型是什么,如果不了解业务模型,就无法知道用户哪些行为是有意义的,哪些行为是毫无价值的。

主流的业务模型包括:

找准了业务模型,我们就可以开始设计出支持业务需求的网站了。

一、明确目标用户

在开始网站设计之前,我们首先要问自己一个问题:“网站是为谁搭建的?”不是每个网站的设计者都能准确有效地回答这个问题,有的人会说“网上的每一个人”,还有的会说“所有喜爱某类产品的人”、“所有爱看书的人”或者“所有喜欢美食的人”。

这些回答都不是准确的回答,因为你无法从这些回答中得到精确的用户角色。

我们可以***取如下工作方式,去明确目标用户:

1. 找到公司的市场/运营部门,市场/运营部门的人员或许对公司用户的统计数据结果以及心理方面做过了大量的研究。

2. 咨询公司负责人或高管,了解他们希望产品所面向的用户,以及他们所认为的具有价值的用户行为。

在和各相关部门同事的谈话中,并不只是收集用户的统计信息,真正要做的是得到一些合适的行为信息来帮助我们更好的设计网站。

比如,我们了解到用户的年龄较大,就要做出一些初步的设计决策。如:字体要放大、交互操作要尽量简单、以及页面上哪些元素更应该突出等。

二、与目标用户交流

招募目标用户通常需要公司内部其他部门的配合,比如客服部门,可以通过诸如电话邀约、邮件邀约等方式,如果目标用户是企业,则可以通过公司高层或市场部门,向企业致电或发送邀请函等方式,总之,尽量通过其他部门的协助完成用户的邀约。

在访谈的过程中,我们要注意理解得到的反馈。比如,用户可能会说“我希望按钮大一些。”而他们的实际想法可能是“付款的过程太复杂了。”或者用户可能会说“我希望这个的演颜色是红色。”他们真正的意思可能是“要招到我想要的东西太耗费时间。”

最佳的方式是: 当用户在正常的环境中具体完成任务时实际地跟踪用户的行为。

所以,在访谈中,我们可以问一些诸如“你想做什么?”、“你希望得到什么”这样的问题,而避免去问“你认为这个按钮应该放在哪里?”这种问题。我们要把重点放在用户完成任务时遇到的难题上。

三、创建用户角色模型

角色模型可以帮助我们更深入地理解设计所针对的对象,以及怎样才能真正满足这个用户的需求。当然,也可以不去创建复杂的角色模型,只不过,如果能针对一个特定的“人”来进行设计,会让我们的设计更加有效。

1. 总结用户交流结果,把结果分发给各利益相关者或相关部门人员

在第二步中,我们会收集到一些信息。可能已经得到用户的相关信息,比如:性别、地理位置、上网习惯、技术水平或是他们使用竞品的方式。

我们了解到用户当前遇到的麻烦,也了解到哪些方面还算不错等信息。

针对于收集到的信息,我们需要建立一份报告,这份报告可能会涉及以下信息:

这里需要注意的是:

2. 与各相关部门人员召开会议,脑暴形成用户角色

寻求各部门相关人员的协作,往往比单枪匹马作战更高效。

每一个部门都会对用户有自己的理解,是男人还是女人?年龄段如何?住在哪里?如果大家不确定,可以参照上一步的报告文档。

当大家提出了大量用户特征后,可以开始合并这些特征,并将其改进为角色,比如:女性+25~35+华北地区=来自北京的27岁女性,甚至还可以为她取一个名字。

3. 让角色成为真正的人

为用户角色增加一些具体的个性化内容,比如:照片、姓名、职业、个人背景、职业、教育背景、目标、爱好、最喜欢的网站、他的愿望等信息。确保用户角色的真实是这一步的关键。

4. 为人物角色加入场景表达

通过创建场景,会使得人物更加丰满,同时有助于我们完成网站交互系统的设计。场景,就是人物角色使用产品时的背景故事简介。

比如:王强(人物角色名字)打开浏览器,从网站上看到了感兴趣的电影介绍,首先他回选择自己关心的电影类型,然后网站会推荐给他可能相看的电影;接下来,他会选择真正感兴趣的电影,并进行观看。

四、绘制用户路径草图

用户路径草图可以帮助我们确定不同类型用户会完成哪些类型的动作,由此我们可以决定需要为网站设计什么。通过画出不同用户的路径,可以帮助我们查看是否有遗漏。

举一个例子:

比如,要建立一个小型电子商务网站的用户路径草图,可以有这样一个场景故事:买礼物的人浏览主页,找到适合的礼物,买下礼物,写下一张贺卡,写上朋友的信息,付款。

起初的用户路径草图如下:

接下来可以考虑:

网站的用户不只是送礼物的人,也会有给自己买礼物的用户、不满意的用户、失业想要在线卖东西的用户、其他渠道接收到广告的用户。

我们可以继续为这些用户添加用户路径:

五、明确业务流程与任务流程

绘制了全用户的全路径草图,现在就要拆解用户的全部任务,明确交互中每一步的细节。

其实这一步,就是根据用户的任务,完成各个任务/功能的流程图设计,以及和网站后台系统交互的业务流程图设计。

关于功能流程与业务流程,网上已有不少文章做出详述,本文不再详细阐述。

六、网站的用户体验设计

本步骤不再叙述如何绘制网站的原型图,这里要谈的是在网站的设计中,值得注意的要点。

1. 网站上的一切要井井有条

网站中会含有丰富的信息,用户来到我们的网站时为了查找信息或者完成任务或者二者兼有,作为网站的设计者,我们的任务就是用好的设计帮助用户达到他们的目的。

(1)帮助确认是否到达了正确的位置

来到网站,用户希望知道这是不是他所需要的,也就是他是否达到了正确的位置。

用户来到我们的网站时,首先看到的就是网站的组织方案。

组织方案有两个作用:

因此,组织方案需要为用户展示所有的产品范围。比如,淘宝网站的分类导航:

(2)帮助用户找到他们需要的东西

用户知道他们访问了正确的网站,接下来他们需要标识导引来找到他们想要的东西,标识导引有四方面的内容:

(3)让用户知道网站上有更好的东西

无论用户是否在网站上找到了他们需要的东西,他们都会想找到更多的类似的更好的内容。

在这里,可以有效利用导航或面包屑导引,突出显示用户在网站中的当前位置,并显示相关的内容,让用户可以链接到其他的地方。

另外,也可以使用提供“更多内容”的选项,可以向用户提供相关商品的快捷途径。

“更多内容”导航工具对于一组相关商品以及相关种类的快捷途径最为有效,例如电商网站的“猜你喜欢”,文章网站的“相关文章”。

(4)为用户提供下一步操作

用户已经找到了他们想要的东西,我们要为用户的下一步操作提供相应的选择,我们应该在设计网站时询问自己“用户希望在找到他们需要的东西后,做些什么?”

对于一个电商网站,用户肯定是要购买到找到的商品,电商网站提供的“加入购物车”和“购买”按钮有效帮助用户解决了问题。对于一个文章网站,用户阅读一篇文章后需要做些什么呢?应该是评论、分享、收藏、***、粘贴这篇文章。

用户会利用网站提供的“下一步”操作拉近与其目标的距离。

2. 网站导航的细节阐述

这里之所以把网站的导航设计拿出来,是因为看似简单的导航设计,里面含有很多的设计细节。

在讨论导航的细节之前,我们先要明确用户查找信息的方式,用户访问我们的网站就是为了获取查找相关信息,而导航可以帮助用户去完成这一操作,所以有必要了解用户查找信息的方式。

(1)用户查找信息的方法

(2)导航的分类

三类导航分别对应不同的用户查找信息方法:

(3)全局导航

在很多网站上,全局导航就是导航条,比如:

对网站内容分类并选择组织系统时,全局导航作为顶层类别,对用户和企业来说是意义重大的,因为它展现了网站的顶层架构。

全局导航需要再每个页面都出现,不论用户现在在哪里,都能通过全局导航继续访问网站的任何位置。

同时,全局导航还有一个作用,就是会告诉告诉用户网站是关于什么的,以及用户可以利用网站来做些什么。

全局导航通常会显示在页面的最上方,因为这样就能将页面的其余部分聚焦于内容数据。

当然,垂直的全局导航也是一种选择,但是这样会限制局部导航以及页面内容的可用空间。

(4)局部导航

局部导航也称为栏目导航,因为它提供了一组链接。当点击了一个全部导航时,会进入到相应页面,此时会在全局导航下方出现新的一组导航条,这就是局部导航。

利用局部导航,只需要提供一个栏目下其他页面的链接即可。

在一个复杂的分类系统中,用户希望从一个类别移到子类别,然后再移回来,设计局部导航就是为了让用户能够轻松地在不同类别间导航。

局部导航可以有效的帮助“探测内容查找”型用户,这些用户知道他们需要某些东西,但是又不确定到底是什么。

选择一个全局导航后,局部导航可以帮助他们浏览更加具体的内容。而对于“不知道自己要查找什么”的用户,局部导航可以为他们提供一组相关的选项,帮助他们做出决策。

局部导航通常出现在全局导航的下方(或页面的左侧)。这种布局方式也强调了内容的组织方式:子类在类别下方,把相关性最强的链接放在最接近用户需要的位置。

用户在访问网站的一个页面时,会关注页面的内容,如果他看到的页面上没有需要的内容,那么局部导航通常要放在离页面内容更近的位置,用户想要访问其他类别时,首先要找的便会是局部导航。

(5)导航访问模式

在全局导航和局部导航这里,介绍一下用户访问导航的模型,用户查找网站内容的方式取决于网站的导航,通过导航访问内容有两种基本模式(我喜欢这么叫这两种方式):弹跳模型和爬行模型。

弹跳模型: 这种模型会使用户前往一个子类,然后必须回到其父类(首页)来选择另一个不同的子类。

此模型适用于用户浏览庞大的异构内容集的时候,众多分类庞杂的网站如电商网站、素材类网站,这些类型网站中面包屑导引工具就显得异常重要,用户会沿着面包屑导航的轨迹返回。

***用该模型,为了让用户在网站中转移时将其余的顶层类别隐藏,使用户更沉浸当前类别中。

同时,对于包含大量内容的网站,不可能把所有顶层类别连同所有局部导航都显示在一起。

例如,京东的面包屑还自带了筛选功能:

爬行模型 :在该模型中,用户可以***用横向的方式在各类别间转移,用户选择一个类别后,可以继续选择页面上的“兄弟”类别的导航,用户只需要单击一次就可以进行切换。

做一个简单的总结:全局和局部导航统称为结构导航,优秀的结构导航能支持用户的所有信息搜寻行为,包括前文中三类查找信息的用户。

(6)关联导航

关联导航就是网站页面上能为该页面上的内容关联到额外内容的链接,比如:文章详情的“更多文章”、电商网站的“猜你喜欢”、新闻详情的“相关新闻”等。

关联导航有时很容易被我们忘记,因为它们相当于跨越了网站信息架构体系结构的快捷方式。

但是,不得不承认,关联导航是保证网站可用性强大的驱动力,可以促使用户沉浸于我们的内容。

关联导航关注两方面内容:

a. 上文中已经提到过“下一步”操作。当用户找到了他们希望的东西时,下一步要做什么?

如果是访问了一篇文章,就应该为用户提供更多相关文章的链接;如果是观看了一个***,就可以提供更多相关的***链接给用户。

例如:在36kr网站,当用户阅读了一篇文章后,网站提供了收藏、评论、分享等功能。

或者,用户心情不错想要继续查看相关内容,为此,网站提供了相关文章和感兴趣文章的链接。

又或者,用户不想看类似文章了,此时网站提供了下一篇文章的链接。

b. 如果当前页面展示的不是用户想要的,那么该怎么办呢?我们当然不能保证每一个页面都是用户想要的。

我们要做的,就是要提供一些其他的内容给用户看到,可以提供一些相关内容的链接,或者是提供同一内容不同格式的链接,比如在一个新闻详情内,可以给用户提供文字、音频以及***多种查看方式。

例如:在用百度搜索内容时,并不是一下子就能搜索到用户想找的内容,此时在搜索页面上提供了多种格式的搜索类型,同时还提供了搜索工具帮助用户筛选搜索的结果,在界面的右侧也提供了一些与搜索关键字相关的链接。

(7)可用性导航

信息架构领域的美国知名作家James Kalbach给出了可用性导航的定义“可用性导航将工具和特性相连接,这些特性可以帮助访问者使用网站。”

好吧,专家的定义总是这么晦涩。

其实我们对可用性导航并不陌生,网站的登录/注册、搜索、个人信息、个人账户、客服、我的订单等都是可用性导航。

可用性导航通常放在全局导航附近,比如页面的右上方,因为可用性导航也需要在网站的所有地方都能访问到。

在设计可用性导航时,要利用视觉线索和页面上的屋里位置将它和全局导航分开。

不同类型网站可用性导航包含的信息不同,根据网站各自的业务进行具体设计,比如:京东的“登录/注册、我的订单、我的京东、京东会员、企业***购、客户服务、手机京东”、站酷网的“搜索、上传、消息、个人信息”等。

(8)小结:

全局导航和局部导航可以帮助用户缩小网站的内容范围。关联导航可以将用户连接到相关的内容,提供不同情况的“下一步”。

可用性导航可以放置另外三类导航未能妥善处理的其他重要链接。

三部分导航综合到一起,就可以得到一个可用性很高的网站了。

如果在设计网站的导航时,还是无从下手,试着回答自己三个问题“内容如何组织?”“用户希望通过网站做什么?”“你希望用户通过网站做什么?”

3. 网站内容的基石—元数据

元数据是网站组织系统的基础,搜索以及电商网站上的导航系统都依赖于元数据。

网站上的信息可以有不同的形式,比如:一篇文章、一张图片或者是一个视音频。

元数据可以确保以上各种形式的内容都能够被用户查找浏览到,元数据就是每一项内容的所有信息。比如,一首歌曲,元数据可能包括:出处,版本,作词人,作曲人,演唱者,专辑名,时长,音乐类型等等。

元数据通常包括以下三种:

1. 固有性元数据。与内容构成有关的元数据,比如这是一个word文档、jpeg图片、ZIP文件。

2. 管理性元数据。与内容构成有关的元数据,比如图片的用途、编辑人、是否已发表。

3. 描述性元数据。与内容本质有关的元数据,比如一个图片的描述性元数据:狗、犬科、可爱等。

下图展示一些元数据的类型:

我们要根据网站的具体定位,组织具体的内容及其元数据,明确每一个元数据对用户来说是否有用。

4. 网站设计要遵循的基本原则

用户体验设计部分的最后,总结一些常用的设计原则吧:

七、目标(***)用户测试网站

可以给用户测试我们的网站原型,也可以快速搭建第一个版本后让用户使用得到反馈。无论***用哪一种方式,目标都是要尽快得到用户的反馈,以及时调整解决出现的问题。

同时,我们要为发现的问题预留出足够的处理时间。

八、迭代优化我们的网站

接下来,就是不断的去迭代、优化网站了,根据公司业务的调整、或是配合其他产品线、或是增加产品功能,不断的去完善网站。

九、总结

本文讨论了系统规划网站的大致流程,重点讨论了提升网站用户体验的设计要点,从中又引出了导航、元数据以及基本的设计原则,希望本文的内容能给大家带来一些帮助。

网站设计需要考虑哪些因素

一、网站的主题定位

在一个网站建设前首先要做好的就是网站的品牌定位,明确网站的定位是围绕着集团网站建设还是产品品牌角度出,网站的视觉风格、页面板块、内容核心等都会有区别。定位确定之后,需要在网站建设后期,通过独特的网站风格、主题突出的栏目内容,体现出品牌的核心价值。而且确定好定位以后,网站后期的优化也可以更加方便的进行。

二、网站整体的风格设计

视觉效果是影响用户对网站印象的重要因素,要体现企业的气质需要高水平的网页设计来烘托。在做一个品牌网站的网页设计时,一定要对品牌有深入的了解和把握,这样才能提取出网站的核心部分。

三、网站的整体架构

网站整体架构包括公司介绍、新闻动态、服务展示、联系我们等内容,要让用户通过这些内容对品牌形成认知,当然这些内容并非每个都面面俱到,最好能详略得当,着重推出品牌形象与产品推广。这就像是我们日常生活中所用到的名片一样,用户如果想对公司有所了解,就一定会去看企业的***去进行初步的了解,所以网站建设时一应要齐全,可以让用户初步对公司有一个比较全面的了解。

四、网站的数据分析

通过挖掘用户的浏览信息,去分析用户的行为,从而对网站的布局、网站的设计、关键词等进行及时的调整。不断的去提高企业网站的品牌效应。多做一些正面的宣传增强用户的信任度。

五、网站的日常维护

一个品牌网站,必须要有一个可以对网站内容进行实时监控的专业的团队。这样网站出现问题时就能得到及时的处理。以防出现遭受攻击或网站响应速度变慢等问题,影响用户的体验。日常文章的更新、网站安全的维护、网站版块的及时升级等等,都需要一个专业的团队去进行。

六、网站的互动营销

让人印象深刻的品牌网站,是能够提供互动的网站,不管对用户,还是对品牌生产经营活动价值链上的各个环节,都能做好管理。不断通过有效的网络互动营销,达到品牌传播目的。

电影网站怎么建设??求指教

申请域名

购买服务器,或者购买虚拟主机

域名解析,主机域名绑定

上传网站内容

1、 服务器;由于电影输出的数据包很大,所以电影网站服务器要求的配置一般比较高。服务器就是给用户提供服务支持和服务管理的电脑,由于会有众多网络用户在你的服务器上调用***,运算量很大,所以一般服务器的配置要比普通家用电脑配置高,而电影网站的服务器配置也比其他类型网站服务器配置更高一些。

2、 带宽;由于电影输出的数据量很大,所以电影网站需求求的带宽***也比较高。一般网站的服务器,都放在电信机房里,也有一些大公司会自己建设机房,牵设光纤专线独立带宽。

3、 服务软件;影视服务端的软件虽然很多,但是普遍价格也很高,要选择的话就看看性价比。好的软件管理也比较方便,更重要的是输出的信号清晰流畅,用户体验好。现在比较流行的是P2P类的点播和直播软件,因为耗用带宽等***低,而清晰度和流畅度比VOD大幅提高。楼主想做电影网站的话欢迎找我,我公司的SNS***系统是个绝佳的选择。

4、 内容;网站建设起来,就是为了给用户提供影视***内容的,现在盗版很多,但是从长远看来,资金充足的话最好做正版。

5、 IDC管理***;要把以上***有效的转换成价值链中的一环,需要高效的IDC管理系统支持。

6、 管理运作人才;上面的东西齐备了,但是没管理人才和运作系统,那些***也只能是死物。所以,要想长期运营的话,建立一套好班子是当老板要做的基本功课。

电影推荐网站设计可能出现的问题的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于关于电影的网页设计、电影推荐网站设计可能出现的问题的信息别忘了在本站进行查找喔。

扫码二维码
素仁帮官方旗下站点:www.sem818.com www.sem660.com www.sem669.com www.sem816.com www.sem868.com www.sem680.comsrb999.com srb666.com srb580.com srb100.com