做什么事情可能都有问题存在,而像现在网站建设这么流行,我们就更需要掌握网站制作可能存在的问题,这样我们在建站的时候才不因遇到问题面产生迷茫。那在网站建设时会有哪些问题存在呢?下面常州网站建设就对网站制作中常见的问题及解决方案、网站设计中不要忽视的问题、网站URL设计的常见问题、网站制作中可能遇到的问题、网页设计常见配色问题知识点展开介绍。
网站制作中常见的问题及解决方案
在网络信息化飞速发展的今天,越来越多的企业也都开始选择建设网站来打开互联网营销的窗口。但是企业在建设一个新网站的初期,都会因为一些细节上的纰漏,或者粗心大意而遇到各种各样的问题。那么,在网站制作中常见的问题都有哪些呢?又有什么好的解决方法呢?
一、界面栏目和布局不美观也没独特性
很多企业网站的界面、栏目和布局都是差不多的,访客见多了,自然也就不会留下什么独特的好印象。那这种情况往往时企业为了节约成本套用网上泛滥的模板导致,既没有对行业进行深入分析,也没有做针对性的分析策划。
解决方案:建议大家将网站的界面设计、栏目、功能进行深入的分析,总结和做出企业的独有特色,使品牌深入人心!
二.页面堆积信息多,幅面过长
国内的企业网站首页大多都很长,但在国外企业网站中却很少见到,因为首页主要作用就是吸引访客,然后将访客引导到其他页面传递出更多的信息。但是实践证明。人的视觉上能够接受的信息量是有限的,就算你放那么多,用户也不会都看到,能看到第三屏内容的也只有10%。过长的网页只会导致让用户反感,对下次的访问也会产生抵触。其实,能把你的网页长首页看完大多也都是同行对手而已。
解决方案:建议首页不采用动画导入页面,否则第一屏的宝贵位置就白白浪费了,所谓的第一屏,就是用户在打开网站之后,直接映入眼帘的,不需要滑动条就可以看到的那个页面所展示的设计和内容。
三、各页面导航不完善
主导航只从企业自身的展示出发,而没有根据访客需求去安排导航栏目和摆放次序,客户想要找自己感兴趣的内容很不方便那想要了解更多网站运营维护的方法,也可以看看之前分享的一篇的《网站建设维护可以考虑从这五方面入手》的文章!
解决方案:建议企业多思考用户的需求,并关注网站统计数据,根据访客需求和需求变化将导航调整到佳体验状态。像加入收藏、面包屑导航、辅助导航、返回上级目录、相关文章等内敛也都要合理布局,以方便用户顺畅的浏览和访问。
四、浮动窗过多,主动骚扰严重
很多网站都安装了强制聊天的功能(网页中弹出的客服对话框),让很多用户反感。这也说明了企业的功利性太强,而且对自己网络营销策略没信心,像强制客户接纳。俗话说“强扭的瓜不甜”,强制聊天如果时机不对会让访客反感厌恶,导致跳出的。
解决方案:建议企业网站增加用户关心的内容和活动,通过良好的站内营销手段诱导客户主动联系,提高网站的转化率。
五、企业成功的案例、新闻、资质等信息缺乏真实感
不少企业网站成功案例、资质证书都只是一些简单的文字,这样如何能够赢取客户的信任呢?
解决方案:建议增加体现真实度强的照片,以此来增强说服力,如果能有音频、视频、甚至是互动就更好了。
六、更新频率低无法吸引用户回头
网站制作后如果用户看到企业网站发布的信息都是很久之前的,肯定会觉得这个企业活力不强,已经逐渐的消亡。很多企业认为自己所处行业属于专业行业,根本没什么内容可更新,但是真的是这也的吗?
解决方案:企业网站需要发布的信息很多,比如新闻、发展趋势、协会、展会】同行公司、产品型号、使用说明、客户留言等等......
七、缺少互动和疏于管理
不少网站有留言版和论坛功能,但根本没有管理员维护,且不说没有新留言的这个问题,就只说删除垃圾和违法广告都做不到,如果是这样的话,还不如没有!其实只需要在网站上增加留言和发帖审核功能,每天让客服人员看一眼即可。
解决方案:想让网站制作后显得活跃其实也很简单,如果激励客户留言实在不容易,就安排自己人每天发一两天也不是什么难事,千万不要觉得没有什么意义,有质量的回复更新不但可以给新用户留下良好的第一印象,还能提高网站优化的效果。
网站设计中不要忽视的问题
一、使用不合理的模板
用模板的确是一件非常方便的事情。大型企业用模板确实说不过去,但是初创公司借助BootStrap做网站绝对是情有可原。使用类似Bootstrap模板来作为基础,借设计师之手针对品牌和企业气质稍加定制,其实是个很不错的主意,如果沟通良好,说不定终能呈现出一个非常不错的网站,对于企业的产品与服务也是很不错的加成。
但是仅仅只是套用模板而不予以调整和定制,你所遭遇常见的问题是模板与品牌本身的视觉设计上无法达成一致,从LOGO使用的色彩,到品牌中独特的字体,都无法与网站构成较高的匹配度。
不过如果你真的是在这方便也捉襟见肘的话,尽量挑选在各方面与品牌形象本身更接近的模板,将疏离感降到低。
二、使用默认外观
和中文网站的情况不一样,英文网站使用多种多样的字体是一件很轻松的事情。如果你使用了Bootstrap、Wordpress这样的工具来创建网站,而仅仅使用默认的设置,你愚弄不了任何人,大家一眼就会把你偷懒的事情看出来——连字体都是默认的OpenSans。用Wordpress默认外观也是一样的道理。如果你不打算在网站视觉上和别人稍作区别的话,对品牌的伤害是显而易见的。
当然,如果你能用好诸如FontAwesome这样的字体和CSS工具,也有点铁成金的奇效。它能以增加图标库和样式的方式,让Bootstrap等各式各样的系统,拥有漂亮一致的视觉语言。
毫无疑问,这些被精心制作过的原创的图标,自然是比系统内置的通用图标好。如果你有自己的创意和点子,为什么不去寻找更有个性,更符合你的品牌调性的图标、插画和字体呢?也许时间成本、实现成本并没有你想象中那么高。
三、排版对比度的问题
字体的排版的问题之大,远非绝大多数非设计人员想象的那么简单。文字和字母看起来很简单,但是它们可以成就好设计,也可以毁掉整个版面。
在许多“自制”的网页中,常见的问题是标题和正文字体之间的对比度较低,整个页面的信息层级不明显。仅仅只是调整字体大小并不足以构成对比,标题字体的字重应该比正文更大,也就是说字体应该更粗,确保它们够显眼,更容易被眼睛注意到。
四、使用深色背景
虽然背景处于网页的底层,但是它实际上是占据网站面积大的部分,在用户看到网页的时候会第一时间感受到,精心选择背景色彩很重要。
作为一个久经验证的法则,黑色色调的网站,除开真正专业的设计师做出来的,其他的基本都没法看。使用白色作为基本的背景色是非常安全的,不过多数的设计师会选择浅灰色打底。值得注意的是,网站的灰度越高,黑色的文字的可阅读性越差,为了确保网站的可阅读性,灰度好保持在15%以下。
五、多级行为召唤
CallToAction,通常被称为行为召唤,一般指的是引导用户做你想让他们做的事情,注册帐号,点击按钮,等等。在网站页面中,主要的行为召唤应只有一个主要的,要知道选择强迫症患者比你想象中的多很多,如果没有主要的、单一的行为召唤,用户会感到困惑,并需要较长的时间来做决定,再采取行动。当然,还有一部分用户会直接关闭页面走人。
将所有内容都摆到页面上,和什么都不放是一样的效果。移除多余的部分,筛选出重要的东西摆上去,让用户做重要的事情。无论是注册还是打开购买链接,把具有吸引力和有意义的按钮摆在显眼的位置上,专注于主要的事情吧。
六、对齐和留白的问题
留白,这个我们在说过,很多次了,在这里在说一下,对齐和留白。说留白和间距是一门艺术也不为过。留出足够的空间,又不让视觉元素周围的间距太多以至于过于稀疏,这是设计中难控制的部分之一。优设有太多的文章介绍留白和排版的技巧,但若你不想记那么多复杂的技巧,给你推荐一个简单有效的方案:第一,要确保所有元素都合理而得体地组合到了一起,第二,在这组元素之外给出足够的留白。
七、不专业的文案
要写好文案并不是一件简单的事情。但是不论如何,你需要通过网站将你需要表达的内容呈现出来,特别是当你是想通过网站卖东西的时候。在这种情形下,你需要让你的文案易于被理解,精心校对,确保内容的正确性和准确性,不要有拼写错误。
我经常在网上看到一些表述极为尴尬的文案,这样的网站会给人一种网站尚处于原型阶段的粗糙感。在网站上线前,找个有相关经验的朋友浏览一下全站是个不错的选择。
八、可读性的问题
如果无法让人看清,再优秀文案都无法拯救你的业务。许多细小的细节会影响网站文本的阅读性,直接或者间接地影响你精心准备的内容,让它们难以被读者流畅地感知到。
要解决可读性问题,值得注意的问题很多。行高过低会让文字难于被阅读,太小的字体对于许多用户都是障碍,阴影、斜体等效果也常常会影响可读性(尤其是中文,繁体中文这种情况更严重),色彩对比度没控制好更是灾难性的。这其中有些问题虽然算不得太严重,对于多数用户也许不会造成太多障碍,但是这会让用户对你的专业性产生怀疑。
九、一致性的问题
你应该始终保持产品和品牌的一致性,从品牌设计、网站设计到社交媒体、包装和广告,都应该具备品牌识别度。
不过在实现这些远大的目标之前,先退一步来看,你有必要让网站本身先与自身保持一致性。你的网站字体的样式是否保持了一致?LOGO上的品牌用色与网站的配色方案是否对应?网站的各个元素的阴影样式是完全一样,还是“看起来很相似”?通常情况下,你只需要仔细清理你的CSS样式表,就可以解决许多一致性的问题。
十、已访问过的内容用不同颜色显示
如果网站不能显示出用户已经察看过的内容,用户在浏览网页时便会多出很多麻烦。相反,如果用户访问过的内容都能被清晰地标出,他们便不会错误地多次点击同一个链接了。对用户来说,一个网页上往往存在不止一个链接,如果没有特殊的方式显示已访问过的内容的话,他们很难记住哪些链接是自己已经点击过的,哪些没有。针对这个问题,可以使用不同的颜色来区分已访问和未访问的内容。已访问内容的显示颜色与未访问内容的颜色应该接近但又略有不同。例如,用紫色来标注已访问的内容不失为一种可行的办法,因为与蓝黑色相比较,紫色给人一种“消退”的感觉,用户会有“这个链接我已经点击过了”的印象。
十一、填写表格时光标自动显示在输入区域
当用户看到在屏幕上出现的表格时,他们的第一反应通常是“现在需要从鼠标切换到键盘了”。如果此时能将光标显示在第一个需要填写的区域内,用户操作起来就会感到更加便利。这样的话,他们就省却了“移动鼠标–点击输入框”这一步骤,而可以直接在表格内填写内容了。谁不希望填写表格时更简便一些呢?
十二、为图标添加自动提示问题
在网站中,图标可以优雅而简洁地将某个特定的动作信息传达给用户。但是要牢记,不是所有用户都能立刻明白图标所代表的意义。因此,当用户将鼠标置于图标之上时,随即显示关于这一图标所代表的功能就显得尤为必要。有了这个细节,网站的新用户即便不明白图标的含义,也不会因胡乱点击而导致错误了。
十三、反潮流设计
不管你喜欢与否,拟物化设计已经离我们远去了。浓重的阴影和大跨度的渐变色的使用,在目前的网页设计中已然不多见。相比于在3D特效中寻求创意,不妨拥抱扁平化的设计准则。
网站URL设计的常见问题
一、网站url中是否可以添加中文
答:单纯从用户角度讲,客户会有更好的辨别,但是对于搜索引擎来讲,中文字符容易出现转码的问题,有可能会造成是别的错误,也就是说,url中添加中文是会影响搜索引擎抓取的,对于网站优化的影响很大,所以不建议添加中文。
二、URL动态还是静态好?
对于动态url与静态url之争很早就有,对于搜索引擎来讲,如果ur中只有一个参数,那么是很容易被识别的,基本动态和静态影响不是很大,如果url参数过多则会对搜索引擎抓取有影响,而实际情况中,大型的网站出现动态url在所难免,所以建议做伪静态,当然对于重要内容希望被搜索引擎抓取的部分要特别注意用伪静态或者完全动态。
三、URL长度是多少
URL作为网站上文件的唯一标识符,每一个页面的url都是不一样的,所以url的长度有长有段,尤其是动态网页,要严格控制url的长度,那么url长度要求具体是多少呢?百度站长平台给出的建议是“URL长度要求去掉协议头http(s)://之后的url长度不要超过256个字节”。
四、炫酷的url好不好
有些url中会添加一些特殊符号,觉得效果比较炫酷,对于人来讲,在浏览器中访问这些url是没有问题的,但是搜索引擎方面对于不常见的字符识别还是比较困难的,有时候可能打不开,从而会大大的影响推广效果,所以不建议url中出现特殊字符。
网站制作中可能遇到的问题
一、网站的可扩展性
初步设想网站的规模大小和将来发展过程中需要升级或改动时可能存在的问题,预测对于网站未来发展可能作出的改动所需付出的代价。一个比较理想的情况是:网站规模扩大不会对现有的设备和技术有太大的冲击,而是在现有状况下比较容易地加以改动。添加设备只是对上层应用加以改变,而低层所采用的技术和设备并不需要做出大的改变,从而轻松地达到整个网站升级的目的。要做到这点,应尽量将应用与后台数据库分开,按“三层结构”的思想去实现整个网络的框架。
一层为WebServer,是直接面向用户的。在它上面主要运行HTTP服务,为用户提供浏览功能,同时运行一些应用服务,如电子商务的服务程序、聊天室程序等。服务器的数目完全取决于网站的大小和实际的负载量。通过某些技术,让这些服务器可以根据当时的访问的流量自动达到负载均衡,均匀地将来自用户的请求分配到不同的服务器上去。这样做的好处是:如果网站的访问量增加到一定的程度时,发现前端服务器的负载较重,而造成了用户访问速度降低,那么我们所需要做的只是在第一层再增加服务器,或者升级前端服务器的配置。如果第二层和第三层的服务器可以承受当时的负载,那么第二层和第三层的服务器不需要做出任何改动。用作WebServer的服务器,配置并不要求很高,用高档的PC服务器就可以替代!
二层为中间件层,这是整个系统体系结构中重要的一个环节。它是联系前台应用和后台数据库的唯一的纽带,该软件系统选择是否得当,对整个网站技术的运用至关重要。中间件层提供了对不同的数据库操作的接口,后台数据库对前端的应用程序员来说是完全透明的。中间件层使得程序员可以很方便地编程以实现所需要的功能。通过中间件层就可以达到将前端应用和后台数据库分开的目的。
三层为后台数据库层,是整个网站动态数据内容存储的地方。几乎所有的应用都与数据库有关系。一个网站所用到的数据库服务器的数目取决于网站的规模和应用的大小。数据库服务器的配置应该比较高,而且应尽可能的稳定。一般对于一个成熟的网站来说,至少需要两个以上的数据库服务器,这样就可以互为备份,同时降低服务器的负载,达到负载均衡的目的。
有些时候,三层结构并不能严格区分开。比如前端的WebServer服务器上可以运行除此之外的别的应用,一些占用少量的系统资源和对系统影响不大的程序也可以考虑运行在前端服务器上。应视具体情况加以灵活应用。
分层结构还有一个好处,就是可以在系统认为非常重要的地方加入防护措施!例如,可以在数据库服务器和中间件层之间加入防火墙,这样可以达到有效地保护数据库数据安全的效果!
二、采用动态页面还是静态页面技术
根据不同的需要,网站需要考虑向用户提供访问网站页面的技术。对于实时性很强的内容,如新闻、股票信息等,应该首先考虑用动态页面生成技术来完成。动态页面显示的信息可以实时地从数据库里提取,然后按相应的格式呈现给用户。而对于那些实时性要求不是很高的内容,就可以较多地采用静态页面提供,这样可以加快页面显示的速度。普遍而言,一般的网站都需要综合使用这两种技术。
现在比较流行的像Java、Asp、Php、Zope等许多的Web语言都提供了动态页面生成技术,而且效率都比较高,在大量的网站广泛使用。本人觉得动态页面或支持实时性的程序,在某种程度上可以更好地支持用户进行在线交流。动态网站技术应该是未来网站发展的趋势。ChinaByte的网站上使用了Php+Oracle和Plsql+Oracle等技术。
三、采用何种系统和工具
一般的操作系统和开发语言是相辅相成的,甚至与后台的数据库有很大的关系。举个简单例子:WindowsNT+ASP+Sql-Server,或Linux+PHP+Mysql,在实际应用中被证明是比较好的搭配。而Java就在实时在线交流方面占据了很大的优势,比如在线游戏。Java提供了很好的与各大数据库接口的工具,再加上非常直观的集成开发环境,使得程序员可以很方便地做出功能强大且界面友好的程序来。但是,Java本身也存在一些问题,例如,Java程序的解释致使速度下降。在选择系统和开发工具时,应当从公司技术人员的综合实力出发。但是非常重要的一点是:即使需要在系统级做出较大的改变时,以前的部分资源还能继续加以利用,或者是可以比较容易地从现有环境顺利地切换到新的系统环境中去。
四、硬件的选取
各大硬件厂商都宣称自己有一套关于整个网站或电子商务的“永不停顿”的解决方案。就本人而言,选取硬件要根据性能价格比来衡量,并结合自己网站本身的一些特点来设计。比如核心部件,如数据库服务器等,应选取配置较高而且性能稳定的服务器来完成,如Sun公司的一些高端服务器;而前端的Web服务器相对就可以用配置较低的机器来代替。另外,网站规模的大小也是服务器选取的一个重要因素。
大多数网站同时对外提供DNS、Mail和WAP业务等服务,需要根据网站的实际情况来配置硬件。例如,域名服务一般需要一到两台或更多的配置较低的机器,邮件服务器则需要配置高、性能优的服务器。
网页设计常见配色问题
一、色彩的平衡
下面来说说色彩的平衡原则问题,打动别人的视知觉,色彩就必须要平衡。一般情况下要考虑几点。
1、比较全局。
2、不同的物体也不同。例如,你如果从页面上看到铁块之类的物品,潜意识里浏览者就会认为铁块肯定比在页面上出现的一颗小草要重很多,这是生活上出来的经验。
3、色彩不能偏。色彩不能偏于一方,发否则就会失重。
4、色彩要均衡。若说到均衡,则纯度或明度较差的大面积色块与小面积色块的鲜明色块也均衡。
二、色彩的适应性
色彩在生活中有着丰富的感情含义。比如红色让人联想到玫瑰和喜庆,联想到兴奋;黑白灰是万能色,可以跟任意颜色一起搭配。白色是网站中使用普遍的颜色,留白,会给人一个遐想的空间,让人感觉舒畅。
三、网页色彩搭配原则
色彩是视觉上敏感的部分,主页的色彩处理的号就可以锦上添花。色彩应用原则用四个字来概括“总体协调,局部对比”。
另外,色彩还具有民族性,各个民族由于环境文化传统等因素,对于色彩的喜好也存在较大的差异,充分运用色彩的特性可以使主页具有深刻的内涵及文化品位。下面介绍几种常用的配色方案。
1、暖色调。可以使主页呈现温馨、热性的分为。(暖色调包括红色、橙色、黄色等)
2、冷色调。可以使主页呈现宁静、清凉、高洁的氛围。(冷色调包括青色、绿色、紫色等)
3、对比色调。对比色调即把色性相反的色差搭配在同一个空间里,如红与绿、黄与紫、橙与蓝等。这样可以产生强烈的视觉效果,当然用对比色调用的不得当会适得其反产生刺眼的不良效果。
后要考虑主页的底色即背景色的深浅问题,底色深,文字的颜色就要浅,以深色的背景色衬托出浅色的文字或图片;反之亦然,底色浅的,文字的颜色就要深些,以浅色的背景色衬托出深色的文字或图片。这种深浅的变化在色彩学中称为明度变化。有些主页,底色是黑色的,但文字也选用了较深的颜色,由于色彩的明度比较接近,读者在浏览的时候眼睛就会感觉很吃力,当然,色彩的明度也不能变化的太大,否则屏幕亮度反差就太强了些,读者的眼睛依然会受不了。
四、网页色彩的选择标准
网站给人的第一印象来源于视觉的冲击效果,如果你没有丰富的网页内容,那么网页设计中对网站的标准色的设计就显得尤为重要了。标准色彩能够体现网站形象和延伸内涵的色彩,它是影响网站整体效果的关键。
网页设计的过程中,搭配网页色彩时要注意色彩的合适性,色彩与表达的内容氛围要相适合,社会背景不同的人,对于色彩的感受往往也不相同,还有一点就是关于色彩的对比,它会受到很大因素的影响,如色彩的面积、时间、亮度等。