UI的本意是用户界面,是英文User Interface的缩写。在扬州网景(Yzonline.com)8年的网站建设商务实践中,网景认为:就网站建设而言,UI设计通常指对网站的页面布局、操作逻辑、界面美观的设计,是网页设计的前奏。很多客户也把UI作为网站正式设计前的草稿。恰到好处的UI设计,不但能深刻挖掘客户的需求,将客户需要表现的内容充分展示,为浏览者提供舒适、友好、简单的访问体验,进而留住用户,还能结合SEO(搜索引擎优化),提升网站的搜索引擎排名。就如同盖房子要有图纸一样,网站建设也要有先于页面设计的草图,这就是页面UI的简单定义。

　　在网站建设的过程中,UI设计可以起到很好的铺垫作用。通常客户对自己的网站定位都有大致的思路,但如何以互联网通用的方式呈现在网页上,就可能会比较模糊。根据客户的思路,网站策划会提供一套足以表现网站整体架构和布局的UI作为细节沟通的基础。通过UI这种直观、清晰的描述,客户在未见到设计稿之前,就能对网站布局、结构和流程有充分的把握,有任何异议,都可以迅速协商反馈,这样逐步的沟通协调最终达到客户最满意的网站雏形。

　　这种描述了网站整体和细节构想的页面草图,在后续的流程中,就是网页设计的范本。使用UI来直观展示页面主题,体现层级关系,并对关键的问题点进行预处理,可以帮助设计师快速了解网站需要表达的东西,树立对整个网站的初步印象,从而在设计的过程中抓住重点,该突出的突出,该修饰的修饰,该淡化的淡化,把UI中所要表达的主题发挥出来。

　　UI也是网页设计的外框。有了布局、风格的大体界定,才能保证页面的风格设计在限定的范围内,而不会偏离主题天马行空。对于急切希望看到网站效果的客户,快速有效的实现网站建设是很关键的,由此可见UI的重要作用。

　　另外,有了UI的指导,设计师可以更专注于对页面效果的考量,专注于用最恰当的形式表现内容,而不用分心考虑页面的布局、元素和内容这些基础的东西。如同专业的厨师只需要考虑菜式的色、香、味,而不必费心摘、洗、切这些工序了,术业有专工,这样才能出精品。

　　下面列举一个网景网站项目的产品首页作为示例。在这个产品首页,UI里页面的布局为左右结构,左侧为产品的分类列表,每小分类默认状态下都为打开状态。中间部分是产品的大类列表,如图一所示。

图一 UI视图

　　在最终的网页设计中,设计师用和网站产品相关的金属的银灰色,定义了网站的色彩,再配以体现产品特性的图片,让浏览者一看便知该客户所生产销售产品的类别,如图二所示。同时设计师对UI里列表展示产品分类的形式进行发挥,设计了风格简洁、操作直接的链接形式,为网站页面添色不少。

图二 网页设计效果

　　如果您有任何疑问或者建站需求,欢迎联系我们,扬州网景愿为您提供高品质的建站服务。