现在是一个拼“脸”的时代。网站的颜值，在很多时候已经变成了用户对一个网站判断的标准了。根据调查得出，用户在进入网站的靠前时间，看到的就是网站的外观风格，然后才是网站的具体内容以及有什么功能。既然是一个拼颜值的年代，那么网页制作怎么做才可以显得更加有设计感和丰富的内容呢？下面我们一起来谈一谈网站建设的一些心得体会。
一、网站风格/构思
风格（style）是笼统的。是指站点的全体形象给阅读者的归纳感触。全体形象包括站点的版面布局，颜色，字体，阅读方法等。每一个网站都会给人们留下的不同感触。这里咱们需求做到的是根据网站的定位做出网站特有的风格。构思，所谓构思便是形形色色。
某些规划师在做构思的时分大费周章，做出来的确不行否认很有构思、很别致，但往往关于职业网站的客户为什么不能接受呢？此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做职业网站不需求很多大的构思，也不要糟蹋过多的时刻去追求如何个性、如何好看，咱们只需求一点小小的构思贯穿全站，或许会使网站更生动更具有吸引力、更有思维。
二、网站LOGO
Logo望文生义便是站点的标志图案，logo最重要的便是用图形化的方法传递网站的定位和运营理念、一起便于人们辨认。网站logo的规划过程中一般有以下三种思路：直接以网站网址作为logo；根据网站供给的产品/效劳特点展开logo规划；以传递网站运营商的运营理念为特色。
三、视觉流程
人们在阅读某种信息时，视觉总有一种自然的活动习惯，先看什么，后看什么，再看什么。在心理学的研究标明，一般的阅读习惯是从上到下、从左到右。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也便是最优
选的当地。在网页规划中，灵敏而合理地运用直接影响到传达信息的准确与有效性。
四、网页结构与布局
网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、归纳结构型、Flash型、改变型。其实咱们在做规划的时分并没有过多的去考虑什么方式，最重要的是抓住客户的需求，掌握网站的定位做处合理的结构布局。
1．分辨率：网页的全体宽度可分为三种设置方式：百分比、象素、象素、百分比。通常在网站建设中以象素方式最为常用，职业网站也不列外。咱们在规划网页的时分必定会考虑到分辨率的问题，科技发展到现在咱们通常用的是1024*768和800*600的分辨率。
2．合理广告：在目前一些网站的广告让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没抵达广告的意图。这些问题都是咱们在规划网站之前需求考虑、需求规划的内容之一。浮动广告有两种，第一种是在
网页两头空余的当地能够上下浮动的广告，第二种是满屏幕处处随机移动的广告。主张能运用第一种的情况下尽量运用第一种，不行防止第二种情况时尽量在数量上操控最多一个就好。
3．空间的合理利用：很多的网页都具有一个特点，用一个字来形容，那便是“塞”，它将各式各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致阅读时会遇到很多的不便利，主要便是页面主次不分，喧宾夺主，要不便是没
有要点，没有很好的归类，全体就像各大杂烩。并非要把整个页面塞满了才不觉得空，也并非让整个页面空阔才不觉得满，只需合理的组织、有机的组合，使页面抵达平衡。
4．文字编列：在网页规划中，字体的处理与颜色、版式、图形化等其他规划元素的处理相同非常关键。
4.1文字图形化：文字图形化便是将文字用图片的方式来体现，这种方式在页面的子栏目里面最为常用，由于它具有杰出，一起又美化了页面，使页面更加人性化加强了视觉效果。是文字无法抵达的。关于通用性的网站坏处便是扩展性不强。
4.2强调文字：假如将个别文字作为页面的诉求要点，则能够经过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面全体中显得出众而耀眼。
五、网站配色
1.用一种颜色。这里是指先选定一种颜色，然后调整透明度或者饱和度，(说得通俗些便是将颜色变淡或则加深)，发生新的颜色，用于网页。这样的页面看起来颜色一致，有层次感。
2.用两种颜色。先选定一种颜色，然后挑选它的比照色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整个页面颜色丰富但不花稍。
3.用一个色系。简略的说便是用一个感觉的颜色，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。也便是在同一色系里面采用不同的颜色使网页增加颜色，而又不花，色彩一致。这种配色方法在网站规划种最为常用。
4.灰色在网页规划中又称为“全能色”，其特点是能够和任何颜色搭配，在运用时掌握量防止网页变灰。
在网页配色中，尽量操控在三种颜色以内，以防止网页花、乱、没有主色的显现。布景和前文的比照尽量要大，(绝对不要用花纹繁复的图案作布景)，以便杰出主要文字内容、也运用户在阅读信息的时分不会觉得累。
六、常见问题
6.1分解大型表格
为了加速网页的阅读速度，尽可能防止用大型表格，由于阅读器必须等待整个表格的内容悉数抵达客户端，才干显现这个表格的内容，而文本或图画则是一边下载一边显现。一起咱们制作网页时要尽量削减表格的深度、表格复杂化，这一点尤为重要可直接影响
网页阅读速度、又给后面的程序增加带来了不必要的麻烦。
6.2网站导航要明晰
“您所在方位”在大型网站中是不行短少的一部分，其效果标明您现在所处在的方位，运用户不会不知东西南北迷失在网站中。其次还有读者进入意图页的点击次数，不能超过三次。假如三次以上还找不到用户所要的信息，人家可就没有耐性陪你玩了！
6.3图片注解
在很多网站上咱们都能够找到一个共同的缺点，当网速慢时有很图片都无法显现，又没有注解使得用户反感，如在注册时的按钮是图片做的又没加图片注解，而导致连注册都找不到，假如加了注解这些问题也就不成问题了！
6.4体系按钮
在咱们做按钮的时分，要做成“按钮”的方式（type="button"），而不要做成“提交表单”的方式（type="submit"），便利以后程序规划。
6.5空链接、死链接
在一个优异、专业的网站上是找不到任何一个空链接或死链接的情况，假如有这种情况会影响到用户对您网站的点评，所以咱们在制作的时分尽量防止，防止办法便是提前做好链接，假如尚未完成的页面则链上“建设中…”的页面，加以解释。
6.6导航条
在大型的职业网站里面主导航条最好是用文字方式，防止运用图片或Flash做导航条、缩小网站扩展性。
6.7网站的扩展性
关于一个职业网站而言，网站的扩展性是相当重要的，随时都要考虑到网站需求的改变！
7、网页框架与布局
网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等…这都是一种形式比喻，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。
1．分辨率
网页的整体宽度可分为三种设置形式：百分比、象素、象素+百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是1024*768和800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。
2．合理广告
在目前一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等…）让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。
浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等…
3．空间的合理利用
很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。
并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。
4．文字编排
在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。
4.1文字图形化
文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。
4.2强调文字
如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。