A. 电子商务网站系统规划应遵循的原则有哪些
1、首先要确定一个网站的主题,接下来才是着手准备材料。收集好材料应考虑如何组织好这些材料,如何让浏览者以最方便、最快捷的方式来浏览。
与其他媒体不同,网站设计是一种平衡的艺术。一方面,希望网站页面漂亮,另一方面必须考虑其下载要求。所以必须综合考虑这两方面,强调一面,必然会削弱另一方面。
2、网站创建的基本原则(市场调查,搜索资料)
只有为公司创造效益,电子商务才有生存意义。
创建网站和我们创业一样,关键是一个好的定位,要使你的网站从成千上万的网站中脱颖而出,最主要的秘诀是独特的视角和准确的定位。
建设一个站点,需要从一开始就明确站点的目标,规划站点的主要构成部分及各部分的功能和风格,接下来是具体各个部分的制作,最重要的是对完成的站点进行维护和排错以及更新,因此建设一个站点比制作一个网页需要更加专业的知识。
建站前首先要对市场进行调研,了解市场的购买力,购买人的购买习惯,购买人的性别、年龄、文化程度、职业等;还应了解哪些商品是畅销的,哪些商品是滞销的,哪些商品是紧缺的。一般来讲,应分析同类商品市场的规模和市场最大需求量。还需要查询经营同类商品的电子商务网站,了解它们的长处和短处。结合自己公司的专业特长和能力,分析有无能力去抢占市场份额。做电子商务的人要把握住电子商务的本质。
电子商务的本质不是电子技术,而是商务手段。所谓商务手段就是做生意。公司在做生意的过程中,首先要处理好与供应方的关系,就是要将货物的采购过程做好,对于进货的品种、数量、价格要有预见性,既不要造成库存积压,也不要造成货品短缺。其次要做好物流与仓储管理工作,以最小的成本换取最大的价值。比较重要的是与客户建立良好的关系,以客户为中心,尽可能满足客户的需求。
在网站设计与管理的基本过程中,每个环节都涉及了许多内容。在实施中,可以根据具体的需求增加与调整相关的内容。
3、网站的内容策划
建立一个电子商务网站好比写一本书,首先应拟好提纲,确定主题,规划好结构。一个较大型的电子商务网站内容繁多,如果网站结构不清晰,内容杂乱,浏览者会看得糊里糊涂,而且网站的扩充和维护也会相当困难。
网站是由一个个网页组成的,因此网页组织非常关键,网页组织的好坏直接关系到网站的成功与否。我们为你提供全面的网站建设服务,遵循网站建设原则,建设符合你要求的网站。
B. Web设计的设计原则有哪些
好的设计能够帮助企业提升数据,同时还可以提供用户一个良好的使用体验。GoodUI 总结了一个长达69条设计原则的清单(不断增加中),列举了他们认为非常重要的设计要点。
与以往的一些文章不一样的是这里提到的69点其中有一部分 GoodUI 已经通过 AB Test 验证过可行性。当然分析报告是需要付费的,单篇39美金。
不过今天讨论的重点并不是付费报告,而是这69条设计原则。我按照自己的理解将它们翻译成了中文并配上图片,希望对大家有所帮助。
本篇文章内容及图片均来自于GoodUI,如有翻译不恰当的地方欢迎大家指正。
01 尝试使用一列的布局替代多列布局
02 给用户一些小的利益,别看上去那么赤裸裸
03 合并相似的功能
04 尝试展示来自用户的赞扬,而不是自我表扬
05 重复核心行动点
06 统一视觉规范,提升可识别性
07 尝试使用推荐的口吻,而不是让用户感觉面对一台冷冰冰的机器
08 给用户吃“后悔药”的机会
09 告诉用户产品适用的人群,而不是人人都通用
10 将文案写得更加的直接,而不是一堆废话
11 增强主行动点的视觉冲击力,提升它在页面中的可对比性
12 让用户知道你从哪儿来更易于拉近与用户的关系
13 将表单做的简单点,确保用户在抓狂之前能进入下一步
14 尽量将用户需要选择的信息展示出来而不是藏起来
15 页面的排版需要考虑用户是否会漏掉底部信息
16 如果页面的底部有需要关注的行动点,别让文中过多的外链带走了用户
17 确保用户知道自己目前的状态
18 将利益点融合在行动点中,增强用户的点击欲望
19 将行动点与当前信息结合起来
20 将简要的表单合并到页面中,减少调整页面带来的用户流失
21 适当的增加延迟动效,让用户感知到页面的变化
22 让新用户从尝试产品入手,而不是一来就面对冷冰冰的注册表单
23 减少使用线框,这会过多的吸引用户注意力,而且会让页面看上去透不过气
24 给用户推销你能给他带来的利益,而不是功能
25 一定要注意0结果页面的设计,这也是引导用户的好地方
26 给用户选择退出的权利,特别是邮件订阅
27 注意界面元素的一致性,降低用户学习成本
28 给下拉框增加一些预设值,降低用户填写成本
29 延续用户日常的使用习惯,而不是重新创造
30 尝试告诉用做些事情降低自己的损失,而不是提升收益
31 提升页面的视觉层次,增强可阅读性
32 将同类的操作合并在一起,降低用户的认知成本
33 表单及时校验,而不是统一提交后在告诉用户填错了
34 尝试将表单输入变得更加宽容,让用户的填写更加简单
35 通过时间增强紧迫感
36 提供用户可预见性的操作,降低用户的心理成本
37 尽可能的帮助用户选择,而不是让用户想破脑袋
38 尽可能将操作区域放大,降低用户操作成本
39 页面加载速度很重要,尽可能让用户感受到你的网站速度很快
40 如果可以,增加键盘快捷键,提升操作效率
41 尝试通过对比来让用户感知到性价比
42 尝试对进度条进行“设计”来降低用户等待的焦虑
43 根据用户选择逐步展示信息,降低无效信息对用户的干扰
44 有时候较小的承诺比“夸海口”会更容易让用户信服
45 尝试将提示信息弱化,减少对用户操作的干扰
46 尽量通过系统的功能来简化用户的操作
47 用文本配合图标来降低用户的认知成本
48 用更自然的语言代替冷冰冰的机器
49 放出一些摘要信息来帮助用户识别是否需要进一步了解
50 在关键的页面增加用户权益信息,增强用户进一步操作的信心
51 将价格进行换算,让用户感觉这很便宜
52 记得在成功页面感谢用户
53 将数字转化成易于用户阅读的形式,而不是冷冰冰的机器语言
54 告诉用户选择的权利和自由“诱惑力”
55 尝试让语言更具“诱惑力”
56 通过设计引导用户的注意力
57 通过友好的对比来展示产品,为用户做决定提供帮助
58 通过任务机制来提升用户的满足感
59 让用户了解接下来将要发生什么事情
60 尝试用更幽默一些的语言文案
61 任何操作之后都要给出反馈,让用户知道操作已经生效
62 注意动效的真实使用情况(Amazon 的类目菜单就是一个很好的例子)
63 注意排版的,不要让信息过于拥挤
64 尝试用讲故事的方式来传递信息,增强用户的代入感
65 尽量给用户展示真实的信息,不要欺骗
66 随着用户的不断熟悉简化界面
67 试着用用户的口吻展示信息
68 在表单中增加一些提示信息,减少错误的几率
69 最后,用简单的文案传递核心关注的信息,少一些废话
这69条设计原则虽然针对 Web 设计,但有些部分在移动产品设计中同样有效。
转载自:http://gooi.org/
C. 网站设计要遵循哪些原则
网页设计中要遵循哪些原则呢?怎样才能设计出一个合格的网页。我们知道,设计的个性化表现得非常明显,每个设计师都有着自己的设计理念,而企业也有着自己的需求,因而这两者经常会出现冲突。因此,网页设计中要遵循一定的原则。下面是一些网站设计中应注意的原则。
步骤/方法
一、 明确建立网站的目标和用户需求
Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此我们必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,以“消费者(customer)”为中心,而不是以“美术”为中心进行设计规划。
在设计规划时我们会考虑:
建设网站的目的是什么?
为谁提供服务和产品?
企业能提供什么样的产品和服务?
网站的目的消费者和受众的特点是什么?
企业产品和服务适合什么样的表现方式(风格)?
二、网页设计总体方案主题鲜明
在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。
Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。
为了做到主题鲜明突出,要点明确,我们将按照客户的要求,以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。
Web站点主页应具备的基本成分包括: 页头:准确无误地标识你的站点和企业标志; Email地址:用来接收用户垂询; 联系信息:如普通邮件地址或电话; 版权信息:声明版权所有者等。
充分利用已有信息,如客户手册.公共关系文档.技术手册和数据库等。
三、网站的版式设计
网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处。
版式设计通过文字图形的空间组合,表达出和谐与美。
多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,我们将反复推敲整体布局的合理性,使浏览者有一个流畅的视觉体验。
四、色彩在网页设计中的作用
色彩是艺术表现的要素之一。在网页设计中,我们的设计师根据和谐、均衡和重点突出的原则,将不同的色彩进行组合.搭配来构成美丽的页面。 根据色彩对人们心理的影响,合理地加以运用。如果您的企业有CIS(企业形象识别系统),我们将按照其中的VI进行色彩运用。
五、网页设计形式与内容相统一
为了将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。
灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在页面设计中, 它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。 点、线、面作为视觉语言中的基本元素,巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果,充分表达完美的设计意境。
六、三维空间的构成和虚拟现实
网络上的三维空间是一个假想空间,这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。 在页面中,图片、文字位置前后叠压,或页面位置变化所产生的视觉效果都各不相同。通过图片、文字前后叠压所构成的空间层次不太适合网页设计,根据现有浏览器的特点,网页设计适合比较规范、简明的页面,尽管这种叠压排列能产生强节奏的空间层次,视觉效果强烈。 网页上常见的是页面上、下、左、右、中位置所产生的空间关系,以及疏密的位置关系所产生的空间层次,这两种位置关系使产生的空间层次富有弹性,同时也让人产生轻松或紧迫的心理感受。 现在,人们已不满足于HTML语言编制的二维Web页面,三维世界的诱惑开始吸引更多的人,虚拟现实要在Web网上展示其迷人的风采,于是VRML语言出现了。VRML是一种面向对象的语言,它类似Web超级链接所使用的HTML语言,也是一种基于文本的语言,并可以运行在多种平台之上,只不过能够更多地为虚拟现实环境服务。
七、网页设计中多媒体功能的利用
网络资源的优势之一是多媒体功能。要吸引浏览者注意力,网页的内容可以用三维动画、FLASH等来表现。但要由于网络宽带的限制,在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。
八、结构清晰并且便于使用
如果人们看不懂或很难看懂您的网站,那么,他如何了解你的企业和服务呢?使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有最棒的产品,如果客户从您的网站上不清楚您在介绍什么或不清楚如何受益的话,他们是不会喜欢您的网站的,这就是网页设计的失败。
九、导向清晰
网页设计中导航使用超文本链接或图片链接,使人们能够在您的网站上自由前进或后退,而不会让他们使用浏览器上的前进或后退。我们在所有的图片上使用“ALT”标识符注明图片名称或解释,以便那些不愿意自动加载图片的观众能够了解图片的含义。
十、快速的下载时间
很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站,在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此,我们会建议您在网页设计中尽量避免使用过多的图片及体积过大的图片。我们通常会与客户合作,将主要页面的容量控制在50K以内,平均30K左右,确保普通浏览者页面等待时间不超过10秒。
十一、非图形的内容
我们在必要时适当使用动态“Gif”图片,为减少动画容量,应用巧妙设计的Java动画可以用很小的容量使图形或文字产生动态的效果。但是,由于在互联网浏览的大多是一些寻找信息的人们,我们仍然建议您要确定您的网站将为他们提供的是有价值的内容,而不是过度的装饰。
十二、方便的反馈及订购程序
让客户明确您所能提供的产品或服务并让他们非常方便地订购是您获得成功的重要因素。如果客户在您的网站上产生了购买产品或服务的欲望,您是否能够让他们尽快实现吗?是在线还是离线?
十三、网站测试和改进
测试实际上是模拟用户询问网站的过程,用以发现问题并改进网页设计。我们通常与用户共同安排网站测试
D. ASP.NET入门教程 2.5 站点设计的基本原则
在开始设计任何Web站点之前 回顾一下·优秀站点设计的原则是很有益的 应该记住三个基本概念
● 尽量将信息与其表示分隔开 例如 开发人员将设计页面的标题 布局和格式(表示) 在页面上 开发人员将放置配置好的控件以获取和显示信息(例如球队的球员列表) 通过将这些目标分隔开 开发人员可以分别对每个部分进行更新而不会影响到其他部分 例如 当球队增加了一名新球员时 关于该球员的信息将保存在数据库中 页面将自动显示新的球员列表而无需修改表示层
● 尽量保证站点具有一致的外观 通过使用相同的色彩 图标和屏幕布局 可以为用户创建一种临场感(sense of presence) 忠实的球迷一看到这种色彩就感觉像到了家一样 回访用户可以利用己经掌握的经验使用该站点
● 尽量简化站点导航 首先 所有页面上的单条将简化从站点的一个部分跳转到另一个部分的导航 用户还将使用ASP NET 工具显示当前正在查看的页面位于站点中的什么位置
lishixin/Article/program/net/201311/15568
E. 简述web站点的设计原则包括哪些方面内容
尽量让数据封装、逻辑判断、显示都分开。
F. Web页面设计原则
摘自电子商务系统分析与设计
Web页面设计遵循三条原则:简洁性、一致性和对比度。简称3C原则。
1)简洁性
设计并不再现具体的物像和特征,它要表达的是一定的意图和要求,在适当的环境里为人们所理解和接收。
醒目的图形,要求简洁。
限制字体和所用颜色的数量。
页面上所有的元素都应当有明确的含义和用途。
2)一致性
页面的排版,各个页面使用相同的页边距。文本、图形之间保持相同的间距。
主要图形、标题或符号旁边留下相同的空白。
各个页面使用相同的图标。
色彩和风格的一致性,所有图片都应该具有相同的风格。
文字的颜色要同图形的颜色保持一致并注意色彩搭配的和谐。
一个站点通常只使用一两种标准色。
3)对比度
使用对比度是强调突出某些内容的最有效的办法之一。
使内容容易辨认和接受。
例如:内容提要使用蓝色,正文采用黑色。
也可以使用大标题。
图像对比,题头的图像明确地向浏览者传达本页的主题。
G. 网站标志是树立网站整体风格的第一步,其设计一般有哪些原则
一、 明确建立网站的目标和用户需求
展现企业形象、介绍产品和服务、体现企业发展战略的,因此明确设计站点的目的和用户需求,从而做出切实可行的设计计划。根据消费者的需求、市场的状况、企业自身的情况等进行综合分析
二、网页设计总体方案主题鲜明
在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。好的Web站点把图形表现手法和有效的组织与通信结合起来。
做到主题鲜明突出,要点明确,按照客户的要求,以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。
Web站点主页应具备的基本成分包括: 页头:准确无误地标识你的站点和企业标志; Email地址:用来接收用户垂询; 联系信息:如普通邮件地址或电话; 版权信息:声明版权所有者等。
充分利用已有信息,如客户手册.公共关系文档.技术手册和数据库等。
三、网站的版式设计
视觉语言,讲究编排和布局,版式设计通过文字图形的空间组合,表达出和谐与美。
四、色彩在网页设计中的作用
根据和谐、均衡和重点突出的原则,将不同的色彩进行组合.搭配来构成美丽的页面。 根据色彩对人们心理的影响,合理地加以运用。
五、网页设计形式与内容相统一
为了将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。灵活运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感而灵猫 垫商则据问题对称原则在页面设计中, 它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。 点、线、面作为视觉语言中的基本元素,巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果,充分表达的设计意境。
六、网页设计中多媒体功能的利用
吸引浏览者注意力,网页的内容可用三维动画、FLASH等来表现。但要由于网络宽带的限制,在使用多媒体的形式表现网页的内容时不得不考虑客户端的传输速度。
七、结构清晰并且便于使用
使用一些醒目的标题或文字来突出您的产品与服务。并且即使您拥有好产品,如果客户从您的网站上不清楚您在介绍什么或不清楚如何受益的话,他们是不会喜欢您的网站的,这就是网页设计的失败。
八、导向清晰
网页设计中导航使用超文本链接或图片链接,能够在网站上自由前进或后退,而不会使用浏览器上的前进或后退。图片上使用“ALT”标识符注明图片名称或解释,以便那些不愿意自动加载图片的观众能够了解图片的含义。
九、快速的下载时间
很多的浏览者不会进入需要等待5分钟下载时间才能进入的网站,在互联网上30秒的等待时间与我们平常10分钟等待时间的感觉相同。因此,网页设计中尽量避免使用过多的图片及体积过大的图片。
H. 网页的设计原则
所谓网站(Website),就是指在网际网路(因特网)上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的资讯(信息),或者利用网站来提供相关的网路服务(网络服务)。人们可以通过网页浏览器来访问网站,获取自己需要的资讯(信息)或者享受网路服务。
在你眼前,出现在显示器上的这个“东西”,就是一个网页。网页实际是一个文件,它存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序。网页文件会被传送到你的计算机,然后再通过浏览器解释网页的内容,再展示到你的眼前。 Web站点主页应具备的基本成分包括:
页头:准确无误地标识你的站点和企业标志;
Email地址:用来接收用户垂询;
联系信息:如普通邮件地址或电话;
版权信息:声明版权所有者等。
充分利用已有信息,如客户手册.公共关系文档.技术手册和数据库等。 设计一个网站,应该考虑下列九条基本因素,这些因素对网站的成功与否有着重要影响。
1. 整体布局
网站主页就好像是宣传栏或者店面——对访问者产生第一印象,都希望尽量给人留下好的印象,不是吗?
一般来说,好的网站应该给人有这样的感觉:
干净整洁;
条理清楚;
专业水准;
引人入胜。
网页应该力求抓住而不是淹没浏览者的注意力,过多的闪烁、色彩、下拉菜单框、图片等会让访问者无所适从——离开是最好的选择。就像一些商店,播放震耳欲聋的发烧音乐,你要做的唯一决定就是离开那里,越快越好。
2. 信息
无论商业站点还是个人主页,你必须给人们提供有一定价值的内容才能留住访问者。因为我们人类总是惟利是图,第一个问题总是:“对我有什么用处?”
所以你必须提供某些有价值的东西,当然并不是说必须提供某些免费的物品——免费书籍、免费入场券、免费度假等,这些“有价值的东西”可以是:
信息;
娱乐;
劝告;
对一些问题的帮助;
提供志趣相投者联络的机会;
链接到有用的网页,等等。
如果你经营的是企业网站,需要提供关于产品或服务的信息:
容易理解;
容易查询;
容易订货。
3. 速度
我们都知道,页面下载速度是网站留住访问者的关键因素。如果20—30秒还不能打开一个网页,一般人就会没有耐心。至少应该确保主页速度尽可能快,最好不要用大的图片。
应该时时提醒自己,网站首页就像一个广告牌。当开车经过一个广告牌时,没有时间阅读上面的详细说明,也不可能赞赏其复杂的图案,广告标志从眼前一闪而过,必须在一瞬间给人留下印象。
网上访问者也是“一闪而过”,保证你的首页简单而快速。网上有许多关于如何增加速度的文章——检查下载速度,放弃一切显着减慢主页速度的资料。
4. 图形和版面设计
图形和版面设计关系到对主页的第一印象,图象应集中反映主页所期望传达的主要信息。
如果有系列商业站点,你不必让过分显眼的动画出现在首页——但如果你的网站是游戏站点,动画将是必不可少的一部分内容。
图片是影响网页下载速度的重要原因,根据经验。把每页全部内容控制在30K左右可以保证比较理想的下载时间,图象在6—8K之间为宜,每增加2K会延长1秒钟的下载时间。
颜色也是影响网页的重要因素,不同的颜色对人的感觉有不同的影响,例如:
红色和橙色使人兴奋并使得心跳加速;
黄色使人联想到阳光,是一种快活的颜色;
考虑到你希望对浏览者产生什么影响,请为网页选择合适的颜色。
阅读西方格式文本时,眼睛从左上方开始。逐行浏览到达右下方,插入图象时不要忘记这种特性。任何具有方向性的图片应该放置在网页中对眼睛最重要的地方,如果在左上角放置一幅小鸟的图片,鸟嘴应该放在把浏览者目光引向页面中部的地方,而不是把视线引走。
这种思路可以用于所有图片:
面部应该“看”网页的中部;
汽车的“停靠”面向网页中部;
道路、领带等等图片的放置都应该在有助于吸引目光从左向右、从上向下移动。
一般总是把网站导航条放置在页面左边,也是出于这种考虑——不断地出现在浏览者的视野之中。
5. 文字的可读性
我们仍然用广告牌的比喻来说明,文字要在广告牌上突出,周围应该留有足够的空间。也许你曾到过一些网站,要么拥挤不堪的文字觉得好像只有把脑袋钻进去才能阅读,要么深色的背景给人的感觉好象处于非常狭窄的空间里,而且让人的心情感觉很压抑。某些背景色的令人阅读困难;紫色、橙色和红色让人眼花缭乱。
文字的颜色也很重要,不同的浏览器有不同的显示效果,有些在你的浏览器上很漂亮的颜色在其他浏览器上可能无法显示。
参考报纸的编排方式,为方便或快速阅读将你的内容分栏设计,甚至两栏也要比一满页的视觉效果要好。
另一种能够提高文字可读性的因素是你所选择的字体,通用的字体(Arial, Times New Roman, Garamond and Courier)最易阅读,特殊字体用于标题效果较好,但是不适合正文(试想浏览整页的 Gothic, Script, Westminster, or Cloister会是怎样的感受)。因为阅读费力,你的眼睛很快就会疲劳,不得不转移到其他页面。
明白我的意思了吗?
6. 网页标题的可读性
必须尽量使你的网页易于阅读,除了分栏之外(将页面纵向分割),也需要利用标题和副标题将文档分段。
为所有标题和副标题设置同一字体,并将标题字体加大一号,所有标题和副标题都采用粗体,这样便于识别标题(字体加大加粗)和副标题(粗体,与正文字体大小相同),使浏览者一眼就可以看到要点,以便找出并继续阅读有兴趣的内容。标题的重要性可见一斑,要认真写好每个标题!
也可以将整句采用粗体或用不同的颜色突出某些内容,不过不要用难以阅读的颜色。
7. 导航
由于人们习惯于从左到右、从上到下阅读,所以主要的导航条应放置在页面左边,对于较长页面来说,在最底部设置一个简单导航也很有必要(只要两项就够了:主页|页面顶部)。
确定一种你满意的模式之后,最好将这种模式应用到同一网站的每个页面,这样,浏览者就知道如何寻找信息。
8. 保护个人信息声明和客户推荐信
对于商业网站来讲,最重要的事情之一是确保潜在客户的信心,你应该明确地告诉人们,如何对其兴趣、爱好,尤其个人隐私保密,很有必要专门用一个页面详细陈述你的保护个人信息声明,包括对访问者的email地址保密、如何接受定单、如何汇总信息、汇总这些信息的目的、谁可以看到这些信息等基本内容。
访问者也想知道你的产品或服务现有客户的反映,所以如果能引用与你关系融洽的客户对你的积极评价,对你的可信度将很有帮助。
不要害怕向顾客索取推荐信——人们都愿意自己的意见有价值。
你可以把客户的推荐信另设计为一个网页,作为对客户提供推荐信的回报,在这里链接到客户的网站——这也是一种“双赢”。
9. 词语
一个网站如果只有漂亮的外观而词语错误连篇、语法混乱,同样是失败的,对于网站所有者和负责人将产生很坏的影响,人们会用许多贬义词来评价你:粗心大意、懒惰、外行、没水平等等。
你愿意把自己辛苦挣来的钱花在一个连自己的网站都马马虎虎的人吗?
你可以按照上述步骤改进你的网站制作技巧;
你可以请人对你的工作进行校对、编辑;
你也可以请人为你制作网页;
总之,上述步骤在很多方面对你会有所帮助,不要因为对某些步骤的疏忽而影响你的网站的整体效果。 1. 明确内容
如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。
2. 抓住用户
如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。
3. 优化内容
内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。比如某网站在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。
4.快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。
5. 网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。
6. 坚持基本原则
即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill 或 Microsoft FrontPage Express 或 Amaya,当然则是Dreamweaver啦,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。
7. 学习HTML
用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。
8. 用笔画一个网站的框架
圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。
9. “在计算机上永远也找不到好的方案”。——专家忠告
10. 网站地图
许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。
11. “睁大你的眼睛,留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。” —专家忠告
12. 点击规则
听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。
13. 特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体。但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。
14. “使用切合实际的简便的命名规则。” —专家忠告
15. 检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。
16. 避免长文本页面
在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。
17. 不要使用卷滚条
人们厌恶在网上使用卷滚条。某站是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。
18. 专家最喜爱的Web设计工具
(1). Adobe Photoshop
(2). Macromedia Flash
(3).Adobe Illustrator
(4). Adobe ImageRead
(5). Macromedia Dreamweaver
(6). Macromedia Fireworks
(7). Allaire Homesites
(8). Microsoft Notepad
(9). Macromedia Director
(10). Lightwave
(11). Macromedia Freehand
其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。
19. 网站介绍
你应当有一个很清晰的网站介绍,告诉访问者你的网站能够提供些什么。以便访问者能找到想要的东西,但是,许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。
20. “网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么方法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到更多的东西。” —专家忠告
21. 闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意,但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站,就少用此方法。
22. 背景颜色
背景颜色也会产生一些问题,可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本,另外还应当坚持使用通用字体。
23. 向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够从每一页上访问网站的任何部分。
24. 专家忠告 :“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习。”
25. 点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。
26. 不要用框架
与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。
27. 去掉图像
在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者,还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字,而不是图像来满足访问者的需要。
28. 重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时,在网页上多次使用同样的图像是一个好的方法,并且一旦它们被装入,以后重新载入就会很快。
29. 避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。
30. 专家忠告:“避免使用炫耀的技巧。”
31. 选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源,使网站的操作变得很困难,因此,应该给用户一个跳过使用Flash动画的选择。
32. 尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大,并且Netscape5.0将支持Flash,在使用时不必再下载任何插件。但是,最好还是取消使用Flash做各接口的想法。
33. 让用户先预览小图像
如果不得不放置大的图像在网站上,就最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。
34. 动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体,而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。
35. 慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。
36. 少用Java 和AxtiveX
在网页上应尽量少使用Java 和AxtiveX。因为并不是每一种浏览器都需要使用它,只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题,过分地使用Java,会使Mac崩溃。
37. 设计成功的网站
蓝色理想
七色鸟
ChinaUI
5D多媒体
38. 慎用插件
在Web设计中,如果依赖于一些特别的插件,会减少网站的吸引力。如果访问者没有所要求的插件,将不得不到其它站点去下载,这样访问者有可能就不会返回了。
39. 使用着名的插件
如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。许多站点使用QuickTime、RealPlay和 Shockwave插件。因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。
40. 使用先进技术
跟上新的技术。Web技术的进步绝不会停止,所以应花一些时间来研究新产品和开发技术。
41. 自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时,应该花足够的资金来创建图形,以增强公司的宣传。
42. 专家忠告— “无论是游戏、图像、动画还是电影,想想你喜欢的设计是怎样的,这将激发你的创作灵感,使你创作出新的和更好的网站。”
43. 平台的兼容性
要为用户着想,必须最少在一台PC 和一台Mac机上测试你的网站,看看兼容性如何。
44. 用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查,可选用软件分析工具。
45. 避免错误链接
网站中可能与其它一些有用的站点作了链接。但是,如果在你的网页上有链接,一定要经常检查它们,保证链接有效。链接的网站可能很多,但不要链接到与你的内容无关的网站上。
46. 给观众成熟的东西
如果网站没有完成,就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。
47. 在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少,除非你把你的网站在主要的搜索引擎上进行登记。
48. 设计一个留言板
浏览者愿意把时间花在好的网站上,所以最好有一个留言本,这能激励访问者再次回到你的网站,还有助于扩充网站内容。
49. 测试网站
在你的网站正式发布之前,必须进行有用的测试。在设计网站时要使用最新的软件,但是不要忘了人们并不会使用最新的浏览器,所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。
50. 专家忠告:“尽你所能反复测试所设计的网站,直到你不能发现新的东西为止。”
51. 演示即将发布的网站
在网站正式运行之前,让人演示它。演示中人们会告诉你所设计的网站是否容易使用。
52. 动画点缀
网页上的动画最多只用一个
53. 专家忠告—“倾斜的按钮看起来不会太好,最好不要使用。”
54. 内容组织
在开始创建新的网页前,仔细考虑网站内容的组织。决定好想让访问者浏览的内容,然后设计导航系统。
55. “空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页,即使有足够的空间,在设计时也应该避免使用。
56. 利用空白去吸引注意力。
为了吸引眼球,Web设计者使用各种方法,比如:闪烁、旋转等,但是利用空白会吸引更多的注意力。”—专家忠告
57. 图像压缩
为了保持小的图像,可以使用类似GIF向导的程序,它能自动对图像进行压缩。先声明图像的大小,在图像显示之前最好能详细说明图像大小属性,可以在IMG标签中保存这个属性。这可以使网页显得很流畅,因为浏览器可以在图像被下载之前在屏幕上显示整个网页。
58. 设计一个失败的网站,从中找出原因,提高自己的鉴别能力。
59. 用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的,那么就能得到大量有用的信息。但是,要求访问者在浏览网站之前进行注册。这样做是要冒风险的,因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励,让用户能主动填一些信息反馈表。
60. 使网站具有交互功能
在网站上提供一些回答问题的工具,使得访问者能从网站上获得交互的信息。
61. 图片更新
尽可能经常更换网站上的图片,人们更愿意点击的是图片而不是文本。
62. 在网站上提供游戏
游戏是很好的交互工具,它是使访问者能再次光顾网站的好方法。
63. 挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。
64. 使用最新版本的软件
尽量使用Web设计软件的最新版本,还应当能被授权进行免费或便宜的升级。 1. 图片与文字的协调性一个完美的网页布局会给人一种和平舒畅的心情,它不仅仅是表现在文字的表达程度,更多的表现在图片与文字的协调性。2. 视觉上的对比性通过不同的色彩、不同的图形进行对比,在视觉上形成视觉的冲击,同时在图形也要形成对比,只有这样才能让人们过目不忘。3. 有松有驰网页制作上也要讲究有松有驰,不要整个网页都是一种样式,要适当进行留白,运用空格或是改变字体之间的间距,从而达到不一样的变化效果。
I. Web前端开发中应该遵循的几项编程原则
1、善用DIV来布局
当开发一个Web页面时,要考虑第一件事就是区分页面重点。将这些内容用DIV标签包含起来,页面的代码会呈现出整洁、缩进良好的风格。
2、将HTML标签和CSS样式表分割开来
好的页面应该将HTML标签和CSS样式表分割开来。这是每一个Web开发者在首次接触Web开发时就应该知道的一条原则。然而,直到今天,仍然有很多开发者没有严格遵循这一原则。不要在HTML标签里内嵌样式表代码。开发者应该养成习惯,单独建立文件,用以存放CSS样式表。而这也将方便其他开发者在修改你的代码时,能迅速完成工作。
3、优化CSS代码
现如今,为网站添加多个CSS文件的做法已经很普遍。但是,当网站包含的CSS文件过多时,会降低网站的响应速度。解决办法是:精简代码并对多个CSS文件进行优化,将其合并成一个文件。这个办法能显着提升网站的加载速度。此外,有很多工具可以用来优化CSS文件,例如CSS Optimizer、Clean CSS等。
4、优化JavaScript文件,并将其放到页面底部
和CSS一样,为页面添加多个Javascript文件也是很普遍的做法。但这同样会降低网站的响应速度。为此,开发者应该精简、优化这些Javascript文件。
5、善用标题元素
到这些元素用来突出页面的重点内容。这有助于用户更加关注页面的重点部分。对于博客,推荐使用标签来突出博客标题。因为,博客标题几乎是页面中最重要的部分。
以上就是在Web前端开发中需要遵循的Web前端开发编程原则,希望这些开发语言对从事Web前端的小伙伴们有帮助。当下Web前端的应用方向还是很广泛的,如果你能掌握Web前端开发技术,那么在未来前端职业发展过程中,必定会有长久的发展。
J. 高质量的网站建设需要遵循什么原则
明确建立网站的目标和用户需求Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此我们必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。我们会根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,以“消费者(customer)”为中心,而不是以“美术”为中心进行设计规划。在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。
好的Web站点把图形表现手法和有效的组织与通信结合起来。为了做到主题鲜明突出,要点明确,我们将按照客户的要求,以简单明确的语言和画面体现站点的主题;调动一切手段充分表现网站点的个性和情趣,办出网站的特点。Web站点主页应具备的基本成分包括:页头:准确无误地标识你的站点和企业标志;Email地址:用来接收用户垂询;联系信息:如普通邮件地址或电话;版权信息:声明版权所有者等。充分利用已有信息,如客户手册公共关系文档技术手册和数据库等。网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处。