UI的本意是用户界面，是英文User Interface的缩写。在网麒科技（
Netkey.com.cn）8年的网站建设商务实践中，网麒认为：就网站建设而言，UI设计通常指对网站的页面布局、操作逻辑、界面美观的设计，是网页设计的前奏。很多客户也把UI作为网站正式设计前的草稿。恰到好处的UI设计，不但能深刻挖掘客户的需求，将客户需要表现的内容充分展示，为浏览者提供舒适、友好、简单的访问体验，进而留住用户，还能结合SEO（搜索引擎优化），提升网站的搜索引擎排名。就如同盖房子要有图纸一样，网站建设也要有先于页面设计的草图，这就是页面UI的简单定义。
在网站建设的过程中，UI设计可以起到很好的铺垫作用。通常客户对自己的网站定位都有大致的思路，但如何以互联网通用的方式呈现在网页上，就可能会比较模糊。根据客户的思路，网站策划会提供一套足以表现网站整体架构和布局的UI作为细节沟通的基础。通过UI这种直观、清晰的描述，客户在未见到设计稿之前，就能对网站布局、结构和流程有充分的把握，有任何异议，都可以迅速协商反馈，这样逐步的沟通协调最终达到客户最满意的网站雏形。
这种描述了网站整体和细节构想的页面草图，在后续的流程中，就是网页设计的范本。使用UI来直观展示页面主题，体现层级关系，并对关键的问题点进行预处理，可以帮助设计师快速了解网站需要表达的东西，树立对整个网站的初步印象，从而在设计的过程中抓住重点，该突出的突出，该修饰的修饰，该淡化的淡化，把UI中所要表达的主题发挥出来。
UI也是网页设计的外框。有了布局、风格的大体界定，才能保证页面的风格设计在限定的范围内，而不会偏离主题天马行空。对于急切希望看到网站效果的客户，快速有效的实现网站建设是很关键的，由此可见UI的重要作用。
另外，有了UI的指导，设计师可以更专注于对页面效果的考量，专注于用最恰当的形式表现内容，而不用分心考虑页面的布局、元素和内容这些基础的东西。如同专业的厨师只需要考虑菜式的色、香、味，而不必费心摘、洗、切这些工序了，术业有专工，这样才能出精品。
下面列举一个网麒网站项目的产品首页作为示例。在这个产品首页，UI里页面的布局为左右结构，左侧为产品的分类列表，每小分类默认状态下都为打开状态。中间部分是产品的大类列表，如图一所示。
图一 UI视图
在最终的网页设计中，设计师用和网站产品相关的金属的银灰色，定义了网站的色彩，再配以体现产品特性的图片，让浏览者一看便知该客户所生产销售产品的类别，如图二所示。同时设计师对UI里列表展示产品分类的形式进行发挥，设计了风格简洁、操作直接的链接形式，为网站页面添色不少。
图二 网页设计效果
如果您有任何疑问或者建站需求，欢迎联系我们，网麒科技愿为您提供高品质的建站服务。
本文由中国设计秀合作伙伴网麒科技结合8年的网站建设商务实践心得而创作，由公司资深网站UI设计师Helen撰写,转载注明出处.谢谢.
