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

网页计划之破格术

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

QQ截图20170821102201.jpg

Landy:各人都知道做网页计划有栅格,有纵向栅格也有横向栅格,栅格提供内容机关的类型,让信息组织更有层次,我们在栅格类型内做计划,上下阁下、垂直居中对齐,横平竖直、方方正正的看着惬意,信息机关清楚易读,外貌看没什么题目,但常常会有那么点古板,缺傲鱼活力。

如安在视觉计划中打破页面机关的“格”,让计划更具特点与众差异,下面通过几个小能力来办理页面机关中古板的题目。

网页打算之破格术

延长

古词中“满园春色关不住,一枝不安于室来”,就是这个感受,让主体内容不范围于页面的条条框框之内,恰当的延长出去,凌驾两个模块,不只可以或许冲破法则的机关,并且可以或许让两个模块有必然延长感和毗连感。

下图:电脑的图片不范围在蓝色北京地区,延长到了下一个模块,除了袒护掉两个模块间古板的支解线,更能让用户在阅读时可以或许流通的从A地区过渡到B地区,中间不会呈现断节。

网页打算之破格术

下图:相机图片在两个模块的中间,从绿色配景模块延长到浅灰色模块,将模块中间古板的支解线去除,美满的过渡方案。

网页打算之破格术

曲线

网页计划中,免不了内容模块的支解,这种直线多了天然就会让画面古板,我们可以通过改变直线的方法,好比曲线、斜线等来办理这个题目。

网页打算之破格术

△  用曲线来到达支解的模块地目标,同时也表达出数据产物的特点。

网页打算之破格术

△  岂论是配景照旧主体图形,都有12°角度的倾斜,让画面即刻就“活”了起来。

(编辑:厦门网)

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

热点阅读