一 : 做网页设计容易忽略6点重要的因素

　　1，页面色彩。

　　有些朋友在做网页设计图时，一味的追求页面美观，却忽略了网页的最原始的用途，网页设计不像平面设计那样，平面设计最求的是视觉冲击力，所以色彩可以对比很强烈，而网页设计则不然，网页是给用户浏览网页内容的，如果色彩对比过于强烈的话，用户在使用中很容易出现视觉疲劳，那么，该用户就不会在网页停留太长时间。

　　2，用户体验。

　　在网页设计的过程中，很多人想当然的闷着头做设计，忽略了重要的一点，那就是用户体验，网页是给用户看的，不是想当然做出来，当然在站在用户的角度去考虑问题。

　　打个比方：如果说你做的是一个资讯类的网站，用户一个月前看见该网站上有一篇文章很好，现在再想看的话，已经很难找了，如果加个搜索功能的话，是不是给用户带来了方便?这样的话用户是不是会更加的喜欢这个网站呢?

　　3，网页浏览速度

　　网页浏览速度指的是用户打开网页的速度，当然，根据用户网速的不同，打开速度会有不同，我们所说的打开速度是指一般情况下的平均速度。如果说一个网页需要等一分钟才能打开，那你们扪心自问，你会愿意去等待吗?根据调查，打开网页用户等待的平均时间是7秒，换句话说也就是如果一个网站在7秒钟之内无法显示的话，那就会流失大量的用户。那么，如何提高网页速度呢?4，5，6点将会讲到。

　　4，服务器的选择

　　服务器的选择非常的重要，也是网页打开速度的关键。

　　试想：如果说你的服务器是电信的，那么网通的用户开起来就会比较的慢，所以本人建议大家用服务器(空间)的话，尽量使用双线的，这样的话，对大部分用户浏览是没有问题的。

　　服务器的选择还有一个问题，就是选择好的服务器(空间)供应商，有些小公司的服务器(空间)总是会出问题，时常打不开，就比如说：你今天去一个人家，他没开门，第二次去又没开门，连续几次都没有开门，那你是不是就很有可能不再去了呢?网页也是一样，一定要选择稳定的服务器(空间)。

　　5.html代码优化

　　html代码可以使用table或者是div+css，个人认为div+css是比较节省代码的，所谓的html代码优化，简单的说，就是同样的东西，用最简洁的方式去完成，给浏览器避免不必要的负担。(具体的优化步骤，我会另做说明。)

　　6，程序优化

　　程序优化指的是动态程序的优化，可以是asp、.net、php等等，其实这也是一个熟练的代码编写者需要注意的，一个结果，可以用很多总方式得到，那么，选择最简单的一种方式。会让你的网页速度提升。

　　文章首发：http://www.stylesj.com (深圳格调品牌设计)，转载请注明出处

二 : 网站页面设计要素四大注意事项

　　第一、要具有特色

　　不管是新闻网站还是商业网站，具有一定的特色可以把网站的宗旨和理念有力地予以诠释，力求简单易记、形象生动、冲击力强、彰显力量。例如，一个设计精巧的LOGO，就能给用户带来惊喜，能够迅速地吸引用户的眼球，能在用户的心中留下深深的印记，最终提升网站影响力。

　　第二、整体设计简洁

　　文章发布的网站主要形成和性竞争力的功能就是提供海量切高价值的文章信息。用户访问的首要目的就是为了满足文章信息需求，目标明确切行为直接，就要做到表现形式与文章内容的和谐统一。在设计首页的时候，要力求整体简洁、朴素，色彩搭配顺畅、均衡、和谐;页面布局大方，过度协调、合理，字间距、行间距适度。同时，要强化文章信息本身的功能，切不可让广告太过眩，因此要屏弃杂乱无章的广告、友情链接等，让用户在消化文章信息时不会受到过多的干扰，高效、舒心的享受文章信息大餐。让目标受众畅轻松的网上信息之旅，应为网站所孜孜以求的重要目标之一。

　　第三、栏目分类清晰

　　网站首页是对所提供的文章及特色服务精心设计与组合的载体，能有效地引导用户快速查找到所需新闻或服务，并实施单击浏览行为。为了页面整体上的美观以及用户查找访问的方便，有必要对文章信息及相关服务进行必要的分类，形成清晰、合理、可行的栏目规划，进而设计成网站地图，网站整体架构一览无余。首页就像饭店的菜单一样，可以引导用户轻松、快捷的按需要“点菜”，如果栏目分类不清晰，会让用户有不严肃的感觉，也会让他们陷入信息迷潭，不知道自己需要的新闻信息或服务应该在哪里查找，某种程度上降低了访问效率，有可能导致用户流失，甚至经由用户的口口相传导致更多的用户的流失。所以，网站首页设计，最怕的是“首页是个框，文章全部往里装”，这是一种极不负责任的行为。如果同一篇文章在多个地方同时出现，用户就会无所适从。

　　第四、局部创新

　　网络无定规，创新无止境。网站要在各方面保持持续创新的态度，尤其是直接与广大用户面对面的首页。因此，网站首页的内容布局和总替风格，可以在保持相对的基础上在局部位置大胆求新求变，以改变呆板、落伍形象，适应广大用户求新、求变、求奇、求特的心理，保持用户的持续兴趣。尤其是首屏，可谓寸土寸金，应根据阶段性工作部署，有针对性地做出部分调整，给用户不拘一格的创新形象。在这点上，可以借鉴传统平面媒体的经验，在字体、字号、颜色、排向、图片构图等方面根据文章内容以及文章引导的需要做出相应的调整。例如，对LOGO、Banner，以及文章图片等的位置，可以做出更加大胆的设计。淡然，用户满意与否，是决定的依据，闭门造车、一厢情愿的升级改版，只会吃力不讨好。

　　本文转自 http://www.3wwu.com 转载请保留本站地址

三 : 网页设计师为何要铲除IE6这个老妖精

　　最近很多网页设计师想铲除IE6.0这个老妖精，因为设计师们发现在应用DIV+CSS切图时，IE6老是和设计师作对，明明在高版本IE8.0和IE7.0甚至FireFox里面没有问题的页面，跑到IE6 .0里面却经常出现错位、移动、不能显示等现象。所以大家义愤填膺，一致声讨要铲除IE6.0这个老妖精。我对此有不同看法。

　　1、大家为什么用IE6.0，而不不用更高版本的浏览器呢?那是因IE6.0大家用习惯了，当时是跟着XP一起装进众多用户电脑中的，现在升级很麻烦，而且占内存很小，为何不继续用呢?虽然单窗口打开貌似有点麻烦，但是多窗口的优势其实并不明显，任务多了，找窗口也比较麻烦。而且还容易造成误关闭窗口。IE7.0是个失败的产品，用的人并不是很多。IE8.0则现在刚开始推广，所以用户也不多。其他如火狐、Chrome等浏览器的用户绝对比例也不是很多。

　　2、用数据说话，下图是我们十度互动一周五个工作日的真实访问统计。采用GOOGLE的统计系统。我们是一个做广州网站建设业务的公司，用户应该以企业的IT部、市场、企宣人士居多，平均一周下来，IE的用户占了近95%，在这近95%的用户中，IE6.0的使用率达到了惊人近七成。所以我们不敢抛弃这个老妖精。因为我们必须尊重用户，敬畏市场。

　　

 

　　五个工作日各浏览器的总访问量分布

　　

 

　　五个工作日IE的访问量分布

　　3、IE6.0为什么越战越勇，老而弥坚，我认为一是习惯的力量，二是很小巧，不花哨，简单实用。不胡乱搞些什么插件之类的东东，插件其实是一种很不友好的东西，看似为你服务，其实霸占你的资源。所以我反对各种莫名其妙的插件，把电脑搞得很慢，结果热衷于各种特效和插件的朋友还会很善意的提醒你说：你的电脑也该升级拉。

　　可是，对不起!我是实用主义者，能用就行，只要电脑能正常工作，坚决不升级。前几天和素材中国站的朋友聊天，他说他的工作用机是1G内存和奔四的。我说你做素材，做设计不要更好一些吗?他说，能用就行，一个网页，一张图片，能大到哪去?恩，说得有道理，够用就行，现在不都流行节能减排、低碳吗?电脑配置低点少少耗点电，少发点热量，为环保做贡献，多好啊!现在淘汰主机和显示器也成一污染源头了，电脑升级慢一点，不会让我们太憋屈的。

　　文章来源：www.szmynet.com

四 : 网页设计新方向，网页也要大屏

近年，网页早已不满足于宽屏了，已经向着更宽屏，超大屏的方向前进了。而大多数网页设计师都还记着页面的内容要在1000宽度左右，不可超越。的的确确这是以前的“审美标准”，在当今的时代，大众审美观更新换代，有的东西随之而变。比如说，当三星推出5.3寸大屏手机的时候，多少人为之而振，而现在满大街都是6寸大屏手机了。所以，多响应式全屏设计会成为未来的主流，这是必然的趋势。

大屏设计，随之带来的是兼容问题。在突破局限思维之前，我们要先树立好较好的态度，宁可多花时间，也要适应潮流。接下来我就来给大家分析一下如何做好一个“大屏”网页了。

一．大图要震撼，要清晰

大概在二零零八前的设计，背景都是花纹或者是纯底色，用现在的话来说叫简约。不过如果换上了大图，大图的清晰度直接地影响到了整个视觉效果，如果大图不清晰，带来的震撼视觉也会随之消失，反之，则会让人感觉秀色可餐。其次，应该是图片与内容的协调，尽量不会互相干扰，但也不要过大的独立性。在有文字的图片中，将重叠部分色彩弱化，并将文字加底色等方式突出，整个效果就会非常带劲。

大家来看一下这个例子，这个例子采用的是图片平铺与文字想结合，至于大屏和小屏效果对比一下便知道了。这个是一个比较简单的设计，但是很好地启示了我们大图要平铺自适应。

二．以中心定位，两侧自适应

别误会，中心定位并不是要对称美。将一些主要的内容放在大屏中间，如果把握不好的话建议可以在1000的尺寸左右即可，两侧追求简单而实用，但不可太空洞，可以加一些菜单的按钮或者是很流行的分享按钮之类的。当然，万万不可将核心内容放两边，那会被忽视的。相信不少朋友遇到过一个很常用的东西因放在某个角落找半天没找到的悲惨经历吧。

没错，这就是我所说的中心定位，也就是假全屏。第一眼看上去也真是高大上，但细细一看整个网页的内容并不是非常多。主要的核心内容都在中间，而两旁也只是点缀，和上文所说的中心定位两侧适应的一样的道理。这样设计的好处在于会让人感觉视野宽阔，自适应舒展性非常的自然。当然，如果是图片展览式的设计，可以在两侧添加切换按钮，效果也非常棒。

三．全屏响应式，瀑布流走起

说到瀑布流，很多朋友就比较熟悉了。不过大多数朋友只知道是把网页切割成非常多个方块，不知这些方块的大小比例的分配。至于具体的大小分配，并没有什么严格的规定，可以在某一侧比例为1，而相邻的为2，以大小不同突出核心内容。瀑布流让大屏变得很充实，也是比较容易上手的大屏设计。

硬件都大屏了，设计还不大屏就被淘汰了。至于颜色怎么分配，这些都要根据具体情况而定。不要怕不好看，努力做，突破局限思维。

本文深圳装修公司www.68zhuangxiu.com 攥写，转载请注明出处。最后祝愿大家都做出高端大气上档次的大屏网站。

五 : 网页推广设计的几个要点

在开始聊我在阿里四个月的网页推广设计之前，我想先来说说我对平面设计和网页设计的认识。

它们之间的交集。

它们都是集艺术创作、电脑技术和数字技术于一体的，以“视觉”（包括符号、图片和文字）作为沟通和表现方式的一种创造过程。设计师一般会利用字体排印、视觉艺术、版面编排（page layout）等方面的专业技巧，来达成创作计划的目的。

它们都讲求视觉上的快速、正确、有效的信息传达，都在诉说一个理念或品牌，都具有商业价值，它们的目标是信息、提示、促销和产生连锁反应等。

同时他们之间的区别也是显而易见的，主要表现在：

1.设计实现的介质不同。

平面设计实现的载体具有多样性，纸、塑料、布、木头、金属等，一般都与印刷有关，因此它受到印刷的限制最大，例如对印刷纸张的材质、规格的要求，对字种字号的要求等，最明显的是印刷的最小字体普遍使用识别性较好的有衬线字体。平面设计给人的体验主要来自视、触觉两个方面。

网页设计通过屏幕的显示来实现，它与平面设计最大的区别是介入了多媒体技术的应用，但同时受网速的制约。在文字处理上，屏幕的像素化显示要求文字必须设置消除锯齿来保证文字的识别性。网页设计通过视听被用户感知。

2.信息的承载量不同。

平面设计的产出物包括海报、宣传册、杂志、包装、广告等，它们每一次所承载的内容是相对有限的，而网页设计每屏的信息承载量比平面设计大很多（因为网页的滚动条可以无限拖动）。

进阿里近两个多月时做的推广设计，我一直在范本末倒置的错误。为了突出推广产品的品质感，我把对优质的产品图，合适的人物、场景图的选择作为看作推广视觉表达的最重要的环节。某天有个同事在我身后说：设计与绘画一样，当你停下来的任何时候它都应该是完整的！因为这句话，我逐渐对推广设计的要点进行了归纳、分析，下面这几点是我这段时间做网页推广设计的认识。

1.正确地理解需求的诉求点，并尽快达成共识。

当我们接到一个需求demo时，设计师会先独立地解读，包括：对需求诉求点的明确，页面的整体氛围的感受等，接下来就是对网页设计新人而言比较有挑战性的环节——需求沟通。由于知识结构的不同，设计师和需求方对于同一个效果的认识会不尽相同，这时我们可以进入到下一个环节。

2.明确页面设计的主题，投放的环境等，确定设计的氛围和色调。

这个过程中我们应该尽量多地让需求方来描述她们所认为的这个活动想传达给人的感觉，设计师借此把这种感觉用关键的文字与需求方达成共识。

3.主题文字的重中之重的确定，交互稿子的审核。

经过这两步，设计师可以花半个到一个小时的时间勾勒下这个页面的框架，包括构图，主题文字、元素的组合，行动点的安排等等，把第一个大致的稿子给需求方过一遍，进一步的沟通和明确以后可以开始设计了。这样做的好处是，设计的方向相当明确。

4.合理有效地编排设计。

网页设计不同于平面设计，它的显示空间完全依赖显示器的大小，因此网页设计的第一屏给人的印象直接决定了用户下一次还会不会再光顾，这就要求设计师必须同时合理安排好页面的各个板块的布局和衔接，保证信息传达的快速、准确、有效性，做到明确而自然。这里要强调一点的是过度渲染视觉效果的热闹而让客户不知所云的设计是没有价值的。

最后，当我们的页面有了重点，细节塑造以后，我们需要对页面进行最终的整合，页面左右上下是不是均衡，色调，光线是不是统一等等，做一些轻微的调整。

下面是我毕业这几个月做的一些推广banner，包括活动营销推广、商品营销推广、邮件/论坛帖。

从我这几个月的设计感受来说，对于一个刚毕业的设计师，在沟通方面的能力提高最重要，要学会换位思考。对需求的认识和理解要及时与需求方探讨，挖掘需求的诉求点进行突出表现。在技术上要坚持不断地练习、探索，尝试用不同的表现风格（可爱、炫酷、手绘、简约、雅致等），不断提高专业技能，使创意和技术达到完美结合。

本文标题：网页设计要素-做网页设计容易忽略6点重要的因素
本文地址： http://www.61k.com/1065113.html