网页页面的栅格数据设计方案思索

日期:2021-03-22 类型:科技新闻 

关键词:抠图换背景,免费的抠图软件,美图抠图,手机抠图软件哪个好,p图软件哪个好用


原文详细地址:http://andymao.com/andy/post/82.html
网页页面设计方案中的脏、乱、差,是大家在设计方案全过程中常会遇到的难题。一般"脏"是由对颜色应用不善所造成的,而颜色应用不善造成的不太好实际效果也分成:"花、灰",花梢、蓬头垢面也便是这里所说的"脏"。我早已在早期的1些文章内容中谈过我对设计方案中应用颜色的观点。有兴趣爱好的盆友能够查阅1下《颜色解释》。而"差" 基础上是因为大家的技法上不足熟练所造成的。例如细节上的解决不到位,某个部分的实际效果制做得不光滑。这能够称之为"差",非常是在解决带有2D实际效果的设计方案著作时,这类状况常会出現。可是我今日在本文中所要谈的是"乱"。甚么是乱?这里的乱并不是指用色乱,也并不是指內容乱,而关键是指合理布局乱。之前我荣幸触碰了平面设计方案,而且从初中到了许多平面设计方案上的1些专业知识与技法。在其中"栅格数据设计方案"便是平面设计方案选用于解决合理布局的1种基础理论。到现阶段为止我还在科学研究"栅格数据设计方案"。由于着实沒有甚么较为好的語言能够十分简约明了的归纳这个词。这更好像必须持续用实践活动去了解的。因此许多情况下大家们都没法去讲述。可是在设计方案中这个栅格数据确是能协助大家进行更好著作的1个十分功能强大的利器。针对栅格数据设计方案我也不可以说是了解刻骨铭心,我这里只是根据我针对栅格数据设计方案的了解,将之用于网页页面设计方案中,期待能给更多的盆友们1点启示,也许能开启1些盆友的思路。
单纯性的文本是没法让设计方案师们细心的看下去的,因此還是老方法,用示图来做为解读实体模型。这次大家应用的网页页面是微软、IBM、ASTRO3个企业网站来说解。期待根据溶解这3个企业的网站制作,能把我所了解的栅格数据设计方案传递出来。空话少说,看示图:

大家看到微软企业的网站制作中并沒有甚么显著的线去区隔不一样的区块,可是当大家把当蒙上1层纱,随后用实线把每一个一部分都画出来这时候大家发现这个网站实际上是处在1个栅格数据阵列中。那末这个阵列中的內容早已很显著了,而且大家从中发现了许多区块在网页页面中的部位竟然是那末的有逻辑性,而且有1些其实不在1起的区块,竟然也是有1定的规律性。自然有人将会会说,都用线画出来了自然显得逻辑性,齐整了。难题就在于这里,大家的网站都可以以用横纵线区别开。可是1些设计方案得不太好的网站的横纵线将会数量十分的多,横纵线的数量过量而且都挤在1直,这就表明网站的合理布局显得太乱。或是过度逻辑性而变得合理布局均值,沒有比照,欠缺美感。实际上要是用这样的方式去剖析1下自身设计方案的著作或许就可以从中看到难题所属。
下面大家再看来1下IBM的网站的溶解图:

大家看到IBM的栅格数据与MS的有很大的不一样,IBM中还出現了1些类似大的栅格数据,可是这里要留意实际上这些栅格数据是因为底部很小的几个区块所造成的,而且这凡个区块还能够看做是1个横向的区块。大家从这里能够看到IBM的合理布局设计方案是对称性的。可是这类对称性确是在离在横纵网上却不可易留意到的。这是很高超的技巧。
大家再看来看ASTRO企业的网站,这个网站比起上面两个企业的网站就更游戏娱乐化,更趣味了。

从这3个网站中大家能够看到3种不一样设计风格的栅格数据设计方案,尽管有一定的不一样,但大家仍然能够发现3者都会尽量的把最关键的信息内容放在视觉效果管理中心点上,无论是放在左侧的還是右侧的或是正中间的,她们都获得了最大的栅格数据区,获得了充足的高度重视!大家的视觉效果管理中心也当然盯在了上面!
说到这里我仍然感觉没能把栅格数据设计方案的功效讲清白。这里就必须来访的盆友们提提你们的观点了。我可能在之后的時间再次关心栅格数据设计方案,期待能将其在网页页面设计方案中的功效弄得更加清晰!
上一篇:网站锚点链接连接应当怎样设定 返回下一篇:没有了