相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

线框在设计中的妙用

梦千寻发布于:2018-11-7 15:38 |原作者: 美工美邦|
梦千寻
河北省 石家庄市 
发私信 + 关注
简介: 版权申明:本文出自“美工美邦”原创,感谢“美工美邦”的原创教程分享!在日常的设计工作中,线框是常用到的设计元素之一,在一些优秀的作品中也常常会出现,而对于一些设计师而言,懂得参考优秀作品中用的设计元素,但却不知为什么用?用的目的是什么?也有些作品整体看起来会 ...


而右侧仅仅通过添加一个线框元素,将众多元素规为一个整体,划定视觉范围,使得画面整体性提升了很多,而且看似元素很多,但是正是因为线框的约束能力,画面非但没有杂乱的感觉,反而相对左侧画面整体来看给人的感觉更加整齐!这也是线框规整、串联能力的体现,接下来继续看一个案例:

三条新闻,通过留白的形式逐条分割开来,目的是告诉用户这是三条不同的新闻,但是仅仅只靠留白的运用只能起到一定划分、分割的作用,整体看还是会给人一种不够整齐、统一的感觉,下面稍微改动一下:

这里每处新闻都加了一个1像素的矩形线框,且为了不影响主体的表达,都相应做了透明处理,这样做的目的在于通过线框对每处新闻进行视觉约束,提升每条新闻的整体性和独立性,使得每条新闻条理更加清晰,画面整体看起来更加整齐!


还有一种情况:当画面因色块多而导致偏乱时,合理的运用线框元素则能很好的避免这一点,学会两者相互结合,就能很好的提升画面的整洁程度,也能很好的兼顾设计规范!

线框在设计中也有很好的强调、突出的作用,强调画面中的某些重点元素或者提升某些元素对于画面的影响力,比如:


27

好评
19

差评

刚表态过的朋友 (46 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

梦千寻
河北省 石家庄市 
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计