门户网站设计的制作方案

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

6.分栏目设计突出主题风格一、网站风格/创意“风格(style)是抽象的。是指站点的整体形象给浏览者的综合感受。整体形象包括站点的版面布局，色彩，字体，浏览方式等…。如：我们觉得迪斯尼是生动活泼的而IBM则是专业严厉的。每一种网站都会给人们留下的不一样感受。这里我们需要做到的是根据网站的定位做出网站特有的风格。除此我们还需要在风格同一上需要把握一下，其实这个风格的统一和老式的印刷出版物没什么区别。你网页上所有的图像、文字，包括像背景颜色、辨别线、字体、标题、注脚什么的，都要统一风格，贯穿全站。这样子顾客看起来舒适、顺畅，会对你的网站留下一种“很专业”的印象，有一种全局感受。创意，所谓创意就是不拘一格？某些设计师在做创意的时候大费周章，做出来确实不可否认很有创意、很别致，但往往对于行业网站的客户为何不能接受呢？此时不要太责怪客户的不识货，应当反思，抓住客户的需求。其实做行业网站不需要诸多大的创意，也不要挥霍过多的时间去追求怎样个性、怎样好看，我们只需要一点小小的创意贯穿全站，也许会使网站更生动更具有吸引力、更有思想。”不要在页头用大面积的装饰图片来体现整个网站的风格门户网站构成很复杂，一般会吞并、嵌套诸多小网站。网站的经营方当然但愿让这些小的网站套用整个门户的VI。因此，在使用最频繁的页头部分，应当是可以很明确的标识网站风格的地方。不过，不要用大副的装饰图片来体现，LOGO？LOGO是干什么用的？设计时的出发点是什么？不就是标识企业突出门户风格吗？假如LOGO不能起到这样的作用，那还要它做甚？所认为了浏览速度快，最佳页头只有LOGO、文字导航、简朴色彩装饰。我提议页头最佳是可以宠满页面的，没有宽度限制，这样就可以适应多种宽度的网页了。不要制作过多过大的图片镶嵌在网页中，如大片的没故意义的装饰图片，别忘了你是在做一种门户！！有商业目的的门户！这是在做生意！假如你做生意老板会批给你诸多钱去做些对销售没有协助的事吗？也许他会批给你钱组织员工去旅游，用于提高士气，不过他绝对不会批给你钱带所有员工去冰岛，并盖一种希尔顿饭店！二、网站LOGOLogo顾名思义就是站点的标志图案，logo最重要的就是用图形化的方式传递网站的定位和经营理念、同步便于人们识别。网站logo的设计过程中一般有如下三种思绪：1.直接以网站网址作为logo。2.根据网站提供的产品/服务特点展开logo设计。3.以传递网站运行商的经营理念为特色。我个人提议门户网站的LOGO中最佳包括：网址（去掉WWW及网址后缀）中文标识辅助图形标识。辅助图形标识可以最佳的体现网站风格，变化多样。网址和中文标识的设置要清晰易用。最佳独立创立一套字体，但最佳跟常见字体相差不太大。便于应用在子栏目中。三、视觉流程“人们在阅读某种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。在心理学的研究表明，一般的浏览习惯是从上到下、从左到右，在一种平面上，上松下稳而压抑。同样，平面的左松右稳。因此平面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。在网页设计中某些突出或推荐的信息一般都放在这个位置。左侧为常规信息，右侧为推荐信息。当然这种视觉流程只是一种感觉并非一种固定的公式，只要符合人们的心理次序和逻辑次序，就可以更为灵活地运用，在网页设计中，灵活而合理地运用直接影响到传达信息的精确与有效性。”四、网页框架与布局网页布局大体可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。其实在我们在做设计的时候并没有过多的去考虑什么形式，例如我们在一张纸看到一种圆形的东西，很轻易可以联想到它像太阳，而有人则联想到月亮等等…这都是一种形式比方，最重要的是抓住客户的需求，把握网站的定位做处合理的框架布局。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．文字编排在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理同样非常关键。4.1文字图形化文字图形化就是将文字用图片的形式来体现，这种形式在页面的子栏目里面最为常用，由于它具有突出，同步又美化了页面，使页面愈加人性化加强了视觉效果。是文字无法到达的。对于通用性的网站弊端就是扩展性不强。4.2强调文字假如将个别文字作为页面的诉求重点，则可以通过加粗、加下划线、加大号字体、加指示性符号、倾斜字体、变化字体颜色等手段故意识地强化文字的视觉效果，使其在页面整体中显得杰出而夺目。这些措施实际上都是运用了对比的法则。假如在更新频率低的状况下也可以使用文字图形化。五、网站配色1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。2.用两种色彩。先选定一种色彩，然后选择它的对比色(在Photoshop里按ctrl+shift+I)再进行微小的调整。整个页面色彩丰富但不花稍。3.用一种色系。简朴的说就是用一种感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。也就是在同一色系里面采用不一样的颜色使网页增长色彩，而又不花，色调统一。这种配色措施在网站设计种最为常用。4.灰色在网页设计中又称为“万能色”，其特点是可以和任何颜色搭配，在使用时把握量防止网页变灰。在网页配色中，尽量控制在三种色彩以内，以防止网页花、乱、没有主色的显现。背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出重要文字内容、也使顾客在浏览信息的时候不会觉得累。六、常见问题6.1分解大型表格为了加紧网页的浏览速度，尽量防止用大型表格，由于浏览器必须等待整个表格的内容所有抵达客户端，才能显示这个表格的内容，而文本或图像则是一边下载一边显示。同步我们制作网页时要尽量减少表格的深度、表格复杂化，这一点尤为重要可直接影响网页浏览速度、又给背面的程序添加带来了不必要的麻烦。将浮动层等load时间慢的信息块(div))放在ＢＯＤＹ的最终，可以尽量少的影响顾客浏览速度。6.2网站导航要清晰“您所在位置”在大型网站中是不可缺乏的一部分，其作用表明您目前所处在的位置，使顾客不会不知东西南北迷失在网站中。另一方面尚有读者进入目的页的点击次数，不能超过三次。假如三次以上还找不到顾客所要的信息，人家可就没有耐心陪你玩了！6.3图片注解在诸多网站上我们都可以找到一种共同的缺陷，当网速慢时有很图片都无法显示，又没有注解使得顾客反感，如在注册时的按钮是图片做的又没加图片注解，而导致连注册都找不到，假如加了注解这些问题也就不成问题了！6.4系统按钮在我们做按钮的时候，要做成“按钮”的形式（type="button"），而不要做成“提交表单”的形式（type="submit"），以便后来程序设计。6.5空链接、死链接在一种优秀、专业的网站上是找不到任何一种空链接或死链接的状况，假如有这种状况会影响到顾客对您网站的评价，因此我们在制作的时候尽量防止，防止措施就是提前做好链接，假如尚未完毕的页面则链上“建设中…”的页面，加以解释。6.6导航条在大型的行业网站里面主导航条最佳是用文字形式，防止使用图片或Flash做导航条、缩小网站扩展性。6.7网站的扩展性对于一种行业网站而言，网站的扩展性是相称重要的，随时都要考虑到网站需求的变化！七、专题设计实际上，我认为整个网站投入设计力量最多的地方，就应当是专题页了。由于一种门户是不应当常常变化构造和风格的。而为了更迅速的引导顾客浏览，首页上放的多是文字分类，不应有过多图片装饰。而专题页上，最重要的是营造消费气氛，