卓麒互动官方博客
卓麒互动 > 卓麒互动官方博客 > 永夜极光的博客 > 网站建设研究 > 原创:再论如何通过UI指导设计(Helen)
观点
原创:再论如何通过UI指导设计(Helen)
2008-06-10

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

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

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

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

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

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

windfast网站UI设计图
图一 UI视图

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

windfast网站设计效果图
图二 网页设计效果

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

  本文系卓麒互动结合8年的网站建设商务实践心得而创作,由公司资深网站UI设计师Helen撰写,转载请注明出处

相关文章:


转载注意事项:本观点栏目文章均为卓麒策划部门原创的网站建设研究成果,转载请注明作者和详细出处,否则谢绝转载!
报刊杂志等传统媒体刊载请先与我们取得联系并获得许可。违者卓麒保留法律追诉之权力!
   
 
作者:永夜极光     阅读数:10545