FW网页设计案例 第1篇
实际上，我认为整个网站投入设计力量最多的地方，就应该是专题页了。因为一个门户是不应该经常改变结构和风格的。而为了更快速的引导顾客浏览，首页上放的多是文字分类，不应有过多图片装饰。而专题页上，最重要的是营造消费氛围，刺激顾客的消费欲望，所以，只要是能够体现商品特性，吸引用户，即使页面体积有些大也可以容忍。在这里，有设计人员更多的发挥空间。
在专题设计中需要注意的是，标题文字或广告文字应该突出明显，普通描述文字与背景色对比清晰。商品图片突出，整个布局丰富而不凌乱，主次分明。可供用户操作的空间明显而突出。
七、广告图片
通常门户网站的广告来源很广，又的是广告客户自己制作的，有的是其他网站制作的，有的是门户网站自己的广告部门设计制作的。在设计上很难管理，不过有一个原则，就是：颜色鲜艳层次少；主题文字突出；构图简单；动画播放时间不过长。
FW网页设计案例 第2篇
1． 分辨率
网页的整体宽度可分为三种设置形式：百分比、象素、象素+百分比。通常在网站建设中以象素形式最为常用，行业网站也不列外。我们在设计网页的时候必定会考虑到分辨率的问题，科技发展到现在我们通常用的是1024*768和800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不妨试试760~770的象素，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。
并且，针对你的目标用户，你可以采用不同的分辨率标准，比如购物网站的用户，通常都是比较适应网络生活，有一定经验的网民，他们的显示器通常会比较先进，象目前就可以采用最低1024*768分辨率。如果你面对的目标用户，行业不固定，也许有相当一部分都只是偶尔上网，那么他们很可能采用的是过时的旧设备。就要考虑用较低分辨率做为制作标准。
2． 合理广告
在目前一些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等…）让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样一来网站受到了严重的影响、广告也没达到广告的目的。这些问题都是我们在设计网站之前需要考虑、需要规划的内容之一。
浮动广告有两种，第一种是在网页两边空余的地方可以上下浮动的广告，第二种是满屏幕到处随机移动的广告。建议能使用第一种的情况下尽量使用第一种，不可避免第二种情况时尽量在数量上控制最多一个就好。如果数量过多会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过多适中即可。如在注册或者某个购买步骤的页面上最好不要出现过多的其他无关的内容让用户分心，避免客户流失等。
最新新流行的一种广告是将整个页面按1024*768或更高的分辨率标准来设计，在超过800*600用户浏览范围的地方，放置的是常规广告信息或软广告信息，这样一来，设备条件好的用户就可以浏览将近全屏的页面内容，而800*600的用户只能看到广告部分的一个小边，但是不影响浏览主要信息。
3．空间的合理利用
很多的网页都具有一个特点，用一个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会遇到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的归类，整体就像各大杂烩。让人难以找到需要的东西。有的则是一片空白失去平衡，也可以用个“散”字来形容。
并非要把整个页面塞满了才不觉得空，也并非让整个页面空旷才不觉得满，只要合理的安排、有机的组合，使页面达到平衡，既使在一边的部分大面积留空，同样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又达到了视觉效果。
比如重要但形式单一的文字信息，就要在块于块之间多点留白。图片花色凌乱的部分要于其他块有明显区分。在首页上展示子栏分类信息要紧凑，以一大类作为一个整体块。相同类的信息采用相同的排榜方式。门户的导航是经常变且类别繁多的，不一定什么时候是单数什么时候是双数，所以不要用图片来制作。
重要的第一屏
包括页头的的第一屏，应该集中了用户最常用的信息，导航，服务链接。这一屏的装饰，应该很大程度的体现了整个网站的设计风格，并且分为页头（ＬＯＧＯ分类导航服务导航）；登陆区；首推图片广告/文字广告；热门信息/导航；最新信息推荐；首推专题；
4．文字编排
在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样非常关键。
文字图形化文字图形化就是将文字用图片的形式来表现，这种形式在页面的子栏目里面最为常用，因为它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字无法达到的。对于通用性的网站弊端就是扩展性不强。
强调文字如果将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、改变字体颜色等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是运用了对比的法则。如果在更新频率低的情况下也可以使用文字图形化。
FW网页设计案例 第3篇
2.用两种色彩。先选定一种色彩，然后选择它的对比色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整个页面色彩丰富但不花稍。
3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。也就是在同一色系里面采用不同的颜色使网页增加色彩，而又不花，色调统一。这种配色方法在网站设计种最为常用。
4.灰色在网页设计中又称为“万能色”，其特点是可以和任何颜色搭配，在使用时把握量避免网页变灰。
在网页配色中，尽量控制在三种色彩以内，以避免网页花、乱、没有主色的显现。背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容、也使用户在浏览信息的时候不会觉得累。
六、常见问题
分解大型表格为了加快网页的浏览速度，尽可能避免用大型表格，因为浏览器必须等待整个表格的内容全部到达客户端，才能显示这个表格的内容，而文本或图像则是一边下载一边显示。同时我们制作网页时要尽量减少表格的深度、表格复杂化，这一点尤为重要可直接影响网页浏览速度、又给后面的程序添加带来了不必要的麻烦。
将浮动层等load时间慢的信息块(div))放在ＢＯＤＹ的最后，可以尽量少的影响用户浏览速度。
图片注解在很多网站上我们都可以找到一个共同的缺点，当网速慢时有很图片都无法显示，又没有注解使得用户反感，如在注册时的按钮是图片做的又没加图片注解，而导致连注册都找不到，如果加了注解这些问题也就不成问题了！
系统按钮在我们做按钮的时候，要做成“按钮”的形式（type=_button_），而不要做成“提交表单”的形式（type=_submit_），方便以后程序设计。
空链接、死链接在一个优秀、专业的网站上是找不到任何一个空链接或死链接的情况，如果有这种情况会影响到用户对您网站的评价，所以我们在制作的时候尽量避免，避免办法就是提前做好链接，如果尚未完成的页面则链上“建设中…”的页面，加以解释。
导航条在大型的行业网站里面主导航条最好是用文字形式，避免使用图片或Flash做导航条、缩小网站扩展性。
网站的扩展性对于一个行业网站而言，网站的扩展性是相当重要的，随时都要考虑到网站需求的变化！