企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

网站设计都有那些设计模式?

发布时间:2016-12-14 11:11:21

TAGS:网站设计

你听说过的模式库,风格指南,元件库,设计模式或用户界面工具包?别担心,如果你感到困惑或不知道的差异。这里是一个秘密,大多数人在设计行业也有点困惑。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所有这些术语绕飞它会很快变得势不可挡。但请放心,它实际上可能比你先想那么复杂。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所有这些不同的方面可以分为两种类型:My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1)风格指南My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这是一个网站品牌指南。它们包含的标志,颜色和字体。一个风格指南以品牌指导方针并将其所有相关的部分。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2)图案库/组件库/用户界面工具包My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所有这些术语指的是同一件事。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

他们是一组可重用的组件构成一个网站。模式库(我会从现在开始把它们)是一种表示所有让一个网站。这包括布局、结构以及一切包含在其中。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在一个电子商务网站,这将包括一个产品项目,审查、星级、数量、导航、表格和按钮,等等。这些被称为一个组件。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所以,一个模式库是一个集组成的网站。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

模式库和风格指南My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

网站需要一个风格指南和模式库。他们会经常生活在一起,这可能是很多的困惑来自哪里。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

风格指南适用于品牌而模式应用于图书馆的布局和结构。例如,牛仔裤的风格指南将决定网站应该用红色字体但重模式库将决定一个产品列表项包含一个图像,标题和价格。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngMy4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

都努力朝着一个共同的目标使网站一致,在品牌和用户友好。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

它们为什么有用?My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

总体效益的风格指南和模式库的一致性。设计师喜欢一致性,开发商爱的一致性,网站所有者的爱的一致性,重要的是,你的客户喜欢的一致性。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这里的原因:My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

你的客户的利益My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

改进的性能和更快的网站因为使用一致的成分和造型手段更精简和更干净的代码。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一致的用户界面在整个网站允许更容易的导航产品是否显示的一样,很容易理解。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

更好的浏览器的支持,因为图案库允许我们分离和严格的测试组件。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

网站所有者的利益My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一个地方,包括在他们的网站上的一切。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

建立新的页面和栏目迅速使用现有的组件。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

该网站将保持快速瘦因为新的章节可以继承先前建立的组件。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

对品牌的每一页。没有例外。风格的引导力品牌的一致性没有流浪的字体或颜色的爬行。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

转化率高,因为网站更一致,使网站更快,提供一致的用户体验在。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

改进的搜索引擎优化的一致和结构部件。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

精益和干净的代码意味着未来的工作需要更少的时间。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

增加网站的寿命因为持续不断的改进更容易使。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

开发者的益处My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

少写更好的代码。这使得代码的工作和管理更容易。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一个人没有依赖。所有的组件都是可访问的每个人都那么没有先验知识是需要建立新的章节和页面。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

改进的浏览器测试,当新的部分组装你知道它会在所有支持的浏览器。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

良好的文档通常是建立在模式库。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

福利设计My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所有的品牌。如果它在模式库,它存在于网站。每一个组件都可以被检查以确保它看起来不错。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一致的设计和布局。可重用的组件意味着更好的设计体系的建立。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

都知道网站上是什么。如果未来的设计工作所需的模式库可以作为那些已经存在的参考。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

实例My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

风格指南和图案库变得越来越流行,所以具有可公开访问的例子。甚至有一个专门展示他们整个网站。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这里有一些我们喜欢的例子。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这是你在网上找到的优美的版本。他们的风格指南和模式库中的一切,是在他们的网站上。你也会注意到,它包含了大量的文档和指南的组件如何应。
My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngMy4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

除了一个风格指南和模式库,uSwitch已经决定加入语言和语调。这是一个好主意,因为它作为一个包罗万象的文件为网站;确保设计、布局和均匀的色调保持一致。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngMy4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

沃尔玛My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

谁会想到沃尔玛会有一个好的风格指南和模式库的吗?这是使用组件来构建页面在他们的网站上,一个电子商务网站的一个很好的例子。它可能是一个全面的版本有。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngMy4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在一个机构My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

好的风格指南和模式库的大部分的例子是大型网站。人们会很容易得出结论,他们是唯一有用的,有连续工作的很多人对他们的网站。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我们可能只看到过大型网站的例子,因为建立一个风格指南和模式库的时间是很重要的。大多数小网站都无法解释的初始资金要求相比未来储蓄。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在iWeb,我们试图改变。我们的目标是让每一个网站建立尽可能快速和精益。大约18个月前,我们开始建立我们自己的风格指南和模式库。我们创造了它切切My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

作为一个机构,我们能够利用工作的优势在项目每个星期几十。这种独特的见解,使我们能够建立一个网站的风格指南和模式库,可用于每一个网站,无论大小。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

通过使用相同的库代码在每个项目上我们能够引进更多的一致性,全线。这为我们的客户带来巨大的效益。随着项目变得更加一致,更多的开发者能够对他们的工作没有任何先验知识。这意味着,没有一个开发商与项目,让工作启动快、花费更少的时间。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联


My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

不过好处My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我们看到的不过是有一个对每个网站风格指南和模式库的好处。建立我们自己的系统,使我们能够减少通常所需的初期费用。随着时间的推移,这将继续改善。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

风格指南和模式库带来利益的客户,网站所有者、开发者和设计者。所以你的下一个项目,甚至现有的一个,它是绝对值得询问使用它们的机会。My4北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,6986,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号