门户网站设计方案

《门户网站设计方案》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、门户网站制作方案　　门户网站设计有很多种。最为国人熟知的是象新浪搜狐那种信息类门户。主要以广告收入为主。现在也有博客门户等。象当当、淘宝那样的购物平台，其实也是一种门户，只不过陈列的是商品信息，赢利方式是依靠出售商品。不同的门户，有不同的需求，都应该根据这些需求出发去设计网站，这是众所周知的，但是它们之间也有共性，那就是都要求提高浏览效率！促使网站达成赢利目标。　　信息类门户：　　1.网页的体积最小　　2.分类明确，多方向引导　　3.信息量最大　　4.风格一致，易于管理　　5.以适当的方式提供多种多样的广告位　　6.分栏目设计突出主题风格　　购物类门户：　　1.

2、网页体积尽量小　　2.分类明确，多方向引导　　3.信息根据重要程度疏密有秩　　4.每一个页面信息都是一种广告方式　　5.突出商品本身 　6.分栏目设计突出主题风格　　一、网站风格/创意　　“风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等…。如：我们觉得迪斯尼是生动活泼的而IBM则是专业严肃的。每一个网站都会给人们留下的不同感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下，其实这个风格的统一和传统的印刷出版物没什么区别。你网页上所有的图像、文字，

3、包括像背景颜色、区分线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子用户看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象，有一个全局感受。　　创意，所谓创意就是不拘一格？某些设计师在做创意的时候大费周章，做出来确实不可否认很有创意、很别致，但往往对于行业网站的客户为什么不能接受呢？此时不要太责怪客户的不识货，应该反思，抓住客户的需求。其实做行业网站不需要很多大的创意，也不要浪费过多的时间去追求如何个性、如何好看，我们只需要一点小小的创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想。”　　不要在页头用大面积的装饰图片来体现整个网站的风格　　门

4、户网站构成很复杂，通常会兼并、嵌套很多小网站。网站的经营方当然希望让这些小的网站套用整个门户的VI。所以，在使用最频繁的页头部分，应该是能够很明确的标识网站风格的地方。但是，不要用大副的装饰图片来体现，LOGO？LOGO是干什么用的？设计时的出发点是什么？不就是标识企业突出门户风格吗？如果LOGO不能起到这样的作用，那还要它做甚？所以为了浏览速度快，最好页头只有LOGO、文字导航、简单色彩装饰。我建议页头最好是可以宠满页面的，没有宽度限制，这样就能够适应各种宽度的网页了。　　不要制作过多过大的图片镶嵌在网页中，如大片的没有意义的装饰图片，别忘了你是在做一个门户！

5、！有商业目的的门户！这是在做生意！如果你做生意老板会批给你很多钱去做些对销售没有帮助的事吗？也许他会批给你钱组织员工去旅游，用于提高士气，但是他绝对不会批给你钱带所有员工去冰岛，并盖一个希尔顿饭店！　　二、网站LOGO　　Logo顾名思义就是站点的标志图案，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同时便于人们识别。网站logo的设计过程中一般有以下三种思路：1.直接以网站网址作为logo。2.根据网站提供的产品/服务特点展开logo设计。3.以传递网站运营商的经营理念为特色。我个人建议门户网站的LOGO中最好包含：网址（去掉WWW及网址后缀）

6、中文标识辅助图形标识。辅助图形标识能够最好的体现网站风格，变化多样。网址和中文标识的设置要清晰易用。最好独立创建一套字体，但最好跟常见字体相差不太大。便于应用在子栏目中。　　三、视觉流程　　“人们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右，在一个平面上，上松下稳而压抑。同样，平面的左松右稳。所以平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。在网页设计中一些突出或推荐的信息通常都放在这个位置。左侧为常规信息，右侧为推荐

7、信息。当然这种视觉流程只是一种感觉并非一种固定的公式，只要符合人们的心理顺序和逻辑顺序，就可以更为灵活地运用，在网页设计中，灵活而合理地运用直接影响到传达信息的准确与有效性。”　　四、网页框架与布局　　网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式，比如我们在一张纸看到一个圆形的东西，很容易可以联想到它像太阳，而有些人则联想到月亮等等…这都是一种形式比喻，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。　　1．分辨率　　网页的整

8、体宽度可分为三种设置形式