找回密码
 加入怎通
查看: 471|回复: 7

[其他] 网页设计中要遵循哪些原则

[复制链接]
信仰嗳 发表于 2013-08-27 11:52:43 | 显示全部楼层 |阅读模式
  公司近期决定做一个SEO的宣传站来介绍公司自己的业务,同时也想借助百度的力量吸引一些客户,于是我们选择了些关键词。从选词到网站策划以及网站建设的每个步骤我们都很小心,我们做的每个事情都是想我们的网站列适合网站的蜘蛛的抓取习惯。网站的每个页面都采用DIV+CSS布局,网站的结构也不错,网址采用伪静态的方式更适合蜘蛛的抓取,网站的内容保持伪原创或原创。虽然做了这么多的工作,自认为每个工作都很到位,但是效果真的很打击人,网站内页的收录一直不是很理想,网站的首页快照也超是10天以上,真的很叫人伤心啊,做了这么多的网站都还可以,但是做自己网站的时候,竟然是这个结果,哎!结果不是很理想,这些是个人整理的一些资料分享一些。
! t4 {0 V! Q, ~- Z; V& y# s3 H1 b# [; @5 h5 O
  网页设计中要遵循哪些原则
. d; f) s* Q3 Y  r1 q. E! R
& R* w' z2 ]; y" s" p7 D: N  网页设计中要遵循哪些原则呢?怎样能力设计出一个合格的网页。我们晓得,设计的个性化表现得十分表面化,每个设计师都有着自个儿的设计理念,而企业也有着自个儿的需要,故而这两者常常会出现冲突。故此,网页设计中要遵循一定的原则。下边是一点网站设计中应注意的原则。* S; O$ M- E1 s. {

! x/ `5 d: D% A3 ]' P( o  一、明确开办网站的目标和用户需要
. |+ P7 c/ R1 l( M. U5 Z; b1 `0 v4 @' {/ z  W4 [+ @
  Web站点的设计是展出企业形象、绍介产品和fu务、体现企业进展战略的关紧蹊径,故此我们务必明确设计站点的目标和用户需要,从而做出切实可行的设计打算。我们会依据消费者的需要、市场的状态、企业自身的情况等施行综合剖析,以“消费者(customer)”为核心,而不是以“美术”为核心施行设计计划。
" f8 Z& T! y3 H+ t. N5 Z' n9 ~; H1 V. t$ e7 a( Y
  在设计计划时我们会考量:
# N4 F6 V2 S, a2 }
# k% H" Q! _+ R: F+ M% l  建设网站的目标是啥子?
+ m: q$ q0 U  o" P, Y* u2 `7 v1 R& W$ p% v( F' B! J9 p% }
  为谁提供fu务和产品?  [7 Q+ C% K6 }7 P7 y3 m+ ~

2 Q. R4 a9 e3 b- X7 F$ O; u  企业能提供啥子样的产品和fu务?- y) p& C& p# `8 n5 p+ B
. A9 k8 e8 _: e' ^; Y2 y
  网站的目标消费者和受众的特点是啥子?
  ?5 F& X( J! R8 Z/ j  }" [; J/ C
  企业产品和fu务适应啥子样的表现形式(风格)?( A+ z+ J5 Z- r1 U: x
7 s" a' r" N" k& ^( L
  二、网页设计总体方案正题鲜亮& w) Z% O* k5 q7 G0 F8 ?

% z) |9 `7 l, U' h% R  在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的群体风格和风味作出定位,计划网站的帮会结构。/ U* d. H) ]3 D; A! H
- B2 H# G  j' T+ n
  Web站点应针对所fu务对象(机构或人)的不一样而具备不一样的仪式。有点站点只提供简洁文本信息;有点则采用多媒体表现手法,提供华美的图像、闪耀的灯光、复杂的页面布置,甚而可以下载声响和录像断片。高考学习方法 http://www.kuaixinxiu.com/5/ 好的Web站点把图形表现手法和管用的帮会与通信接合起来。: ^% q9 t4 X/ I$ z0 [  f7 N
, }: o0 ^! B8 A! T
  为了做到正题鲜亮冒尖,要领明确,我们将按照客户的要求,以简单明确的语言和画面体现站点的正题;调动一切手眼充分表现网站点的个性和情致,办出网站的特点。% m$ ~& v* }3 q
" ?1 X' R0 R0 c. g: x- Z
  Web站点主页应具备的基本成分涵盖:页头:正确无误地标识你的站点和企业微记; Email地址:用来收缴用户垂询; 结合信息:如普通邮件地址或电话; 版权信息:声明版权所有者等。
! A/ T: i$ o0 [3 B  B( u7 j* j9 b5 {. S3 F6 ?( B
  充分利用已有信息,如客户手册.公共关系文档.技术手册和数据库等。/ Q3 L6 z8 Y5 c% Z, |# }% J

  U0 m  {7 `. h; T3 b$ B  三、网站的版式设计
$ L" K" e- [7 L2 }2 Y5 @
" z4 |* R2 w: D# @8 C* H) l3 {# _  网页设计作为一种视觉语言,出奇讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有好些相近之处。8 f2 I& k# U3 K, |9 F! e0 `

. o+ w! H( o$ C5 \6 V  版式设计经过书契图形的空间组合,表现出谐和与美。
3 p$ c/ w( G) o" J7 n3 _* z- `  A$ Y7 y; l& k3 o- p! `
  多页面站点页面的编排设计要求把页面之间的有机结合反映出来,出奇要办理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,我们将反复推敲群体布局的合理性,使浏览者有一个流畅的视觉体验。, R4 N' S- N/ c: _. Z* \3 i

8 B: S5 S$ E3 R+ ^: b) C' a  四、色彩在网页设计中的效用
* J: Q" w; G3 M' y3 p( e# w5 u9 v9 {# q+ A+ p0 m" I) f8 D
  色彩是艺术表现的要素之一。在网页设计中,我们的设计师依据谐和、均衡和重点冒尖的原则,将不一样的色彩施行组合.配搭来构成靓丽的页面。依据色彩对人们心理的影响,合理地加以使用。假如您的企业有CIS(企业形象识别系统),我们将按照其中的VI施行色彩使用。. M; C- B, P! ?5 J4 \3 j+ ?
' W% O2 l- E( _0 {* D
  五、网页设计仪式与内容相一统5 I' \6 F1 ^8 I! U1 W
6 T6 M) ^9 @$ c# n
  为了将浩博的意义和多样的仪式帮会成一统的页面结构,仪式语言务必合乎页面的内容,体现内容的浩博含义。9 o9 c  h/ o% L: h3 i' N* G# F

& x& Q8 g: F# _3 q5 s  灵活使用对比与调和、对称与均衡、音节与韵律以及留白等手眼,经过空间、书契、图形之间的相互关系开办群体的均衡面貌,萌生谐和的美感。如对称原则在页面设计中,它的均衡有时会使页面显得呆板,但假如介入一点富裕动感的书契、图案,或采用夸出落手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素,巧妙地相互穿插、相互衬托、相互补给构成最佳的页面效果,充分表现完美的设计意象。
5 P$ F: O8 a6 x0 T! M. x0 j/ _& k. p& Y2 l. {* E
  六、三维空间的构成和虚拟事实6 p" s: q& v: g/ g$ x
/ _  v9 \: }5 Q% j; Z" H
  网络上的三维空间是一个假想空间,这种空间关系需借助响动变动.图像的比例关系等空间因素体现。在页面中,图片、书契位置前后叠压,或页面位置变动所萌生的视觉效果都各不一。经过图片、书契前后叠压所构成的空间层级不太适应网页设计,依据现存浏览器的特点,网页设计适应比较规范、简明的页面,尽管这种叠压排列能萌生强音节的空间层级,视觉效果猛烈。网页上常见的是页面上、下、左、右、中位置所萌生的空间关系,以及疏密的位置关系所萌生的空间层级,这两种位置关系使萌生的空间层级富裕弹性,同时也让人萌生轻松或紧迫的心理感受。如今,人们已不知足于HTML语言编制的二维Web页面,三维世界的魅惑起始吸引更多的人,虚拟事实要在Web网上展览其迷人的风华,于是VRML语言出现了。VRML是一种面向对象的语言,它类似Web超级链接所使役的HTML语言,也是一种基于文本的语言,并可以运行在多种平台之上,只然而能够更多地为虚拟事实背景fu务。高考作文素材 http://www.776559.com/4/
8 h- o3 r# P" F% x9 }
$ Y) h' {8 s! k! ?  七、网页设计中多媒体功能的利用
2 |! B+ L9 z9 Y  a9 J# k/ p3 _# X% h" i
  网络资源的优势之一是多媒体功能。要吸引浏览者注意力,网页的内容可以用三维动画、FLASH等来表现。但要因为网络宽带的限止,在使役多媒体的仪式表现网页的内容时只得考量客户端的传输速度。9 U" E: y, L) o/ \2 c

8 q8 C& o$ i& m" r4 t  八、结构清楚而且易于使役
8 O, D* s2 u$ O% V
! P: Z  @, m$ K6 {8 q  假如人们看不懂或很难看懂您的网站,那么,他若何理解你的企业和fu务呢?使役一点惹眼的题目或书契来冒尖您的产品与fu务。而且纵然您拥有最棒的产品,假如客户从您的网站上不明白您在绍介啥子或不明白若何得益的话,它们是不会喜欢您的网站的,这就是网页设计的败绩。3 Y! I1 c$ i2 A
2 G0 K9 b2 w: Z0 _; C) C3 c
  九、导向清楚
% Y* Y5 P! a" y7 w* \+ W7 @; J0 C0 V( ~! s9 Y3 Q# @, I  X& g$ T
  网页设计中导航使役超文本链接或图片链接,使人们能够在您的网站上自由前进或却步,而不会让它们使役浏览器上的前进或却步。我们在所有的图片上使役“ALT”标识符注明图片名称或讲解,以便那些不愿意半自动加载图片的看客能够理解图片的含义。0 h/ y- O6 J0 ?4 E. Q

$ s: ?9 l; d2 y+ g( i0 G  十、快速的下载时间* A6 C0 D/ o0 p

5 L. Y) e  W' z  `  众多的浏览者不会步入需有待5分钟下载时间能力步入的网站,在互联网上30秒的等待时间与我们寻常10分钟等待时间的感受相同。故此,我们会提议您在网页设计中尽力避免使役过多的图片及体积过大的图片。我们通常会与客户合作,将主要页面的容积扼制在50K以内,均等30K左右,确保普通浏览者页面等待时间不超过10秒。+ l1 i( A7 E7 p4 u% l5 @. U
# B4 g; @* K" o' n
  十一、非图形的内容
% u4 b# \8 O1 y" M! c" @& {9 G
& Q0 ?' p8 V5 z  我们在必要时惬当使役动态“Gif”图片,为减损动画容积,应用巧妙设计的Java动画可以用细小的容积使图形或书契萌生动态的效果。不过,因为在互联网浏览的大多是一点寻觅信息的人们,我们毅然提议您要确认您的网站将为它们提供的是有价值的内容,而不是过度的扮饰。/ ^6 n" W1 k  v+ Z8 e" j

+ D0 Q+ P! N& d2 M& I- d3 E  十二、便捷的反馈及订购手续
/ P' B/ X& o" C# P# G* g# g
6 d9 ~$ O9 I0 ~  让客户明确您所能提供的产品或fu务并让它们十分便捷地订购是您得到成功的关紧因素。假如客户在您的网站上萌生了购买产品或fu务的欲念,您是否能够让它们尽快实行吗?是在线仍然离线?1 N9 s' I1 B: ]6 u

& N, D/ Z. \7 l- ~  十三、网站测试和改进
: @; [, @8 A% a: C. y
; L3 K0 l6 I0 D7 L2 l5 `  测试其实是模拟用户问询网站的过程,用以发现问题并改进网页设计。我们通常与用户并肩安排网站测试。  
$ o) f0 h- P7 m  }! K% _
! E! |1 @6 o4 w1 w) t& H  以上是本人做公司SEO网站时所碰到的问题以及一些反思和处理方法,希望看这篇文章的朋友们别走我的老路,一些可以避免的尽量避免也欢迎朋友们一起交流、共同进步。
+ d& ?0 w$ d1 I% m# D) G, x
8 ]) x8 z' S. \( D' c

暂时无法加载帖子列表

回复

使用道具 举报

2391420905 发表于 2026-01-10 08:11:28 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

wee88924689 发表于 2026-01-10 15:26:26 | 显示全部楼层
楼主太厉害了,整理得这么详细,必须支持
回复

使用道具 举报

山核桃5元 发表于 2026-07-08 20:38:01 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

3147034415 发表于 2026-07-12 18:52:18 | 显示全部楼层
说得很实在,没有夸大其词,这种真实分享太难得了
回复

使用道具 举报

欣圣科技-周 发表于 2026-10-18 04:24:57 | 显示全部楼层
这个思路很新颖,打开了新世界的大门,谢谢分享
回复

使用道具 举报

gaowenchao 发表于 2026-10-21 11:52:09 | 显示全部楼层
刚好遇到类似问题,看完这个帖子心里有底了
回复

使用道具 举报

风信子 发表于 2026-10-23 19:17:15 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-10-29 09:40 , Processed in 0.038671 second(s), 26 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表