网站设计的基础理论
网站设计的基础理论2010-07-19 10：16一.试着去了解用户
网页设计师在进行网站的外观设计之前，不妨先去思考几个问题
·谁是你的目标用户?
·目标用户具有什么特点?
·你的网站运营目标是什么?
·如何让你的设计真正为传递网站内容和产品价值而服务?
·你的设计能否给目标用户带来更好的体验?
网站外观设计应依托于网站结构，以用户为中心设计，使网站内容以更符合用户习惯的方式呈现。同时网站的外观设计还要通过对用户行为的引导服务于网站的运营目标。
时下国内的一些企业网站存在的较普遍问题是：没有分析用户特征和用户需求，以企业领导的喜好或设计师个人喜好来作为设计的依据；或者过分强调外观设计而忽略了最根本的企业的行业属性，过于注重
视觉效果，网站美观有余实用不足。
设计师面对两类用户：一是企业客户本身，一是企业客户所面对的客户，即网站的访问者。如何满足这两类用户的需求，则需要通过以下方法来达成：
1、加强与企业客户的沟通，了解客户建立网站的商业目标；
2、站在网站访问者的角度考虑问题，把注意力集中在潜在客户需求和目标上，而不是依靠企业管理者的凭空想象来进行设计。
二、网站整体风格和品牌形象
网站的整体风格是网站外观设计的指导思想。视觉元素、CSS、布局方式、浏览器兼容性等视觉表现形式都要服从于网站的整体风格。
确立网站整体风格有助于品牌形象的塑造，而网站的品牌理念对网站的整体风格也有着重要的影响。
网站的品牌形象不仅是现有的品牌在网上的延伸，还能给用户带来更多的符合期望的品牌体验。总体上，网站风格设计要契合以下几方面：
2.1风格要突出企业/产品的个性气质
企业网站的风格要体现独特性而不是与其他网站千篇一律的风格，比如套用模板程序做出来的网站通常就难以体现个性气质。
很多创意类的工作室或者广告公司的网站常常喜欢采用红黑，黑白这样对比强烈的颜。以此来体现网站的品牌气质，使网站整体显得个性张扬，饱满精致。
2.2网站风格要符合品牌视觉形象
塑造网站的品牌形象的关键是将企业的VI视觉元素运用于网页设计，使得网站的整体风格符合企业品牌的内涵，达到线上线下整体风格一致，有助于品牌形象的统一塑造。
小结：设计师可以通过以下几点确立网站的整体风格和品牌形象
1、理解网站要传达的品牌理念
2、网站VI主调与企业VI识别一致
3、在页面头部的醒目位置放logo，并配以品牌口号，贯通全站每个页面
4、同一级别的页面在设计上保持一致性。
三."实用"与"美观"的平衡点
网络营销导向的企业网站外观设计，要在实用性和艺术性之间寻出平衡点，让网页设计既美观又方便实用。
3.1网站设计少点花俏，多些实用
用户到网站是为了获取希望了解的信息，设计繁杂的网页对于用户快速获取信息是一种阻碍，因为过多的设计元素和背景噪音会令用户分心，还会影响网站的兼容性和打开速度。因此，网站设计少点花俏，多些实用，着重于整体风格的形成和实用信息的传递，而不是对局部细节过度刻画、滥用动画图片或flash，导致浏览者无所适从。
极具视觉冲击力的背景和过多的动态图片抢走了用户的注意力，成为了影响交互的干扰元素，对用户获取网站内容造成了障碍。
小结：设计师可以通过以下方法来平衡网站页面的美观与实用性
一个屏幕区间，单一图片占地不宜超过1/2的版面
尽量避免使用纯flash制作网站首页
减少花俏、巨大的背景图片运用
页面上采用大量的flash和动画图片的时候，应考虑到页面的打开速度
使用大图片时，尽量在图片中通过文字传递更多实用信息
3.2网站外观设计的艺术性
大部分用户打开一个网站首先形成的印象是来自于网页外观设计，因此外观设计的美观、艺术性也是网站易用性建设的基础。对企业网站来说，要兼顾"实用性"基础上的美观和艺术性，通常在于对细节设计的用心。
小结：让页面看起来富有艺术性的美观效果，需要注重以下方面：
主体彩与辅助彩搭配的协调性
网站选用的配图个性鲜明，并与页面背景协调
根据网站内容采用合理的分栏结构来进行疏密有致的页面布局
注重细节设计的完美
四.网站导航设计
网站的导航机制是网站内容架构的体现，网站导航是否合理是网站易用性
评价的重要指标之一。
网站的导航机制一般包括全局导航、辅助导航、站点地图等体现网站结构的、对用户进行引导的因素。
正确的网站导航要做到便于用户的理解和使用，让用户对网站形成正确的
空间感和方向感，不管来到网站的哪一页，都很清楚自己所在的位置。
4.1全局导航的3个基础要素
全局导航(Persistent Navigation)又称主导航，它是出现在网站的每一个页面上一组通用的导航元素，以一致的外观出现在网站的每一页，扮演着对用
户最基本的访问方向性指引。
对于大型电子商务网站来说，全局导航还应当包括搜索与购买工具两大要素，以方便用户在任意页面
均
一般企业的全局导航必须包括3个基本设计要素：
站点logo：logo必须加上回首页的连接
回首页：每个全局导航条左边位置同样出现回首页的提示及连接
全站基础栏目(一级栏目)
4.2辅助导航的3个设计要点
辅助导航又被称作面包屑路径或层级菜单，体现为内页的"当前位置"提示。辅助导航的作用是无论用户身处站内何处，均不会迷路，尤其当网站的栏目层
次较多的时候，正确的辅助导航的设置尤为重要。它从另一个层面反映了网站
的结构层次，是对全局导航的有效补充。
小结：辅助导航的3个设计要点：
出现的位置在全局导航之下、正文内容之上的过渡空间
层级关系体现正确，用户通过当前页面可以依次返回上一页、直至首页，
页面设计是什么不出现缺链、错链的情况
形式采用文本链接，而不是图片
4.3网站地图的设计
网站地图(SiteMap)将网站内深层次的链接关系以一个扁平的页面呈现出来，同它的命名一样，让用户对网站的内容与结构全局快速了解。就如大卖场指示
图一样让我们对各个卖场的区域划分具体位置有个初步的了解。
结构合理的网站地图，不但能让浏览者对整个网站的结构内容有个初步印象，同时也是对搜索引擎友好的表现。
这个网站的站点地图极为规范，除了结构清晰外，对各栏目还有简单的介绍。
小结：网站地图的设计应该重视以下几点：
快速加载页面，因此去除任何图片
层次感，而不是密密麻麻堆砌链接
呈现的层次不宜过多，也不宜过少，一般呈现到主导航下的二级菜单
文本链接方式，而非图片
4.4导航设计禁忌

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。