1.3 网站设计原则

1.3 网站设计原则

传播信息的载体是网站，它也要遵循设计的基本原则，然而，因表现形式、运行方式以及社会功能的不同，网站设计存在其自身的特殊规律，网站设计是技术跟艺术的结合，是内容与形式的统一。

1.3.1 以用户为中心

始终以用户作为核心的原则来说，事实上就是明确要求设计者必须始终站在浏览者的视角去加以思索，主要就彰显于以下几个各不相同的方面之中，。

1.使用者优先观念

究竟在何时，无论于着手筹备设计网站界面之前，还是处于设计进程当中，亦或是已然设计完成，均须遵循一项最高行动准则，此准则即为使用者优先。乃是使用者有何需求，设计者便要去践行何事。倘若不存在浏览者前来光顾，那么即便网站界面再怎么美观好看，那也都是毫无意义可言的。

2.考虑用户浏览器

要是打算让每一位用户都能够毫无阻碍地浏览页面，那就最好采用所有浏览器都予以支持的格式，别去使用仅有部分浏览器支持的HTML格式或者程序技巧。要是想展示自身的高超技术，同时又不想舍弃一些潜在的观众，那就可以考虑在主页里设置几种不一样的浏览模式选项，像纯文字模式、Frame模式、Java模式等等，以供浏览者自行挑选。

3.考虑用户的网络连接

浏览者有可能运用ADSL、高速专线或者小区光纤，所以，于设计网页之际必须要考量用户的网络连接，切莫放置一些文件量极大，下载时间极长的内容，网站界面设计制作完毕之后，最好亲自去测试一番。

必胜客官方网站，采用不规则的页面排版布局形式来呈现网站内容，能给人一种眼前一亮之感，运用不规则且大小不等的小方块展示产品，操作便捷又直观，突破了传统网页的排版布局形式，进而给浏览者留下深刻印象。

1.3.2 主题明确

网站设计所表达的是特定的意图与要求，具备明确的主题，需依照视觉心理规律以及形式，把主题主动传递给浏览者，进而让主题在恰当环境里被人们imely察觉并grasp，以满足其需求。这就对网站页面设计提出要求得极为纯正、简明清楚、精准无误，并且在着重艺术性之际，更应当关注借助独特风格与强大视觉冲击力来显著凸显设计主题 。

香奈儿官方网站运用了极为简约的设计风格，着重突出了两大元素，其一为品牌，其二是主打产品。各个国家的网站，除语言存在差异外，其余元素基本维持不变，这是由香奈儿的品牌形象识别系统所决定的。

CHANEL是在世界上都很有名的化妆品以及服饰品牌，在广大人群范畴内已然构建起了一定的企业形象，所以页面运用了极其简约的视觉设计风格，借助黑色的背景颜色搭配白色的文字以及产品广告图片。进而表现出高贵模样的企业形象，着重突出其旗下主推的产品。

要是依据认知心理学这个理论来讲，大多数人于短期记忆范围里，仅仅能够同时去把握住4至7条分类的信息，可对于超过7条的分类信息，或者不进行分类的那些信息，就比较容易出现记忆方面的模糊状况，或者是产生遗忘现象，总的来说就是，较小且分类的信息，相较于长且不分类的信息，会更具有效性，并且更便于浏览。这个规律实际上蕴含在人们寻找信息以及使用信息的实践活动当中，设计师所开展的设计活动，必须要自觉地去掌握以及遵从这个规律。

这是某手机品牌用于官方宣传的网站设计，其页面运用较为简洁的设计形式，借助满屏的大幅宣传广告用以突出最新展品展示，以此给浏览者带来直观的产品印象爱游戏最新官网登录入口，进而在下方的网站新闻等相关栏目里，分两栏放置了8条最新的信息内容，且采用图文相结合的方式，从而使用户更易于浏览。

网站设计是艺术设计范畴里的一种爱游戏ayx官网登录入口，其终极目的是达成最佳的主题诉求成效。要取得这种成效爱游戏app入口官网首页，一方面需针对网站主题思想运用逻辑规律做有条理的处理，让它契合浏览者获取信息的心理需求与逻辑方式，使浏览者能够迅速理解并吸收；另一方面也要针对网页构成元素运用艺术的形式美法则进行有条理的处理，借此更好地营造契合设计目的的视觉环境，突出主题，强化浏览者对网页的注意力，增进对网页内容的理解。只有这两个方面有机统一，才能实现最佳的主题诉求效果。

该运动品牌网站页面采用了三维设计风格，在我们心里，人物必然是要占到空间的，因而网页背景就顺理成章地被拉开了距离。在这个页面里，同时把运动人物安置在了页面的中间部位，而且在垂直方向上占据了整个屏幕的空间，仿佛运动人物是能活动的，要闯出页面，给人带来很强的视觉冲击力。运动人物素材的运用还全面突显了该网站主题的展现，让网站内容与表现形式得以有效统一。

通常来讲，能够借助网页的空间层次，以及主从关系，还有视觉秩序，以及彼此之间的逻辑性，以此让网站界面在形式方面获取良好的诱导力，进而鲜明地突出诉求主题。

专家提示

必然服务于网站主题的优秀网站界面设计，也就是说，什么样的网站就该有什么样的设计。 比如，设计类的个人网站和商业网站性质不同，目的不一样，所以评论标准也不同。 网站页面设计与网站主题的关系是：首先设计是为主题服务的；其次设计是艺术与技术结合的产物，就是说，既要“美”，又要实现“功能”；最后“美”和“功能”都是为了更好地表达主题。 当然，在某些情形下，“功能”就是主题，“美”就是主题。

1.3.3 视觉美观

网站设计第一步要把浏览者的注意力给吸引过来，鉴于网页内容呈现出多样化的态势，传统那种普普通通的网页已不是主打环境，交互设计、多媒体内容以及三维空间等形式开始在网站设计里大量现身，给浏览者带去不一样的视觉感受，为网站界面的视觉效果增添诸多亮点。

这是某服装品牌的活动页面，品牌形象与活动主题卡通形象相互结合，页面着重运用流畅的交互动画效果，借此吸引浏览者。与此同时，页面搭配上相应的音乐，给浏览者带去全方位的视听感受。页面里色彩的搭配主要以简洁作为主调，借助红色着力凸显页面之中的重要信息。

设计网站之际，首先得针对网站页面开展整体规划，依据网站信息彼此的关联性，将页面划分成各异的视觉区域，接着按照各自部分的重要程度，运用不同视觉表现手段，明晰网页里哪部分信息最为关键，哪些信息次之，设计当中才可给每个信息予以相对妥帖的定位，令整个网站结构条理显豁，并且综合运用各类视觉效果表现方式，给用户呈上视觉美观、操作便利的网站界面。

1.3.4 内容与形式统一

任何一种设计，都存在一定的、包含了许多方面的内容以及特定的表现形式。设计所涵盖的内容，指的是它所具备的主题、形象、题材之类诸要素的全部总和，而形式则是它所呈现出来的结构、风格以及设计语言等不同的表现方式，卓越的设计必然是形式能够对内容达成完美的表现。

一方面，网站页面设计所追求的形式美，得适合主题所需，这是网站界面设计的前提条件。若只追求花哨的表现形式，且过于强调“独特的设计风格”进而脱离内容，又或者只求内容却缺乏艺术表现，网站页面设计就会显得空洞没劲。唯有设计师把这两者有机统一起来，深入领会主题的精髓，再融入自身的思想感情，寻得完美的表现形式，方可体现出网站页面设计独有的分量以及特有的价值。以另外一方面来讲，务必要保证网页之上的每一个元素都具备存在的必要性，切莫为了进行炫耀故而动用冗余的技术，那般所获取的效果极有可能会适得其反。唯有通过认真设计以及充分予以考虑，以此来达成全面的功能并且展现出美感，这样才能够达成形式与内容的统一。

有一个专门用来推介台岛茶品的网站，这个网站的内容数量并不多，于是整个网站采用了交互动画的形式，它以精美的茶品广告画面当作背景，还配合着半透明的底色以及文字内容介绍，从而给人一种感觉，这种感觉是让人觉得舒适、静心，并且该网站达到了内容与形式的完美统一。

网站页面，有着多屏、分页、嵌套这样的特性，设计师能够适当地去把它的形式做些变化，借此达成多变的处理效果，以此丰富整个网站页面的形式美。这就对设计师提出要求，在留意单个页面形式和内容统一的时候，同样不能忽视同一主题之下多个分页面构成的整体网站的形式与整体内容的统一。所以，在网页设计当中必须要注意形式与内容的高度统一。

该食品宣传网站的设计，充分展现出内容跟表现形式达成统一，网站里的每个页面，都运用相同版式以及主色调来设计，页面之中的标志、导航还有主内容区，均在各子页面里的相同位置出现，而且采用相同设计方式，界面设计里较高的一致性表现，可有效提高产品可用性，让用户能够迅速掌握该网站操作。

1.3.5 有机的整体

网站所具备的整体性，涵盖了内容方面以及形式方面的整体性，而在此处，着重探讨的是设计形式这一范畴上的整体性。

设一定内容、主题和观念，于适当时间与空间环境里，为人们所理解和接受，以满足人们实用和需求为目标，如此而来成为传播信息载体的网站，在设计时强调其整体性，可让浏览者快捷、准确、全面地认识并掌握它，还能给人内部联系紧密、外部和谐完整的美感，整体性也是体现网站界面独特风格的重要手段之一 。

网站页面的结构形式，是由各类视听要素组合而成的。于设计网站页面过程中，着重突出页面各构成部分里的共性要素，或者令各个部分共同具备某种形式特性，乃是形成整体的常用办法。这主要是从版式、色彩、风格等诸多方面着手的。好比说，在版式之际，要对界面里的各个视觉要素作全面考量，凭借周密的组织以及精确的定位去获取页面的秩序感，就算运用“散”的结构，那也得经过深思熟虑后才作决定 ；一个网站一般仅仅使用两到三种标准色，还要留意色彩搭配的和谐 ；对于分屏的长页面，不可以设计完第一屏之后，才去思索下一屏。同样地，整个网站内部的页面，都应当进行统一规划、具备统一风格，使得浏览者能够体会到设计者完整的设计思路 。

这款运动品牌用于促销手段的相关页面，采用了插画这种设计风格，把时尚的运动人物跟卡通手绘插画背景相互结合起来，运动人物与插画背景两者的这种设计呈现出浑然融为一体的效果，并且运用所得十分适当。产品图片被放置位置在主题图片的下方之处，依我个人的看法而言，这便是主题设计跟传统设计之间达成的一种完美平衡状态。

这个游戏介绍的专题页面的设计，舍弃了过去游戏页面以前的那种传统表现风格，采用同一色系但有着不一样明度的蓝色调 ，自上到下把整个页面划分成多个各不相同的内容区域，对于每一部分内容区域来说 ，还综合运用了图文相互结合与使用色彩进行对比这样的手法，让页面结构层次变得十分清晰 。

技巧点拨

从某种意义上来阐述，着重突出网站界面结构形式具备的那种整体性，必然会对灵活的多变性有所舍弃，所以，当在强调界面整体性设计这个行为之际，必须要予以留意，要是过于强化整体性，极有可能致使网站界面变得呆板、沉闷，进而对浏览者的兴趣以及继续展开浏览的欲望产生影响。“整体”是在“多变”这个基础之上所形成的整体。