单位文秘网 2022-02-16 08:09:20 点击: 次
摘 要:针对《宝贝回家计划——丢失儿童在线寻找系统》的初步设计与制作中在视觉和性能方面出现的缺陷,本文从色彩搭配与性能实现来完善该网站的设计。在色彩搭配方面,本系统以“网页色彩能给人最直接的的视觉冲击”为线索,展开色彩的选择与色彩的搭配工作;在性能方面,作为一个服务大众,传播爱心,信息量很大的网站,系统开发要从用户角度建设网站性能,同时高性能也是本系统在网络平台的立足之本,因此开发人员要从自身角度来实现网站的高性能建设。
关键词:在线;视觉;色彩;信息;性能
1 背景分析
由于当今社会法制并不是十分完善,拐卖、遗弃儿童的现象依然存在,通过警方或个人的力量并不能够完善寻找丢失儿童的工作;而今随着科学技术的发展,社会已进入信息时代。传统的寻人方法有口头宣传、张贴启示、人力搜索等,这些方法不仅慢,而且被诸多无可避免的因素(例如个人能力、公关机构管辖范围等)所制约。信息时代产生的在线寻找网站,克服了这些缺点、限制,满足了人们的需求,使人们可以随时了解各地发布的丢失儿童消息,帮助人们在保证自己正常生活的前提下,寻找自己的亲人。宝贝回家计划就是这样一个专业的寻人网站。该系统的初步设计与制作已经完成,在自我测试、审核过程中,项目负责人员意识网站存在两点缺陷,一,网页是一种视觉语言,而给人最直接的视觉冲击的是网页色彩,这正是初步设计与制作过程中欠缺深入思考的一部分。二,作为一个服务大众,传播爱心,信息量很大的网站,在初步设计与构建中并没有对其性能进行全面实现。因此本文从色彩搭配与性能两方面对网站进行改善。
2 色彩搭配
网页的视觉语言表达方式有多种,如图形语言、文字语言、文案语言和色彩语言。[1]用户浏览页面时,首先映入眼帘的是页面的整体色彩,色彩是最直接,也是最持久的视觉语言,因此选择什么颜色、如何将不同的色彩搭配起来是网页设计者必须重视的问题。
2.1 色彩的选择
几乎每一种色彩都具有强大的内涵,这份内涵里有属于它自己的象征意义。而色彩的选择是为整体设计服务的,在完善系统的过程中,根据每级页面索要展现的内容的不同,结合色彩的象征特质,制定了色彩的选择方案:
首页以蓝色为主,因为本系统是寻人系统,它面向的主要是失去亲人的用户,蓝色给人一种平静、安全、可以信任的感觉,因此这最保守的颜色,不仅帮助网站树立了“寻亲莫急,我们帮你”的形象,还十分人性化的达到安慰这些用户的目的。此外,对于本系统的第二大用户,社会爱心人士、志愿者来说,蓝色具有稳定、强大、坚定、力量与智慧的内涵,这也正是他们奉献精神的体现。
家寻宝贝页面则采用绿色作为背景色,绿色是一种灵活的色彩,它能与大自然、环境、家庭、幸福、生活、再循环相联系。在此版块,页面展现的是由各种原因导致不能回家的孩子的照片,是一张张迷途的天使的面孔,绿色是他们的最佳的搭配色彩。在此页面,绿色渐变的使用,使得页面整体视觉效果简洁,同时,对于浏览者来说,绿色及孩子的照片给予他们的心理效应是:一切都有希望。
宝贝寻家页面采用了淡蓝色作为背景色,因为浏览该页面的多是找爸妈的孩子,对于他们来说,家永远都是一个爱的港湾,淡蓝色的沉稳、友好内涵表述的正是这种亲情。
考虑到本系统的建立目的是帮助寻找丢失儿童,传播爱心,而且本系统针对的主流访问者希望在此可以寻到帮助信息,因此本系统的界面应该给人以安心稳重的感觉,根据这样的设计原则,系统的其他页面的主色调也选择了蓝色。
2.2 色彩的搭配
色彩搭配是多种多样的,但在网页设计中要根据和谐、均衡和重点独处的原则[2],进行搭配。合理的色彩搭配要结合网站主题,以及网站自身属性,并考虑到该网站面向的对象的心情的。
本系统设计的总原则是:主要内容用非彩色(黑色),背景、图片、边框、超链接用彩色。而搭配技巧在于使用一个色系:冷色调中的蓝色、绿色,这可使页面呈现宁静、清凉、高雅的气氛。另外传统网页设计只注重信息传播,本系统页面设计中超越了传统网页设计理念,注重用户需求。根据以上原则在色彩搭配上选择了冷色调色系,以达到安慰浏览该网页寻求帮助的人的目的。作为传播爱心、服务大众的公益系统,本系统界面很自然的选择了蓝天为背景。
综合网页布局,色彩选择方案和浏览者的心理效应三方面,对每一级页面都选择了单色搭配[3]。所谓单色搭配是只选择一种色相,由这一种色相的暗、中、明三种色调进行组合,形成明暗层次。本系统的各级页面都采用了这种色彩搭配方案,不仅给人以明快、简洁的视觉效果,还体现了网站不只是在传播信息,也不只是在做寻人的工作,而是在人性化的界面里传播爱心,推崇和谐社会。
3 性能实现
网站性能即是一种客观的指标,体现于响应时间、吞吐量等技术指标,又是一种主观感受,不同视角下有不同的性能指标。因而在本系统的建设过程中,为了实现高性能,设计者主要从以下几个方面着手。
3.1 从用户视角实现网站高性能
从用户角度,网站性能体现在网页响应速度的快慢,其中有80%用于下载各项内容[4],包括下载样式表、图像、脚本和Flash等。如此分析来看,减少HTTP请求次数,是提高网页速度的关键步骤。
为了加快响应时间同时保持页面内容,首先,网页设计人员检查图片是否还有压缩空间,以保证图片以最小像素值保存,本系统使用的图片大多以PNG格式保存。然后系统开发人员采用了CSS Sprites,即把所有背景图像放进一个文件夹内,通过CSS的background_image属性来显示图片。
其次,避免跳转也是加快响应速度的方法之一。跳转会降低用户体验,这是因为任何文件都不会在HTML文件加载前被下载。本系统建设过程中,为了避免跳转,采用了一级页面滑动的页面设计模式,导航设在每个页面上部,点击页面会下滑到该部位,这样的页面设计就可以避免跳转,从而加快网页响应速度,实现网站高性能的建设。
3.2 从程序员角度实现高性能网站
这里的程序员是指网站开发人员及运维人员,他们说的网站性能与通常用户所说的不同。开发人员注重的是程序本身的性能,包括系统吞吐量、系统稳定性、并发处理能力等技术性的指标。而运维人员注重的是基础设施性和资源利用率,例如服务器硬件配置、服务器与网络带宽的利用率等[5]。
在本网站建设过程中从程序员角度,使用代码优化手段提高程序性能,并使用缓存加速数据读取来建设高性能网页。
测试表明如果把样式表放于文档的
StringBuilder StringBuilder=new StringBuilder(“hellow”);
String NewString=”宝贝计划”;
StringBuilder.Append(NewString);
这样就可以避免创建第三个字符串来接收“hellow 宝贝计划”。
程序员在实现本系统时,大多使用的是值类型。公共语言环境支持值类型和引用类型,具体采用哪种类型视情况而定的,但值类型在性能上更具有优势:值类型可以被分配到栈中,它们没有与类相关的开销,不需要调用构造函数,因此具有更快的运行速度。
读取数据分为从数据库中读取数据和从缓存中读取数据两种方法,然而前者需要花费大量的时间,考虑到本网站是一个寻人网站,面向的数据是庞大的,因此程序员在数据读取方面采用了从缓存读取数据的方案,实现语句为:
其中add name为用户数据库名,Password为用户数据库密码,管理员只需将这两处改为自己的用户名及密码即可进行管理。
4 总结
色彩的选择与搭配在网页视觉形态上体现了网站的特色,例如选择蓝色作为主打色,不仅能表达网站“帮助失散亲人团圆”的温馨主旨,还可以稳定浏览者寻找亲人的失落心情。本网站本质上是一个信息量很大的,面向诸多用户的寻人网站,因此本文叙述了从用户到程序员不同角度下,需要重点把握的网站高性能建设的几个方面:避免跳转法给用户以网站快速运行的视觉感受、代码优化法使网站代码简洁,便于日后维修、采用缓存则提高网站后台数据运行速度。从初步设计与制作到本文的色彩搭配与性能实现,逐步对宝贝回家计划进行完善,全面构建了一个传播爱心,整合信息的在线寻找丢失儿童的网站。
[参考文献]
[1]解勇.《网页设计视觉形态》[M].沈阳:辽宁美术出版社,2004:120.
[2]杨选辉.《网页设计与制作教程》[M].北京:清华大学出版社,2008:38.
[3]王斐.《网页配色黄金罗盘》[M].北京:清华大学出版社,2008:21.
[4]Steve Souders.《高性能网站建设进阶指南》[M].北京:电子工业出版社,2010.
[5]李智慧.《大型网站技术架构:核心原理与案例分析》[M].北京:电子工业出版社,2013.
(责任编辑:单位文秘网) )地址:https://www.kgf8887.com/show-152-99151-1.html
下一篇:我国汽车改装行业的发展与未来
版权声明:
本站由单位文秘网原创策划制作,欢迎订阅或转载,但请注明出处。违者必究。单位文秘网独家运营 版权所有 未经许可不得转载使用