页面规划窍门—规划-UI设计 PS-优质IT资源分享社区

admin
管理员
管理员
  • UID1
  • 粉丝30
  • 关注4
  • 发帖数581
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:255回复:0

页面规划窍门—规划

楼主#
更多 发布于:2016-06-19 12:05




对于规划或许是咱们最不放在眼里的当地,其方位好像文字的排版相同,随意可布,布即随意。可是看过我上篇《页面规划窍门》的兄弟或许就会明白,本来文字排版是一种不起眼但却十分首要的细节。做好了会让著作更为精细美丽,做不好或许就成为著作失改的首要原因。本来规划也是相同,需求咱们满足的注重起来。下面我要讲的不是页面布置成“左中右”、“摆布”、“上中下”之类的疑问。而是讲方位的重心与方位之间的比照联系。
尽人皆知,国外有一种叫黄金分割率的概念。下面我引证一段十分专业的解说:“黄金分割最早见于古希腊和古埃及。黄金分割又称黄金率、中外比,即把一根线段分为长短不等的a、b两段,使其中长线段的比(即a+b)等于短线段b对长线段a的比,列式即为a:(a+b)=b:a,其比值为0.6180339……这种份额在造型上比照顺眼,因而,0.618又被称为黄金分割率。”咱们也看明白了啥叫黄金分割。咱们我国也有一种类似于这么的概念叫九宫格。这个或许就有一些兄弟不明白了,这是一种用以临写碑本的一种界格纸。根本形是一个长方形等分九格。在这个九宫格中基地有些就发生了四个交叉点,这四个交叉点即是视觉基地点。
好了,咱们为啥要讲这两个概念呢?是由于这两个概念是规划的决窍之所在。咱们许多时刻喜爱把首要的东西放在正基地,表明注重想招引目光留意。可是我要通知咱们。正基地归于盲点区。也即是说按人的视觉习惯来讲正基地是常常被忽视的。而且放在正基地也不会导致视觉影响。用句玩笑话来侃一下:两眼基地是看不明白的。不信拿你的手指指着鼻尖看你的手。那啥当地是视觉基地点呢,这就要用到上面的概念了。不过啥a:(a+b)=b:a都太麻烦了谁会那么细致的去算呢。这儿用我国的九宫格原理就明白得多了。四个视觉基地点很显然咱们也明白是啥方位了。
那么在实践使用中咱们要怎样用呢。这点很首要,实战含义要比空谈概念首要得多。下面咱们就来说一下实战中的使用,这儿虽说是《页面规划窍门》不过相同能够使用在平面规划与拍摄或是其它的规划中,可是必竟是讲页面规划这儿首要仍是举页面例。咱们先从大规划来谈,然后再讲小规划,最终讲规划图像的规划。
大规划 根本上页面的规区分为,上中下、左中右、摆布、上下、与上下摆布之混合几类。同时咱们还要考虑的是分辨率与页面巨细的联系。如今大多数的机器都是1024以上的分辨率了,那咱们的宽度是不是必定也要适应变得宽一点呢。个人观点是大可不必。由于页面自身也会与浏览器发生视觉比照。假如塞得太满必然也不是很美观。假如留下空地网面与留出来的空白也可构成必定的比照,其份额也较挨近黄金分割率。所以我觉得仍是不要塞满浏览器为好,给页面一个能够呼吸的空间。那页面自身的上下摆布规划呢?相同的,如仅仅上下或是摆布构造咱们不能把上下或是摆布平分,而是最好选用黄金分割比来进行区分。假如是上中下或是左中右呢。咱们相同不能平分,咱们咱们要留意三者之间的联系,比方上中下构造,咱们很明白基地是首要内容需求大一点的空间,那么中空间的有些会尽量的点有大份额,一般来讲咱们会让基地占大概百分之六十。而上面占百分之三十,下面占百分之十。那也即是说,下面是上面的三分之一,上面是基地的三分一。这么的分割就会比平面看起来要舒畅许多。可是左中右的构造就不能这么分了。由于百分之十的宽度会很难放得下啥内容。一般左中右构造会有另一种分法:左占百分之四十,中右各占百分之三十。或是摆布占百份之三十,基地占百分之四十。也能够进行532、622、442、的分配。也即是说大规划上要尽量防止平分的局势。
小规划 也能够说是细节上的规划。咱们能够把页面看成是由许多个小块组合而成的。一般要留意的即是标题与内容的联系以及这些块放置的方位。比方最核心的内容不要放在最顶、最终、或是最基地。而是顶部与基地的中部方位,有些人喜爱排位,而且会把最首要的放在最上面,本来不然啊,放在最上面的未必是最核心的方位。比方咱们看一下各大门户网站的头条新闻的方位,是不是没有放在最顶部的?当然由于分辨率的疑问目,这些头条也许方位也会有所改变。在800下头条是偏下的,而1024是居中一点,1600就偏上一点。可是从浏览器的大视点来看,这些头条也都是处于视觉基地点的。
图像 咱们在处理图像的时分也会用到规划,比方咱们的文字放在啥当地,象征放在啥当地这些都是规划的领域。这儿也要使用上述的概念,首要的要核心不要放在正中或是过于倾向旮旯。当然也会遇到重心的东西很大,根本上都占满了画面。
咱们看这图的重点是那个MP4,可是这个目标很大,不过没联系,把这个MP4的图做得有透视性,摆布的重量就不相同了。这么向左去一点,那么重心就向左去了,再加上MP4偏上,这个MP4就正好在视觉基地点上了。而首要的信息文字相同也处在视觉基地的方位上。而一些不首要的文字都放在了视点去萧瑟他。
好了,对于规划就说这么多,这儿总觉得这儿还少些东西,细想也许是视觉平衡方面的疑问。这儿讲得许多了,视觉平衡方面的疑问目就再想想过些日子再整理出来。



  
    
    








[font=Tahoma  ]优质IT资源分享社区为你提供此文。
本站有大量优质UI设计(含PS,软件 网页 平面设计等)教程视频,资料等资源,包含UI设计基础教程,高级进阶教程等等,教程视频资源涵盖传智播客,极客学院,达内,北大青鸟,猎豹网校等等IT职业培训机构的培训教学视频,价值巨大。欢迎点击下方链接查看。

UI设计教程视频
优质IT资源分享社区(www.itziyuan.top)
一个免费,自由,开放,共享,平等,互助的优质IT资源分享网站。
专注免费分享各大IT培训机构最新培训教学视频,为你的IT学习助力!

!!!回帖受限制请看点击这里!!!
!!!资源失效请在此版块发帖说明!!!

[PS:按 CTRL+D收藏本站网址~]

——“优质IT资源分享社区”管理员专用签名~

本版相似帖子

游客