查看完整版本: 原创：再论如何通过UI指导设计

原创：再论如何通过UI指导设计

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

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

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

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

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

　　下面列举一个网麒网站项目的产品首页作为示例。在这个产品首页，UI里页面的布局为左右结构，左侧为产品的分类列表，每小分类默认状态下都为打开状态。中间部分是产品的大类列表，如图一所示。 [align=center][img=400,330]http://www.netkey.com.cn/enter/newspic/Image/ui4.jpg[/img][/align][align=center]
图一 UI视图[/align]　　在最终的网页设计中，设计师用和网站产品相关的金属的银灰色，定义了网站的色彩，再配以体现产品特性的图片，让浏览者一看便知该客户所生产销售产品的类别，如图二所示。同时设计师对UI里列表展示产品分类的形式进行发挥，设计了风格简洁、操作直接的链接形式，为网站页面添色不少。
[align=center][img=400,298]http://www.netkey.com.cn/enter/newspic/Image/windfast.jpg[/img]
图二 网页设计效果[/align]　　如果您有任何疑问或者建站需求，欢迎联系我们，网麒科技愿为您提供高品质的建站服务。

　　本文系网麒科技结合8年的[url=http://www.netkey.com.cn/index.htm][color=#11779f]网站建设[/color][/url]商务实践心得而创作，由公司资深网站UI设计师Helen撰写，[url=http://www.netkey.com.cn/viewpoint/viewpoint_display.aspx?id=121][color=#11779f]转载请注明出处[/color][/url]！


来源：网麒科技 [url=http://www.netkey.com.cn/][color=#11779f]网站建设[/color][/url]专家 [url=http://www.netkey.com.cn/][color=#11779f]上海网站建设[/color][/url]品牌企业
引用网址：[url=http://www.netkey.com.cn/viewpoint/viewpoint_display-121.htm][color=#11779f]http://www.netkey.com.cn/viewpoint/viewpoint_display-121.htm[/color][/url]

::001:: 这个要好好的学习一下

好，谢谢楼主给我们提供怎么好的信息

多谢楼主分享::001:: 学习了::004::   对于一些小的设计公司，策划人员和UI通常就合为一体了吧

UI设计很难吗？？？我是一个专职策划，对于UI和[wiki]编程[/wiki]语言不是很熟悉。

::004:: ::004:: ::004:: 谢谢支持！