text.html 2.7 KB
Newer Older
ToTensor's avatar
ToTensor 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
 
<p class="zw">Brad Frost提出的原子化设计已经成为了响应式设计的代名词。Brad第一次讨论原子化设计是在2013年,他写道:</p> 
<p class="zw"><span style="font-family: Times New Roman,楷体_GB2312">“最近,我一直对接口的组成,以及如何通过更有条理的方式来构造设计系统很感兴趣。”</span></p> 
<p class="zw">Brad接着描述了他的原子设计系统,是如何由原子、分子、组件、模板和页面组成的。</p> 
<ul> 
 <li class="第1级无序列表"><strong>原子:</strong>HTML的基础,包括按钮、表单和标签等元素。</li> 
 <li class="第1级无序列表"><strong>分子:</strong>一组元素的组合,例如由标签、输入框和按钮组成的搜索表单。</li> 
 <li class="第1级无序列表"><strong>组件:</strong>一组分子组合在一起形成界面的一部分。</li> 
 <li class="第1级无序列表"><strong>模板:</strong>大多数组件结合形成页面级的对象。</li> 
 <li class="第1级无序列表"><strong>页面:</strong>测试设计系统有效性的必需品。</li> 
</ul> 
<p class="图"><img alt="0508.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/26.jpg"></p> 
<p class="图题">Brad将原子化设计描述为“用于构建网页设计系统的方法。”这个方法由工具和模式库来创建原子化设计系统。</p> 
<p class="zw">然而,并不是每个人都认同原子化的设计方式。Mark Boulton就写出了他的顾虑,我不得不同意他的说法。</p> 
<p class="zw"><span style="font-family: Times New Roman,楷体_GB2312">“一致性和效率是要付出代价的。这个代价就是设计,是人类对从无到有创造作品的感觉。我描述的不是设计过程。它就像一个制造蛋糕的机器,生产出大量相同的蛋糕。虽然裹着不同的糖衣,但它们的味道都是一样的。”</span></p> 
<p class="zw">当你单独地设计各个部分,那么往往很难知道它们是否能够融为一体。</p> 
<p class="zw">如果人们不能一眼全览设计的全部,人们很容易感觉到设计不连贯,缺乏连通性。而且想要摆脱组件库提供的默认样式也将变得更加困难。你只需要看看基于Bootstrap和Foundation的成千上万的相似网页就能够意识到了。</p> 
<p class="图"><img alt="0509.tif" src="http://csdn-ebook-resources.oss-cn-beijing.aliyuncs.com/images/c4eeb42b07f54b42a9fd1568b8ec4b98/27.jpg"></p> 
<p class="图题">做得好,组件库可能会成为非常有用的资源。Salesforce的闪电设计系统是最好的资源之一。Salesforce成立于1999年3月,是一家客户关系管理(CRM)软件服务提供商。</p>