实操点线面,灵感不掉链
南京/UI设计师/7年前/556浏览
版权
实操点线面,灵感不掉链
实操点线面,灵感不掉链


点
相对面积较小的元素,面积越小,越灵动,在一个作品里点不是单独存在的,也没有固定的形态,可以是任何形状,任何元素。
线
点动成线,线可以划分空间、建立联系、引导视线和美化排版,具有不稳定,动态,冲击感,运动感。线还有虚实之分,实线一目了然,虚线缥缈虚幻。
面
线动成面,面是画面中面积最大的部分,可以是视觉中心,可以用来区分版面,面也没有固定的形状。

实操的第一步还是分析要分析版面的构成,下面分析3种类型,我把它画出来,给你看,同时把颜色层次也画出来了,做图的时候也要注意这些明暗对比,突出重点的配色方法。

这个案例主要使用了面和线的结合,背景是用斜线体现时尚,中间的内容用了大面积集中,形成了一个面,中间的内容同样也使用了点线面结合,比如英文字母就是点。

这个案例点线面的结合比较丰富,背景的色块就是不规则形状的面,中间的文字分散写,形成了点,最下面的大量文字使用了贴近和远离的手法。

点线面的方法是专题页常用的排版方法,使页面丰富,有活动的氛围,让人忍不住多停留一会。

每个设计稿都可以这样拆分看点线面的布局,平常我们看优秀案例的时候,多积累点线面应用的方法,可以让你的创意源源不断。
下面是一些常用的点线面排版的举例



哦了,现学现用,找个素材做个练习吧,只有自己思考过了,才能吸收变成自己的心法。


祝你今天的日积月累,早日让别人望尘莫及
20
10
分享
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
登录注册
20登录即可同步推荐记录哦
10登录即可加入我的收藏
评论登录即可评论想法
分享分享








































