网页制作学习：关于门户网站设计-交流共享-唐山网站建设

网页制作学习：关于门户网站设计

核心提示：门户网站有很多种。最为国人熟知的是象新浪搜狐那种信息类门户。主要以广告收进为主。现在也有博客门户等。象铛铛、淘宝那样的购物平台，实在也是1种门户，只不过摆设的是商品信息，赢利方式是依托出售商品。

门户网站有很多种。最为国人熟知的是象新浪搜狐那种信息类门户。主要以广告收进为主。现在也有博客门户等。象铛铛、淘宝那样的购物平台，实在也是1种门户，只不过摆设的是商品信息，赢利方式是依托出售商品。不同的门户，有不同的需求，都应当根据这些需求动身往设计网站，这是尽人皆知的，但是它们之间也有共性，那就是都要求进步浏览效率！促使网站达成赢利目标。

信息类门户：

1.网页的体积最小

2.分类明确，多方向引导

3.信息量最大

4.风格1致，易于治理

5.以适当的方式提供多种多样的广告位

6.分栏目设计突出主题风格

购物类门户：

1.网页体积尽可能小

2.分类明确，多方向引导

3.信息根据重要程度疏密有秩

4.每1个页面信息都是1种广告方式

5.突出商品本身

6.分栏目设计突出主题风格

1、网站风格/创意

“风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色采，字体，浏览方式等…。如：我们觉得迪斯尼是生动活泼的而IBM则是专业严厉的。每1个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站独有的风格。除此我们还需要在风格同1上需要掌控1下，实在这个风格的同1和传统的印刷出版物没甚么辨别。你网页上所有的图象、文字，包括像背景色采、辨别线、字体、标题、注脚甚么的，都要同1风格，贯串全站。这模样用户看起来舒服、顺畅，会对你的网站留下1个“很专业”的印象，有1个全局感受。

创意，所谓创意就是不拘1格？某些设计师在做创意的时候大费周章，做出来确切不可否认很有创意、很新颖，但常常对行业网站的客户为甚么不能接受呢？此时不要太责怪客户的不识货，应当反思，捉住客户的需求。实在做行业网站不需要很多大的创意，也不要浪费过量的时间往寻求如何个性、如何好看，我们只需要1点小小的创意贯串全站，或许会使网站更生动更具有吸引力、更有思想。”

不要在页头用大面积的装璜图片来体现全部网站的风格

门户网站构成很复杂，通常会吞并、嵌套很多小网站。网站的经营方固然希看让这些小的网站套用全部门户的VI。所以，在使用最频繁的页头部份，应当是能够很明确的标识网站风格的地方。但是，不要用大副的装璜图片来体现，LOGO？LOGO是干甚么用的？设计时的动身点是甚么？不就是标识企业突出门户风格吗？假设LOGO不能起到这样的作用，那还要它做甚？所以为了浏览速度快，最好页头只有LOGO、文字导航、简单色采装璜。我建议页头最好是可以宠满页面的，没有宽度限制，这样便可以够适应各种宽度的网页了。

不要制作过量过大的图片镶嵌在网页中，如***的没故意义的装璜图片，别忘了你是在做1个门户！！有贸易目的的门户！这是在做生意！假设你做生意老板会批给你很多钱往做些对销售没有帮助的事吗？或许他会批给你钱组织员工往旅游，用于进步士气，但是他尽对不会批给你钱带所有员工往冰岛，并盖1个希尔顿饭店！

2、网站LOGO

Logo顾名思义就是站点的标志图案，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们辨认。网站logo的设计进程中1般有以下3种思路：1.直接以网站网址作为logo。2.根据网站提供的产品/服务特点展开logo设计。3.以传递网站运营商的经营理念为特点。我个人建议门户网站的LOGO中最好包括：网址（往掉WWW及网址后缀）中文标识辅助图形标识。辅助图形标识能够最好的体现网站风格，变化多样。网址和中文标识的设置要清楚易用。最好独立创建1套字体，但最好跟常见字体相差不太大。便于利用在子栏目中。

3、视觉流程

“人们在浏览某种信息时，视觉总有1种自然的活动习惯，先看甚么，后看甚么，再看甚么。在心理学的研究表明，1般的浏览习惯是从上到下、从左到右，在1个平面上，上松下稳而压抑。一样，平面的左松右稳。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最好视阈”，也就是最优选的地方。在网页设计中1些突出或推荐的信息通常都放在这个位置。左侧为常规信息，右侧为推荐信息。固然这类视觉流程只是1种感觉并非1种固定的公式，只要符合人们的心理顺序和逻辑顺序，便可以够更加灵活地应用，在网页设计中，灵活而公道地应用直接影响到转达信息的正确与有效性。”

1 2 3 4 下1页

4、网页框架与布局

网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做逐1论述了。实在在我们在做设计的时候并没有过量的往考虑甚么情势，比如我们在1张纸看到1个圆形的东西，很轻易可以联想到它像太阳，而有些人则联想到月亮等等…这都是1种情势比喻，最重要的是捉住客户的需求，掌控网站的定位做处公道的框架布局。

1．分辨率

网页的整体宽度可分为3种设置情势：百分比、象素、象素+百分比。通常在网站建设中以象素情势最为常常使用，行业网站也不列外。我们在设计网页的时候1定会考虑到分辨率的题目，科技发展到现在我们通常常使用的是1024*768和800*600的分辨率，现在网络上很多都是用到778个象素的宽度，在800的分辨率下面常常使全部网页很压抑，有种不透气的感觉，实在这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最好视觉，无妨试试760~770的象素，不管在1024还是800的分辨率下都可以到达较佳的视觉效果。

并且，针对你的目标用户，你可以采取不同的分辨率标准，比如购物网站的用户，通常都是比较适应网络生活，有1定经验的网民，他们的显示器通常会比较先进，象目前便可以够采取最低1024*768分辨率。假设你面对的目标用户，行业不固定，或许有相当1部份都只是偶然上网，那末他们很可能采取的是过期的旧设备。就要考虑用较低分辨率做为制作标准。

2．公道广告

在目前1些网站的广告（弹出广告、浮动广告、大广告、banner广告、通栏广告等等…）让人觉得很烦琐，更本就不愿意来看，有时连你这个网站都不上了，这样1来网站遭到了严重的影响、广告也没到达广告的目的。这些题目都是我们在设计网站之前需要考虑、需要计划的内容之1。

浮动广告有两种，第1种是在网页两边空余的地方可以上下浮动的广告，第2种是满屏幕到处随机移动的广告。建议能使用第1种的情况下尽可能使用第1种，不可避免第2种情况时尽可能在数目上控制最多1个就好。假设数目过量会直接影响到用户的心理、防挨到用户浏览信息,适得其反。首页广告不宜过量适中即可。如在注册或某个购买步骤的页面上最好不要出现过量的其他无关的内容让用户分心，避免客户流失等。

最新新流行的1种广告是将全部页面按1024*768或更高的分辨率标准来设计，在超过800*600用户浏览范围的地方，放置的是常规广告信息或软广告信息，这样1来，设备条件好的用户便可以够浏览将近全屏的页面内容，而800*600的用户只能看到广告部份的1个小边，但是不影响浏览主要信息。

3．空间的公道利用

很多的网页都具有1个特点，用1个字来形容，那就是“塞”，它将各种各样的信息如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范，导致浏览时会碰到很多的不方便，主要就是页面主次不分，喧宾夺主，要不就是没有重点，没有很好的回类，整体就像各大杂烩。让人难以找到需要的东西。有的则是1片空缺失往平衡，也能够用个“散”字来形容。

并非要把全部页面塞满了才不觉得空，也并非让全部页面空阔才不觉得满，只要公道的安排、有机的组合，使页面到达平衡，既使在1边的部份大面积留空，一样不会让人感到空，相反这样会给人留下广阔的思考空间，给人回味又到达了视觉效果。

比如重要但情势单1的文字信息，就要在块于块之间多点留白。图片花色混乱的部份要于其他块有明显辨别。在首页上展现子栏分类信息要紧凑，以1大类作为1个整体块。相同类的信息采取相同的排榜方式。门户的导航是常常变且种别繁多的，不1定甚么时候是单数甚么时候是双数，所以不要用图片来制作。

上1页 1 2 3 4 下1页

重要的第1屏

包括页头的的第1屏，应当集中了用户最常常使用的信息，导航，服务链接。这1屏的装璜，应当很大程度的体现了全部网站的设计风格，并且分为页头（ＬＯＧＯ　分类导航　服务导航）；登陆区；首推图片广告/文字广告；热门信息/导航；最新信息推荐；首推专题；

4．文字编排

在网页设计中，字体的处理与色采、版式、图形化等其他设计元素的处理1样非常关键。

4.1文字图形化

文字图形化就是将文字用图片的情势来表现，这类情势在页面的子栏目里面最为常常使用，由于它具有突出，同时又美化了页面，使页面更加人性化加强了视觉效果。是文字没法到达的。对通用性的网站弊端就是扩大性不强。

4.2夸大文字

假设将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加唆使性符号、倾斜字体、改变字体色采等手段故意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。这些方法实际上都是应用了对照的法则。假设在更新频率低的情况下也能够使用文字图形化。

5、网站配色

1.用1种色采。这里是指先选定1种色采，然后调剂透明度或饱和度，(说得通俗些就是将色采变淡或则加深)，产生新的色采，用于网页。这样的页面看起来色采同1，有层次感。

2.用两种色采。先选定1种色采，然后选择它的对照色(在Photoshop里按ctrl+shift+I)再进行微小的调剂。全部页面色采丰富但不花稍。

3.用1个色系。简单的说就是用1个感觉的色采，例如淡蓝，淡黄，淡绿；或土黄，土灰，土蓝。也就是在同1色系里面采取不同的色采使网页增加色采，而又不花，色调同1。这类配色方法在网站设计种最为常常使用。

4.灰色在网页设计中又称为“万能色”，其特点是可以和任何色采搭配，在使用时掌控量避免网页变灰。

在网页配色中，尽可能控制在3种色采之内，以免网页花、乱、没有主色的显现。背景和前文的对照尽可能要大，(尽对不要用花纹繁复的图案作背景)，以便突出主要文字内容、也使用户在浏览信息的时候不会觉得累。

上1页 1 2 3 4 下1页

6、常见题目

6.1分解大型表格

为了加快网页的浏览速度，尽可能避免用大型表格，由于浏览器必须等待全部表格的内容全部到达客户端，才能显示这个表格的内容，而文本或图象则是1边下载1边显示。同时我们制作网页时要尽可能减少表格的深度、表格复杂化，这1点尤其重要可直接影响网页浏览速度、又给后面的程序添加带来了没必要要的麻烦。

将浮动层等load时间慢的信息块(div))放在ＢＯＤＹ的最后，可以尽可能少的影响用户浏览速度。

6.2网站导航要清楚

“您所在位置”在大型网站中是不可缺少的1部份，其作用表明您现在所处在的位置，使用户不会不知东西南北迷失在网站中。其次还有读者进进目的页的点击次数，不能超过3次。假设3次以上还找不到用户所要的信息，人家可就没有耐心陪你玩了！

6.3图片注解

在很多网站上我们都可以找到1个共同的缺点，当网速慢时有很图片都没法显示，又没有注解使得用户反感，如在注册时的按钮是图片做的又没加图片注解，而导致连注册都找不到，假设加了注解这些题目也就不成题目了！

6.4系统按钮

在我们做按钮的时候，要做成“按钮”的情势（type="button"），而不要做成“提交表单”的情势（type="submit"），方便以后程序设计。

6.5空链接、死链接

在1个优秀、专业的网站上是找不到任何1个空链接或死链接的情况，假设有这类情况会影响到用户对您网站的评价，所以我们在制作的时候尽可能避免，避免办法就是提早做好链接，假设还没有完成的页面则链上“建设中…”的页面，加以解释。

6.6导航条

在大型的行业网站里面主导航条最好是用文字情势，避免使用图片或Flash做导航条、缩小网站扩大性。

6.7网站的扩大性

对1个行业网站而言，网站的扩大性是相当重要的，随时都要考虑到网站需求的变化！

7、专题设计

实际上，我以为全部网站投进设计气力最多的地方，就应当是专题页了。由于1个门户是不应当常常改变结构和风格的。而为了更快速的引导顾客浏览，首页上放的多是文字分类，不应有过量图片装璜。而专题页上，最重要的是修建消费氛围，刺激顾客的消费欲看，所以，只要是能够体现商品特性，吸援用户，即使页面体积有些大也能够容忍。在这里，有设计职员更多的发挥空间。

在专题设计中需要留意的是，标题文字或广告文字应当突出明显，普通描写文字与背风景对照清楚。商品图片突出，全部布局丰富而不混乱，主次分明。可供用户操纵的空间明显而突出。

7、广告图片

通常门户网站的广告来源很广，又的是广告客户自己制作的，有的是其他网站制作的，有的是门户网站自己的广告部份设计制作的。在设计上很难治理，不过有1个原则，就是：色采艳丽层次少；主题文字突出；构图简单；动画播放时间不太长。

上1页 1 2 3 4 唐山网站建设www.fw8.net
TAG:网站,广告,信息,页面,文字

评论加载中...