时间:2024-05-01
完美电竞完美电竞完美电竞完美电竞完美电竞网站设计指的是规划网站的整体外观以及设计DIV/CSS/HTML/JAVASCRIPT网站中各页面的工作流程。在设计网站之前,前期的需求调研是非常重要的。在开发之前,针对网站整体风格、颜色搭配、页面中的内容布局以及网站所面向的用户群等,这些都需要和用户进行详细的沟通,制定详细的需求说明文档。设计多媒体网站时,需要时刻考虑网站应展示什么内容以及如何吸引用户去访问这些内容。在吸引用户方面,有两个基本原则需要注意:用户喜欢内容有趣并且适合自己的页面;用户对布局混乱,功能不清晰或者加载很慢的网页往往没有耐心。如果一个网站能够提供有价值或有趣味的信息给用户,那么它就是一个有意义的网站完美电竞,用户在浏览网站时会感到兴而被吸引住。但是,兴趣会随着时间的推移而减弱,如果用户每天在网站上看到的都是相同的内容,就会产生枯燥感,久而久之就可能不再访问该网站。因此,时常用最新的信息来更新网站内容是很重要的。网站的易用性是决定用户是否会经常访问的决定性因素。例如,如果用户在网站中搜索想要的信息是一件困难的事,或者网站页面加载时间过长,那么用户就会到另一个网站而且再也不会访问该网站。为了方便检索和减少用户的等待时间,网站应该使用清晰而高效的检索工具,并以容易理解的方式提供信息。网站也应该能够快速加载—要达到这个目标,需要仔细选择网站的多媒体元素完美电竞,并且在必要的时候修改它们(比如减小图像分辨率)以尽可能地提高加载效率。另一个影响网站设计的因素是用户用来上网的设备。因特网用户可能会使用从台式计算机到智能手机的多种多样不同尺寸的设备,设计一种适合所有设备的网站需要很大的工作量,因此网站设计者应该尽早决定网站的目标受众是用台式计算机还是上网本,或是智能手机,以及是否需要优化内容以适应不同尺寸的设备(设计适用于多种设备的网站称为响应式网站设计,如图9-12所示)。在响应式网站设计(Responsive Web Design,简称RWD)中,可以使用模拟器来模拟不同尺寸设备的显示效果。
除了设备尺寸的不同外,还应该考虑各种不同的操作系统平台以及不同的Web 浏览器。计者应该合理配置网站以使它能够在尽可能多的不同的配置终端使用。
即便大多数浏览器(如Internet Explorer、Firefox、Opera、Chrome 和Safari)的性能和功能都变得越来越统一,但仍有一些功能不适用于所有浏览器。如果选择使用了这些功能,可以使用浏览器的嗅探技术来确定用户所使用的浏览器,并根据浏览器的不同显示不同的内容。
使用网页功能之前下载插件是一件令用户很反感的事情,但大多数用户还是会在需要时下载一些应用范围较广的插件。在网页设计时,尽量不要要求用户下载不常用的插件。
不同的浏览器和屏幕分辨率会产生不同大小的页面内容展现区域,设计图片和文字栏宽度时需要考虑这个因素。例如,为了确保内容在台式计算机和笔记本电脑上易于阅读,而无需烦琐的滚动,图片或其他大尺寸元素的宽度应小于960 像素,高度应小于420 像素。为手机用户设计的内容则应更小,在常见型号的手机上宽度应小于300 像素,在大屏手机或平板电脑上宽度应小于768 像素。
尽管宽带因特网已经很普及了,但仍旧有部分用户在使用窄带上网连接,还有一些手机用户的流量是有上限的。如果网站的目标用户包括窄带上网用户或手机用户,就需要格外注意网站上图片文件的大小,并且要让用户自己决定是否要花时间和流量来获得网站的特定功能。比如,设置一个链接(包含有文件大小和预计加载时间),而不是自动播放音频或视频文件;当需要呈现大尺寸图片时,尽量使用缩略图方式,让用户自行选择是否查看大图。最后,确保所有的多媒体元素和网站的所要达到的目的一致,除非有很好的理由,否则不要添加额外的元素,尤其是音频或视频文件,这会减慢网站的加载速度,使用户厌烦。
设计多媒体网站的首要步骤之一就是确定网站的基础目标和网站的目标用户。网站的目标决定了网站的内容。网站设计者需要确定网站的首要目标(比如营销、产品完美电竞、服务),还要确定一些补充性的元素或活动(比如游戏功能、博客,用户留言系统、在线交流等)。如果网站是为手机用户设计的,还需要决定是否包含与位置相关的应用或者其他流行的手机应用。此外,还需要确定将哪些社交应用整合到网站(比如分享到新浪微博,如图9-13 所示),并在多个社交平台注册网站的官方账号,以便与对应平台的用户进行交流。
目标用户会影响到网站多媒体元素的样式。例如,如果网站只用于内部局域网用户,就不必像设计因特网网站那样精心考虑文件大小和文件格式;如果目标用户基本使用同一种浏览器(比如Internet Explorer),就可以主要为这种浏览器设计网站。此外,网站的具体设计(比如风格、图像、字体、颜色)也需要为目标用户考虑,如果用户是青少年,就可以将页面设计得时尚、前卫一些,而商务人士更喜欢简约风格的网站。确定目标用户后,就需要确定网站要包含的主题。确定网站主题的方式主要有:通过浏览类似网站来明确自身的网站主题;与目标用户进行交流以便获取用户需求等方式。一旦确定了网站主题,设计人员就可以开始准备页面所需要的相关元素了,包括图片、文本、动画、音视频文件等。设计者一般需要设计出2~3 套适合网站主题的不同方案,以便选取最合适的方案再继续网站其他页面的设计工作。
在确定了网站的目标、目标用户及内容后,就要设计网站的结构和布局了。网站访问流程图和页面布局等,既可以用手工设计也可以借助特定的计算机软件来设计。网站的流程图(flow chart)描述了网站的页面间是如何互相连接的。例如,图9-14 展示了一个典型的主页导航式网站的流程图。流程图相当于网站的“地图”,图中用小盒子来代表网页,盒子之间的线条展现了网页间的逻辑联系。除此之外,网页间还有其他的联系完美电竞,比如,可以在网站的每一页放置导航栏。
页面布局经常用来说明网站的布局和导航结构,如图9-15 所示。对每个网站,通常要设计两个页面布局:一个是主页,另一个是网站上其他所有页面。当设计页面布局时,需要仔细考虑每一个元素要放在什么地方。例如,研究表明大多数人首先浏览页面的左上角,一般放置网站Logo及重要信息。当设计网站的布局时,要确保页面看上去有趣而不枯燥,元素的分配要平衡,并且重要的元素要突出显示。
网站的导航结构是非常重要的,它能在一定程度上决定网站的易用性。在制作完网站的初步流程图后,还要检查各网页间的链接是否平衡—应保证用户可以在三次单击之内到达网站的大多数页面。对于大型网站来说,导航工具,比如下拉菜单、网站地图(包含可以去到所有主要页面的链接,如图9-16 所示)、导航栏和搜索框等是非常有用的。
当设计导航结构时,确保把相同的导航按钮或链接放在每一页相同的位置上,以便用户使用;确保导航按钮上的图标容易被理解,尽可能给图标加一个文字名称,比如在购物车的图标后添加“购物车”字样。此外完美电竞,用户通常认为有下画线的文本是超链接,所以如果文本不是链接的话,就不要加下画线,以免引起用户误会。如果一个网页的内容较多,可以考虑把内容分到几个页面中,以减少向下滚动和网页加载时
间,页面之间可以用分页标签连接,如图9-17 所示。此外,对于内容较长的网页,要确保总是有一个可以让用户回到网页顶部的快速链接。
关键词:流程图;布局;故事板评论:01 / 1相关资源图书文献课件视频其他