东莞网站设计都要知道的步骤事项

2016-08-22 15:50 阅读 1,078 阅读 次 评论 0 条

网站设计步骤
一、用“原型法”细化网站设计需求
二、网页链接的深度、广度和耦合程度
三、网页基本布局
四、网页空间中的视觉导向
五、网页空间的秩序及运动趋势
六、网页中的留白
七、文字信息的设计和编排
八、图片和动画
九、网页空间中的运动趋势线
十、使用Web标准设计网页
网站设计要点
确定网站风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站。
风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI(标志、色彩、字体、标语)、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素。举个例子:我们觉得网易是平易近人的,迪斯尼是生动活泼的,IBM是专业严肃的。这些都是网站给人们留下的不同感受。
网站色彩的搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或美丽的图片,而是网页的色彩。
关于色彩的原理有许多,在此我们不可能一一阐述,大家可以看看相关设计书籍,有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。
1.用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感;
2.用两种色彩。先选定一种色彩,然后选择它的对比色;
3.用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,蓝。
网页配色误区
1.不要将所有颜色都用到,尽量控制在三至五种色彩以内;
2.背景和前文的对比尽量要大(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容;
3.色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。
如果大家对于上述理论部分还不能充分理解,我就结合一种实战经验-叠柔配色技巧,用图文并茂的展现形式逐步分析讲解,促进最快速有效的学习。
设计软件
编辑
Dreamweaver(网页设计软件)
Fireworks(图像处理软件)
Flash(flash动画制作软件)
HTML编辑器
虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。现有众多的编辑器供选择,这些编辑器广泛支持复杂页面创建及高级HTML规范,使用较为普遍的有Macromedia Dreamweaver 8等专业HTML编辑器。

网站设计方向
单页面
单个长页面的设计一度不受人待见(无论是客户还是设计师),但如今整个互联网随处可见。一个合理的解释是,用户如今早已习惯于使用鼠标滚轮了,比起在多个页面间来回查看,用滚轮上下浏览要省事得多。包括苹果在内的一些知名大公司也使用了相当长的页面来展示产品,获得了很不错的效果。
用照片做背景
出于品牌或展示的目的,把照片用作网站的背景,这样可以形成强烈的视觉表达效果。这也是为何你能在时尚、服装品牌、旅游业等等行业看到这样的设计办法。
色块设计
这一设计方法主要是引入了方块的网格设计,这些方块要么是纯色块配上文字,要么是方形照片配上文字。“简洁”是吸引用户的一大原因。不同的色块放在一起形成强烈的对比,容易引起用户的视觉兴趣,进而继续探索下去。
超大号的图片
这一潮流的兴起多少与Mac OS X图标设计的流行有关。当程序员为自己的Mac 程序推出网站时,这样配有超大号图片、突出品牌的设计再常见不过。自然地,这一潮流后来也被iOS 开发者继承了下来,成为现代设计文化的一部分。
聚焦简洁
对简洁的追求贯穿了整个2012年,许多的网站开始寻求明快、直观的设计。极简设计旨在通过整合或是删除多余的页面实现简化,只给用户需要的东西。极简设计通常会用到大号的加粗字体、以及超大号的图片,清晰地把重要的东西传达出来。
响应式设计
随着手机和平板设备越来越多地进入人们的生活,响应式设计也成为了当下网站开发不可忽视的一股力量。一个可自适应任何设备的网页是很了不起的。响应式设计能确保用户无论是在移动设备还是在PC上都能按你的意愿浏览内容。
视差滚动
所谓“视差滚动(Parallax Scrolling)”就是让多层背景以不同的速度移动,形成运动视差 3D 效果。随着越来越多的浏览器增加对视差的支持,这一技术也很有可能会更加流行。
强调字体
从前设计师所能使用的字体受用户电脑本地已有的字体所限。如今借助Google fonts 和Typekit 等服务,从理论上说,能使用的字体是无限多的,极大增强了网站设计的吸引力。设计师利用这一机会也已有了一段时间了,越来越多的网站也体现了对字体的重视。甚至有些网站如Typographica,字体就占了整个网站设计的绝大部分,出来的效果也相当不错。

网站设计目的
排名转化为流量
以往在制作网站的时候做都是非常重视排名,但随着网络的发展,但是光有排名是远远不够的,一个网站具有大量的流量能够提高网站的权重,因网站制作来说一切排名都是浮云,唯有流量才是王道。
流量转化为质量
有流量不一定有销量,原因何在?有流量没有质量,流量能否转换为销量,根源在于网站制作本身。以往由于网站优化的方式方法失误,长时间的努力带来了很多无关核心关键词的词语排名靠前,但是这些词语与目标关键词相关性并不大,虽然有相当流量,但是质量度却不高,也自然谈不上什么销量了。还有一种情况是,网站域名DNS、网站主机及网站程序开发问题,导致用户尚未完全打开网站,已经心生浮躁而放弃继续浏览。而潜在流量及销量,就在无声无息的漫长等待中消逝。知道问题症结所在,就好对症下药采取正确的方法传换成有质量的流量。首先是选准关键词,即使不能是核心词,也应该是围绕着核心词的延展词,或者一些与之相关的长尾词。其次,认真把握网站制作的每一个细节,让网站能够得以安全无虞的运行。要知道加载速度快的网站,自然会吸引用户进一步去浏览。
质量转化为销量
一个企业进行网站制作唯一目的是带来订单,推广自己的产品,现实生活中很多网站流量转换率不高,使得用户打开网站浏览几秒钟就放弃,不再深入浏览,更不用说主动咨询了。正确的方法是应该从网站设计的美观、内容的翔实、在线沟通工具的运用,只有这样,才能为一个网站带来大量的人气,从而提高网站大的流量,进而实现企业的营销。

网站设计注意事项
常犯错误
1、导航菜单使用图片、flash
导航菜单使用图片、flash当然比纯文本来得好看一些,但是搜索引擎并不认识你的图片和flash。如果你非要使用漂亮的图片来做导航的话,可以使用背景替换的方法。建议做一个导航菜单链接的xml文提交到搜索引擎。
2、不恰当地使用图片
为了网页美观,经常会到处贴满图片,这样做是不正确的,与内容无关的图片能少就少吧。我们可以把这些图片做成容器的背景。
3、内容里特殊字体的运用
楷体很漂亮,草书也不逊色于宋体。但是不是所有人的电脑都安装有这些字体。如果使用这些特殊字体的话,在别人的电脑里看到的网页将会是不堪入目。
4、新窗口打开
设计者打开新窗口的本意是要让用户留在他的站点上。但是却忽略了控制用户的机器所带来的负面效应,这种策略恰恰弄巧成拙,因为当用户想通过“后退”按钮返回先前的站点时,已经做不到了。用户通常注意不到新窗口已经被打开,尤其当他们的显示器很小,而窗口又正好是最大化时。因此,当用户想要返回原来的站点时,面对的却只是一个不可用的灰色 “后退”按钮。
5、无实际意义的特效
避免使用炫耀的技巧。这些特效对你的网页没有任何实际意义。
6、内容滚动
内容滚动可以在比较小的空间里展示比较多的内容。这是它的一个好处。但内容滚动却是弊大于利的。不是所有平台和浏览器都支持滚动的;在w3c看来,内容滚动会降低用户体验。
7、用户难以获取自己想要的内容
如果一个用户访问你的网站跟走入迷宫一样,会有什么后果?听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。
8、文件名命名不规范
不要忽视这一点,例如新闻页面可以用:news.html,而不是类似2323123.html这样的无规范的命名方式。使用规范的命名方式不仅有利于搜索引擎,而且有利于网站日后的维护管理。
9、长篇文章未设置分页
长篇文章不分页,会导致网页加载速度慢,用户阅读疲劳。所以建议长篇文章设置分页。
10、颜色搭配错误,网页难于阅读
如无必要,你应当坚持使用白色的背景和黑色的文本,另外还应当坚持使用通用字体。
11、没有返回指向
“返回指向”是网络用户的生命线,同时也是继超文本连接后最常使用的导航特征。用户可以随意尝试网页所指向的任何地方,而只需点击一两次“返回”按钮就可以回到先前的页面。
12、显眼的点击计数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。
13、使用框架
与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。
14、不恰当地使用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。
15、兼容性不佳
你的网页在1024下看得顺眼么?那么换成1280看呢?不是所有人的显示器都用同一种分辨率的。无论是谁,都无法做出所有分辨率下完美的网页,但我们要做出能确保所有分辨率下不出错的网页。还有两点就是:不要以为只有电脑才能看网页!不要以为世界上只有一种浏览器!
17、急于发布网站
网站没有内容、网站程序bug,这些问题解决后再发布吧。内容较为充实、程序bug基本没有的网站才会让用户流连。
18、发布网站后未登录搜索引擎
有客户问,是不是我的网站已发布就可以在百度搜到了?但是百度不是我家开的,也不是你家开的,你发布网站时百度他是不知道的。所以,你发布网站后要到各大搜索引擎的登录口提交一下你的网站信息。
19、不留空白
注意留空白。不要用图像、文本和不必要的动画gifs来充斥网页,即使有足够的空间,在设计时也应该避免使用。
20、缺乏互动性
让用户与网站能够互动,让用户与用户之间能够互动。所以最少要有一个留言本,这能激励访问者再次回到你的网站,还有助于扩充网站内容。这个是极其重要的,web 2.0的核心思想。
21、存在死链
有死链的网站对对蛛蛛爬动不顺利,同时影响网站的正规性、亏损网站关键词名次、亏损网站权重值,而且会造成不良好的用户体验。
网站优化
在网站设计中,最关键的,就是如何能够让跟多的人能够看到你的网站。尤其是商业性站点,更加注重通过搜索引擎优化手段推广自己的网站。
流量,页面质量,外链,权重,关键字质量,关键字密度,百度,Google,等等因素都会影响到网站在某一个关键字上的排名情况。建议大家在操作的过程中多注意为搜索引擎收录网站做准备。
用户体验
感官体验
指呈现给用户视听上的体验,强调舒适度。
1 设计风格
2 网站logo
3 页面打开速度
4 字体大小
5 搜索框
交互体验
呈现给用户操作上的体验,强调易用/可靠性。
1 会员申请
2 会员注册
3 填写表单
4 提交表单
浏览体验
呈现给用户浏览上的体验,强调吸引力。
1 导航的清新度。
2 栏目的层级
3 内容分类
4 内容的丰富度
5 内容的原创性
6 信息的更新频率
情感体验
呈现给用户心理上的体验,强调友好性。
1 客户分类
2 友好提示
3 会员交流
信任体验
呈现给用户的信任体验,强调可靠性。
1 公司介绍
2 服务保障
3 网站备案
4 认证资质

版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:东莞网站设计都要知道的步骤事项 | 东莞seo

发表评论


表情