Kairyou's Blog

专注于WEB前端开发, 追求更好的用户体验, 更好的开发体验 [长沙前端QQ群:234746733]
  • 商业Web站点设计策略

    / 分类: 开发 / No Comments

    相信很大一部分人知道,我们国内的很多web站点设计项目都存在着一个特点,那就是将设计和制作混为一谈。所谓的设计站点,就是简单的把客户给的资料图形化,不考虑任何其他的因素,比如能否让站点实现预期的商业收益,让站点真正给用户提供他们想要的信息和服务。于是,大量的站点形同虚设,成了白白浪费时间、金钱、人力,最后却成立占用网络空间的一堆乏人问津的文件组合。因为一般性的web站点制作技术很易于掌握,所以,有能力制作网站的人是比比皆是,在能作和能设计之间,人们的界限慢慢模糊。很多人认识到的网站设计,可能就是把界面做的漂亮点。而实际上,设计站点远非如此简单。web作为一个新兴的媒体,它的目的性很明确,对于一个企业来说,站点的存在就是为了商业目的。而实现站点的商业目的,不经过好的规划和出色的创意,是不可能实现。

    下面,就我所接触和学习到的web设计理论,简要叙述一下web设计的基本步骤。

    1、 确立目的

    目的是web站点建设的中心,也是指导设计的最重要因素。目的可以简单,但不要模糊不清,否则web设计和实现都将非常困难。用户对web的期望,和web真正能很好实现的东西一般都有差距,如何和用户沟通,来达成共识是web项目一开始就要解决的。目的先要细化成可清晰描述的明确目标,越清晰的目标,越容易控制和实现。因为web的目标也可能需要漫长的时间才能实现,所以在保持总的发展策略的前提下,可以对不同时间段的目的有明确的界定,这样不但可以让发展的中心不被偏离,还可以比较容易的评析效果,以期制定对策。web是种特殊的媒体,所以设计师必须懂得和了解这种媒体的特性,尽管设计是共通的,但对web,必须要有针对其特性的设计考虑。

    web和传统媒体的比较,相对于印刷品,web因为其信息系统的结构和超文本链接指向的优势,使用户寻找到自己感兴趣的信息速度上快于印刷品。在信息的表现方式上,web可表现多媒体信息,也优于印刷品。最大的优势就是交互性,这是任何传统媒体都无法比拟的。但web也有其不足,由于我们常接触到的web主要在荧光屏上实现,因此用户在屏幕上阅读大量文本时,眼睛很容易疲劳,且就便携这一点,当前的计算机是无法和印刷品相比的。而相对于电视这一媒体,电视作为一个已存在几十年的媒体,无论是从用户的数量和用户对其的熟悉方面,还有电视在动态影像的表现,都要优于web。尽管web在带宽提高的基础上能流畅播放视频,但就一般而言,从web上观看动态影像并不现实,以上所说的动态影像是指象素化的视频。不过web相比于电视,其交互性能给用户更多自由选择的机会,能更好的和用户沟通,并给其带来特殊的体验。

    在充分了解站点的目标用户的特点,和web的特性之后,针对用户的种种特点来进行设计的工作就可以开始了。

    2、 构建信息系统架构

    在分析了站点的目的和目标用户的特点和需求之后,让信息能真正满足用户的需求,就必须设计一个易于传递信息的站点架构。导航系统和页面中的超链接是用户最直接的交互工具,也是站点信息流动的外在体现。信息架构是一个站点的骨骼,也是站点是否能达到顺利表达信息的一个重要因素。

    确定采用何种技术,技术是实现站点的最基本的东西。但是最新最先进的技术在不同计算机平台上的表现大相径庭,有些甚至不被支持。所以为了保证尽可能多的目标用户能正常的浏览站点。在使用技术上要慎重,不能盲目采用过新的技术。而同样和浏览相关的就是站点文件的大小,文件尺寸较大,下载速度就会变慢,如果页面的下载速度超出了用户心里能承受的极限,那么用户很可能就会放弃对站点的浏览而转向其他的站点。

    3、 站点中的图形用户界面设计

    用户界面是帮助用户浏览站点和控制与站点交互的重要工具。好的界面应该是帮助用户很顺畅找到他们所需要信息。在设计思想上,尽量采用熟知的,已经约成俗定的惯例来设计用户界面,因为用户可能具有一些站点访问的经验。

    在这一环节,设计师还要做以下工作:将企业文化很好的融合进界面,合理分配版面来确保信息的传达,美化界面以使其更吸引人,确保它能给用户带来舒适的站点体验。

    以上是web设计师在站点设计上要经历的步骤,这些步骤之后,就是用技术实现站点和测试站点。这不在本文的叙述之内。

  • 商业网站设计主要原则

    / 分类: 开发 / No Comments

    网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台,离开网站(或者只是利用第三方网站)去谈电子商务是不可能的。企业的网址被称为“网络商标”,也是企业无形资产的组成部分,而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。企业网站设计显得极为重要,下面是一些网站设计中应注意的原则。
    一、 明确建立网站的目标和用户需求

      Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此必须明确设计站点的目的和用户需求,从而做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,牢记以“消费者(customer)”为中心,而不是以“美术”为中心进行设计规划。在设计规划之初同样考虑:建设网站的目的是什么?为谁提供服务和产品?企业能提供什么样的产品和服务?网站的目的消费者和受众的特点是什么?企业产品和服务适合什么样的表现方式(风格)?
    二、总体设计方案主题鲜明

      在目标明确的基础上,完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位,规划网站的组织结构。 Web站点应针对所服务对象(机构或人)的不同而具有不同的形式。有些站点只提供简洁文本信息;有些则采用多媒体表现手法,提供华丽的图像、闪烁的灯光、复杂的页面布置,甚至可以下载声音和录像片段。好的Web站点把图形表现手法和有效的组织与通信结合起来。 要做到主题鲜明突出,要点明确,以简单明确的语言和画面体现站点的主题。调动一切手段充分表现网站点的个性和情趣,办出网站的特点。Web站点主页应具备的基本成分包括: 页头:准确无误地标识你的站点和企业标志; Email地址:用来接收用户垂询; 联系信息:如普通邮件地址或电话; 版权信息:声明版权所有者等。 注意重复利用已有信息。如客户手册.公共关系文档.技术手册和数据库等可以轻而易举地用到企业的Web站点中。
    三、网站的版式设计

      网页设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计但它们有许多相近之处,应充分加以利用和借鉴。 版式设计通过文字图形的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。 多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,应讲究整体布局的合理性,使浏览者有一个流畅的视觉体验。
    四、色彩在网页设计中的作用

      色彩是艺术表现的要素之一。在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合.搭配来构成美丽的页面。 根据色彩对人们心理的影响,合理地加以运用。按照色彩的记忆性原则,一般暖色较冷色的记忆性强;色彩还具有联想与象征的物质,如红色象征血、太阳;蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面,应使用淡雅而沉静的颜色,使人心理上感觉凉爽一些。网页的颜色应用并没有数量的限制,但不能毫无节制地运用多种颜色,一般情况下,先根据总体风格的要求定出一至二种主色调,有CIS(企业形象识别系统)的更应该按照其中的VI进行色彩运用。

      在色彩的运用过程中,还应注意的一个问题是:由于国家和种族.宗教和信仰的不同, 以及生活的地理位置.文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异。如:儿童喜欢对比强烈.个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿色。在设计中要考虑主要读者群的背景和构成。
    五、网页形式与内容相统一

      要将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。 运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在页面设计中, 它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。 点、线、面作为视觉语言中的基本元素,要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的,很多时候都需要将它们结合起来,表达完美的设计意境。
    六、三维空间的构成和虚拟现实

      网络上的三维空间是一个假想空间,这种空间关系需借助动静变化.图像的比例关系等空间因素表现出来。 在页面中,图片、文字位置前后叠压,或页面位置变化所产生的视觉效果都各不相同。图片、文字前后叠压所构成的空间层次目前还不多见,网上更多的是一些设计比较规范、简明的页面,这种叠压排列能产生强节奏的空间层次,视觉效果强烈。 网页上常见的是页面上、下、左、右、中位置所产生的空间关系,以及疏密的位置关系所产生的空间层次,这两种位置关系使产生的空间层次富有弹性,同时也让人产生轻松或紧迫的心理感受。 现在,人们已不满足于HTML语言编制的二维Web页面,三维世界的诱惑开始吸引更多的人,虚拟现实要在Web网上展示其迷人的风采,于是VRML语言出现了。VRML是一种面向对象的语言,它类似Web超级链接所使用的HTML语言,也是一种基于文本的语言,并可以运行在多种平台之上,只不过能够更多地为虚拟现实环境服务。
    七、多媒体功能的利用

      网络资源的优势之一是多媒体功能。要吸引浏览者注意力,页面的内容可以用三维动画、FLASH等来表现。但要注意,由于网络带宽的限制,在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度。
    八、网站测试和改进

      测试实际上是模拟用户询问网站的过程,用以发现问题并改进设计。要注意让用户参与网站测试。
    九、内容更新与沟通

      企业Web站点建立后,要不断更新内容。站点信息的不断更新,让浏览者了解企业的发展动态和网上职务等,同时也会帮助企业建立良好的好象。 在企业的Web站点上,要认真回复用户的电子邮件和传统的联系方式如信件.电话垂 询和传真,做到有问必答。最好将用户的用意进行分类,如售前一般了解.售后服务等,由相关部门处理,使用站访问者感受到企业的真实存在并由此产生信任感。 注意不要许诺你实现不了的东西,在你真正有能力处理回复之前,不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息,应公布并认真履行个人隐私保承诺。
    十、合理运用新技术

      新的网页制作技术几乎每天都会出现,如果不是介绍网络技术的专业站点,一定要合理地运用网页制作的新技术,切忌将网站变为一个制作网页的技术展台,永远记住用户方便快捷地得到所需要的信息是最重要的。 对于网站设计者来说,必须学习跟踪掌握网页设计的新技术如Java、DHTML、XML等,根据网站的内容和形式的需要合理地应用到设计中。