大家在浏览网页时经常可以看优秀的海报设计,这些设计往往可以通过其优秀的颜色处理、场景打造、氛围渲染、排版布局、文字处理以及巧妙的创意等方面来抓住浏览者的眼球。那么我们是不是可以吸收这些优秀的海报视觉,来帮助我们设计其他领域的东西呢?设计是相通的,答案自然也是肯定的。下面一品威客网小编告诉您如何把网页设计的有层次感。
我们主要通过层次、色调和创意三个方面来跟大家进行讲解。
(专业事找专业人做,找相关服务请加小编qq:1482553732,或者您可以加小编微信:lanhuahua35,进行沟通交流哦,也可以直接扫下面微信二维码添加小编微信,专业、优质、低价 ,先服务后付款,不满意不用钱)
小编的微信二维码,如有需求,欢迎扫一扫
一、层次
画面的层次感,说白了其实就是画面的内容有主次之分,有空间感和距离感,有虚实之分,光影层次清晰,这样的画面才起来才真实、丰富,而且通过一些特殊的处理手法,可以进一步拉开画面中不同元素的层次,使得主体更加突出。(因本部分的讲解不涉及到色彩方面的知识,为了更便于大家观察,所以对海报进行了去色处理)
二、远近关系
上两图中按箭头所示方向由近及远,画面纵深感强,远近景层次明显,画面感很强。运用到网页设计当中如下:
通过上面的例子可以看出,远近层次清晰的画面,搭配上网页中的内容,可以使页面看起来更加透气,在浏览内容的同时,也能够通过场景传递出很强的代入感。
三、虚实关系
上左图中按箭头所示方向依次由实到虚变化,满足正常情况下近实远虚的道理,层次感很强;在上右图中,实景和远处的虚景想必大家都可以理解,但为什么离我们最近的下方的人也是虚的呢?我们看下下面这张图可能更容易理解。
这张海报其实更接近于咱们生活中的实景拍摄,而且是那种有明显对焦主体,毫无疑问是图中拿着竹竿的美女。那这时,虽然前景的花草离我们更近,但是因为它们偏离我们的对焦点(我们的视线并没有直接去看这些花草),所以,这时候前景的花草我们也是去做模糊处理的,甚至有的时候模糊度比远处的场景还要明显。这个是需要了解的。那我们再看下海报中的虚实关系在网页中的应用。
通过上面的例子可以看出,把握好画面中的虚实层次,结合网页的内容,可以使页面看起来更加接近真实场景,视觉体验上来说更加逼真。
一品威客网汇聚了数百万专业的移动应用UI设计、软件UI设计、整站网页设计、网站模板设计、网站标志设计、网站广告设计、网站动画设计、网页美工设计等优秀威客人才,只要您在网站发布任务需求,就能够吸引众多威客给您献上最好的创意服务。(如需要找相关服务,请加我的qq:1482553732,专业优质,先服务后付款,不满意不用钱)
更多与“如何把网页设计的有层次感”相关内容推荐:
一分钟看懂名片设计流程 | 全套VI设计流程图 | 一张图看懂宣传册设计流程 |
一张图看懂商标设计流程 | 一张图看懂包装设计流程 | 最新广告设计流程图 |
交易额: 128.29万元
无 |广东省 |深圳市 |南山区
交易额: 110.67万元
无 |浙江省 |温州市 |瓯海区
交易额: 97.63万元
工作室 |广东省 |东莞市 |东莞市
交易额: 83.31万元
公司 |广东省 |广州市 |天河区
成为一品威客服务商,百万订单等您来有奖注册中
价格是多少?怎样找到合适的人才?
¥100 已有0人投标
¥300 已有1人投标
¥3000 已有2人投标
¥2800 已有1人投标
¥1300 已有5人投标
¥1800 已有1人投标
¥1000 已有1人投标
¥10000 已有2人投标