位置:GZ医疗队 > 公益纪实 > 公益站长 > 网络技术 >
全局于网站整体的网页设计(2)
来源: 作者: 点击:次 时间:2009-03-29
其实设计师对做图软件没有什么严格要求,很多学习绘图软件很久的人习惯用photoshop来画页面,而更多专职面向网页设计的人习惯使用fireworks,因为其更偏网页化的操作能带来更高的效率。
虽然都是设计,但两者的很多设计规矩是不一样的,我认为两者最大的区别是思想上的区别:平面设计讲究留白和视觉冲击,而网页设计则寸土寸金,页面元素的整齐协调更是至关重要的。
设计师要做的只是提出自己对于设计上的看法,决定权仍然在于领导。
对设计师来说,了解需求也是很重要的,不光是需要读懂文档,更需要真正明白大家在做的是一个什么样的具体的东西,这样在动手操作的时候,才不会手足无措或者是理解偏差。
设计师需要先搭建出UE模型,UE只需要以简单线框模式展现,效率高而且适合随时调整修改,往往在这个阶段需要修改的地方是很多的,如果直接就以设计稿来探讨,每修改一处都是一个工程,毫无效率可言。
其实大部分网站页面都是一样的框架,只是内容显示不同,同一个级别的页面基本都是一致的,除了关键页面之外,其他页面用户也许只是经过一次,停留时间甚至可以忽略,论优先级来说,同等效率下自然要保证关键页面。
链接2
相关名词
- MRD(Market Requirements Document),
是指市场需求文档。MRD文档主要侧重于市场机会的分析,得出类似于 “就当前市场情况而言,我们可以做什么”的结论; - PRD(Product Requirements Document),
是指产品需求文档。PRD侧重于整个产品的规划,比 MRD文档要细化一些; - UI(User Interface)设计,
用户界面设计,用户界面设计的三大原则是: 置界面于用户的控制之下、减少用户的记忆负担、保持界面的一致性; - UE(User Experience),
用户体验,成形的用户体验可表示为框架化的页面草图,有些人习惯用纸笔画UE,有些人习惯用word或其他行业软件,总之能展现页面概要示例即可。
网页设计的规范
理解并遵循网页设计的规范是网页界面设计的基础,网页设计的规范在行业中通常被称为设计的“一贯性”。一个优秀的、有经验的设计师能把网页设计的基本规范自然而本能地融入作品中。在显示器的方寸显示空间里,用户需要以被限定的分辨率来浏览页面、以键盘和鼠标来交互控制界面、继而在有限的网络传输速度下一个个层级地浏览整个站点,可想而知其中有多少要素需要规范化。
形象标志(LOGO)、导航、搜索、内容区块、页面长度、字体字号等元素是这些规范中至关重要的部分。这些元素中大部分都表现在网站的头部或者是第一屏能显示的区域内:一般的网站通常会在头部显著位置显示网站LOGO,以合理的层级关系及最普通的字体字号来展现导航以及设计合理的搜索功能块。
在这里我们需要注意的是除非非常必要,网站的LOGO尽量不要以flash动画展示,同时导航也尽量不要以flash动画或图片来表现,因为浏览器有拦截flash的可能;同时,不同终端设备上浏览器对flash和图片的不支持也可能造成网站无法继续访问或者根本无法识别。
我们可以通过以下几个例子对比一下网页设计规范在实际应用中的效果:图1,汽车之家的导航设计,图文结合,非常出色;图2,贵州省人民政府网站,网站标题和LOGO全部制作到flash动画中,当浏览器屏蔽flash的时候,网站将无法识别;图3,伊利集团网站,导航flash也很漂亮,同样的,当浏览器屏蔽flash的时候,导航将不可见,网站无法被继续访问;图4,广东省人民政府网站,非常优秀的设计,导航栏全部以非图片形式制作,既保证了美观,又体现了实用性。
除此之外,网站的各内容区块应切割明显,让用户能很容易地判断内容块的起始。如果不是门户类型网站,网站页面长度尽量不要超过三屏(因为不同显示器分辨率参数不同,三屏的说法不一定适用于所有设计),即不要让用户在同一页面上过多滚动鼠标滚轮。中文网站设计时应注意内容区域文字尽量使用12像素、14像素等偶数字号,以准确表达中文字体的整齐切割,正文汉字部分应严格使用宋体,保证用户最好的阅读感受。标题部分可以稍微增大字号,页面上除装饰性图片或广告之外的地方最多使用两种字体。如图5所示的方正字库网站,就是一个很好的例子,左侧列表使用13像素宋体,右侧列表使用12像素宋体,同时除广告外还出现了黑体和行楷等数种字体。
遵循简洁为美原则
网页设计不是仅仅使用户在显示器上看到漂亮的装饰性画面那么简单。比起华丽的画面装饰,网页设计应该在更有效地传达信息方面多下些工夫。这必须有对布局设计和色彩的正确理解和相关知识,要熟知网页物理系统的特性,并具备应对各种情况的能力。在具备人性化界面的网站设计中,我们不难发现其表现出来的功能性和自然美。多数设计得比较好的网站,都考虑了多媒体的特性,色彩设计和信息按照一定秩序排列,能更有效地向用户传达内容。