HTML 百分网手机站

网页设计深究之从原子到页面(2)

时间:2017-10-17 08:26:10 HTML 我要投稿

网页设计深究之从原子到页面

  有机组织

  分子给了我们一些能建造的块块,现在我们能把这些合在一起去建造一个有机的组织了。组织是由一组分子联合起来所形成的相对复杂,独立的界面功能块。

 

  我们的工作变得越来越有形和具体了。一个用户可能不会对设计系统的分子层面感兴趣,但到了有机组织的层面,我们可以看到最终的界面就要呼之欲出了。

  有机组织可以包括不同的分子形式。比如,一个标题部分就可以包含很多“分子”,像是logo设计,基本的页面导航,搜索栏,和一系列社会媒体板块。但对于一个以推出产品为目的的系统来说可能意味着很多相同分子(可能包括产品图片,名称和价格)的不断重复。

  从分子到有机组织的建造过程有助于激发创造脱机的,便携的和可重复使用的部件。

  模板

  在模板层面,我们需要打破和化学的类比关系,并进入一种便于用户理解的语言。模板包含大部分缝合在一起的为形成最终页面的有机组织。也就是在这个阶段我们开始看到最终设计的慢慢形成。

 

  模板是非常具体而有形的,它的存在给所有相关的抽象的分子和组织提供了一个很好的平台。它同样能让用户看到最终设计所在的位置。根据我对这个原子化设计方法的经验,模板的生命是从HTML 线框图开始的,但同时随着时间的推进它最终要变成一个可交付的.东西。匹兹堡的Bearded工作室也是这样。他们的设计始于灰度,构图很少,但逐渐变得清晰直到最终的设计。

  页面

  页面实际上是模板的例证。在这里,占位符的位置被真正有代表性的内容取代,这些有代表性的内容将给用户呈现一个最终版精确的界面。

 

  页面层面是最逼真准确的层面,因为它们是可感的,而且通常是人们在浏览过程中花时间最多的。对设计者来说页面层面也是非常重要的因为我们在这个层面上可以检测整个设计系统的效用。

  反过来,重新审视并调整之前的分子,有机组织和模板部分也能使我们有一个更好的设计。

  页面同样是能检测模板有哪些变动的地方。比如,你可能竭力想表达一个50字符标题的样子,但也想看看450字符是什么样。你也想看看当用户购物车里有一件商品或是十件商品时的界面是什么样子。这些具体的例子影响到我们如何重新思考之前构建的元素。

【网页设计深究之从原子到页面】相关文章:

1.中考化学复习训练之原子的有关数量计算

2.深究芯片的制造过程及硬件成本

3.深究CSS定位以及其应用精选

4.深究计算机GPU的发展与局限

5.美化404页面

6.网站页面优化技巧

7.网站页面优化方法

8.网页设计的步骤