网页设计的立体构成

2018-05-25 10:05:00 2732 1 编辑:深正互联 来源:互联网

什麼东西都离不开根底,建房子需求地基,解方程式需求先学会乘法表,唱歌需求先会"哆、来、咪"。页面设计也异样需求根底,这个根底就是立体构成。 网页设计作风种多样,除去一些场景化设计和给力的素材支持,剩下的就全靠立体构成和排版了。刚开端接触网页设计的时分,经常会钻到某个部分中去,页面作风还没呈现,就开端做字体细节,后果可想而知咯。经过一段工夫的学习和理论,发现原来做网页跟绘画是一样,先把内容和想法都丢上去,排布出全体作风(这里就需求的是立体构成排版才能啦),然后再渐渐细化各局部内容。

3.jpg

 一、根底中的根底:点、线、面

点构成线,线构成面,这些是立体构成中的根本要素,也是一切立体设计的根本要素。那麼将这些根底中的根底运用在网页设计中,又是怎样的效果呢? 点、线、面这三个东西不单纯的指一个点、一根线、一个立体。我们要擅长应用文字和图形的排布,爲本人的网页增添效果。网页中的每一个文字,每一个点,每一个图形都是这个网页的组成元件,文字可组成图形,图形也可组成文字,这些都不是限定死的。

像这样的构成图片,似乎早就被大家遗忘在大学和高中了吧,当我们被各种丰厚多彩的页面瞭花了眼的时分,回头看看这些根底的立体构成图案,或许会有一些新的启示和想法。

点构成多用于细碎东西,整合排布和文字排版。集中而规律的陈列,从全体上抓住人们的视觉。

用一条主线联系画面,线条经过的中央有相应的内容照应。画面由于这条线而变得生动风趣,也由于它的联系功用,整合规划了不同的内容区域。

线构成多用于装饰与联系,同时也会有连接的功用。线条对阅读顺序有着一定的引导作用。

若点与线的构成大多爲细节处置,那麼面的构成则间接影响着网页全体作风和布局,与线搭配构成空间透视效果。

不同的面外形,出现出的视觉效果也不同 

二、各种方式在网页中的表现

立体构成中的方式在网页中罕见的有:突变方式、发射方式、比照构成。而突变亦无形状突变,颜色突变。 这些表现方式即丰厚了画面,又能反响出网页的全体气氛。

网页设计并不是单纯的作图,还需求思索到功用性和阅读性,因而颜色突变成爲网页中常用的表达方式,外形突变却很少见用明度突变的方式来表现地图背景,很好的展现了地图的款式,又没有由于颜色单一复杂而看不清主体内容。

发射方式不利于文字的阅读和全体排版,所以普通发射方式多用于背景图片,或许一些小局部细节处置上。

激烈的颜色比照也会惹起人们的视觉停留,这种比照方式普通多用于统一形态或许有着正反义词组的页面,也有时呈现在Q版卡通页面中,比照色颜色艳丽亮丽,反响出孩子的多彩世界。

三、肌理效果

肌理效果分爲:视觉肌理、触觉肌理两种。介于我们运用的是网络媒体,无法做到触觉肌理,所以我们常用视觉肌理,从视觉上安慰读者的觉得,让他们从眼开端对某种肌理发生联想,联想到某个场景效果。 肌理效果激烈的页面更多用于游戏官网,主题性跟强,也多伴有游戏UI使用在页面中。 

立体构成内容多且爲一切设计的根底,这里仅仅给大家分享了一些在网页设计中常会用到,遇见的几个根底点。网络开展至今曾经成爲我们生活中不可短少的一局部,我们从报纸、杂志到网站、网页、电子书,立体设计的东西从纸面到了屏幕,他们之间的差异在哪里,那些合适纸面的设计能否能完全用于如今的网页设计呢?我们如今的设计在原来设计根底上,又有了怎样的变化和开展?这些都是我们今网页设计师们该当考虑探究的。

本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联

15

技术从业经验

多一份方案,会有收获...

联系深正互联,免费获得专属《策划方案》及报价

在线咨询 微信交谈
拒绝骚扰,我们只想为给您带来一些惊喜...
多一份免费策划方案,总有益处。

请直接添加技术总监微信联系咨询