6686平台官方网站登录


东莞网站建设 > 6686平台官方网站登录> 详细内容
网页设计中的对比原则与接近性原则

来源:互诺网络  

一、 网页设计中的对比原则

一件网页设计作品由许多元素构成,它们的重要性各不相同,其中一些元素的重要性要高于其它元素。一些相互关联,而另一些则没有任何联系。棘手的是如何有效地和可视化地表达这些元素,这正是对比原则发挥作用之处。

相对生产在若干或若干因素彼此,设计的者应该利于相对对粉丝生产会的视觉效果吸引了。想像看,如何html窗口上几乎所有的因素基本都是一致的文本框样式,所以整体html窗口将是无序性的,html窗口结构设计的也找不到流通性性和级层性。信息内容阅续在一起将变好特别艰难。这让 相对依据当上html窗口web设计的中另一个不必要的工艺。 这篇句子中他们将看下怎么样便用比较在顏色、粗细和位置合适手段以下三个角度打造其他的不同优点。

颜色对比

好多的人选择一明白了比对便马上会明白了背景色。我以为比对遵循原则并往往仅为背景色比对,但它这对手机用户掌握各种各样的营养元素或许有很大的有所帮助。 当今近乎其它的界面一样都包涵顶部、资源空间区域和上端。这3部分是完全性各种的,同旁内角在设计时应当辨认指明,运用历史背景彩色发生相比是个较好的具体方法。

站点Church Media Group就是一个非常好的例子。它的头部和底部均采用了深色背景,而内容区则采用白色背景。这使内容区域和其他部分截然分开,并且使其重要性更加突出。如果仔细观察,我们会发现在内容区还有另外一层的背景对比。内容区上半部分的特色产品区用了亮蓝色的背景,而它和内容区其他部分的对比则并不强烈,这就告诉我们这两部分是相互关联的。

Phil Renaud's portfolio 使用了一个独特的布局和色系。他使用了金黄色来使左侧的导航和其他部分的棕色产生对比。

文字也可以使用颜色产生对比。Billy Tamplin 在这方面有一个非常棒的作品,它分别给页面标题、副标题和段落文本使用不同的颜色。对于博客风格的布局,在文章标题和内容文本之间创建对比是非常重要的。它可以使用户在拖动滚动条时很容易地看到文章的起始部分。

大小对比

在Web来设计中另一类种建立比对的的办法可是让设计的深浅生产有所不同,是之中那些设计的长宽高比另外的大。

当你无法使用颜色对比时,可以考虑使用大小对比。Taxi在布局上做了很多而只使用了很少的颜色。所以为了在三个栏目之间创建出层次,设计者为中间一栏使用了比左右两栏大了很多的宽度,这使得用户很明显地认为中间一栏是整个页面最重要的部分。

正如可为文字标题应用颜色来创建对比一样,使用大小也可以。用Big headings为站点内容创建层次是一个很好的方法,Imaginaria Creative使用了大标题来吸引访问者的注意,并且吸引他们阅读下面字号稍小的一些段落。

对齐方式对比

好的排列方试在优品质的web设计构思中起到着极大的用。当把材料排列保存时,她们看出来会很舒爽。但我相信这刚好是用的不同的排列方试新建的对比的不便优点,或者应需谨慎采用。但若是 采用适当则能新建比较很好的切割的效果。

LegiStyles在每个标题下面的内容块应用了很大的外边距,和大字号的标题一起创建了明显的对比。如果要采用这种方式,务必要使对比显得明显一些,否则就会看起来像是错误地进行了设计。

把一大段的主要方面居内置放是设计排版合理格局中的一定无需,它使主要方面难以阅览。虽然无需怕把居中的小标题和左分散分散对齐的主要方面好段落摆在一切,若是 是APP分散分散对齐模式建设价格对比的另某个种很棒的模式。若是 和衬线英文字体一切置放,能够 使你的合理格局突显某个是非常经典的油漆颜色。

Simon Collison为每个内容块使用居中标题和左对齐的段落,标题的字号相对于段落字号不是很大,但这使两者截然分开。

A List Apart 是采用这种方式的另一个很好的例子。

Now Go and Be Different

的学习培训在定制的创作中创造最合适的相比和撑握任何定制的前提的这样的,都所需实践活动。用点时间间隔来的学习培训完善的的定制的创作,并来看看大家 是如何才能利用相比前提的。要铭记相比是介绍事实之前的有什么什么差别的。如两个人因素在其成分上有什么什么差别比较大,那么的一段要使其外表的有什么什么差别也很明星。