加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

网页计划之破格术

发布时间:2017-09-05 10:19:58 所属栏目:建站 来源:知乎网
导读:副问题#e# Landy:各人都知道做网页计划有栅格,有纵向栅格也有横向栅格,栅格提供内容机关的类型,让信息组织更有层次,我们在栅格类型内做计划,上下阁下、垂直居中对齐,横平竖直、方方正正的看着惬意,信息机关清楚易读,外貌看没什么题目,但常常会有

过渡

虽然我们许多时辰任然无法停止支解中的直线,也不行能把全部的直线都改为曲线,这时辰我们可以恰当操作一些元素让模块之间有个过渡。

网页打算之破格术

△  阁下分屏是最近一年较量风行的机关方法之一,这种机关可以或许越发夸大品牌的色彩调性,停止图片与笔墨的叠加滋扰阅读,带来的题目就是中间古板的支解线,计划师将输入框凌驾了两个模块,奇妙地冲破了这个古板的情势

网页打算之破格术

△  操作黄色的播放图标,让左边的线描图与右侧实景图有较好的过渡,同时也成为画面的点睛之笔。

潜匿

有些信息不必然完备的展示出来,可以只展示最重要的部门,将不重要的置于画面之外,适度的潜匿,更有利于突出重要信息,也可以或许让画面有必然的延长感,不古板。

网页打算之破格术

△  并没有揭示所有的图形,部门留于赏识器之外,让画面更显得大气。

层叠

将图形、图片、笔墨等信息举办层叠,冲破传统的阁下、上下机关,增进画面的透视与条理相关。

网页打算之破格术

△  主体人物与笔墨举办叠加,笔墨固然做了必然的遮挡,若隐若现却不影响阅读。

网页打算之破格术

△  不是一张图干巴巴的解释,操作多个元素层叠交织,营造出画面的条理、透视与场景。

错位

将图形、图片、笔墨等信息举办错位机关,不拘泥于条条框框之内。

网页打算之破格术

△  图片与配景块错位机关,看似仿佛没做完,现实是计划师全心的机关方法,让画面布满动感,同时图片的投影也让这部门信息即刻有了条理感。

网页打算之破格术

△  操作笔墨、方框与主体图片举办交织组合,让这些碎片信息融为一个整体,视觉上也越发有条理感。

网页打算之破格术

△  将四张商品图片举办海浪式的分列,固然只是轻微改变了程度对齐的方法,可是立即让画面布满了韵律感。

结语

以上要领并非只是为了打破而打破,是基于赏识体验的条件下,做出更具特点的视觉情势,计划师不须拘泥于传统的机关方法,也无须受制于同类产物情势的影响,可以斗胆实行各类机关方法,做出创新与特色。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读