大道至简,现代网页设计更趋于简洁,而解决网页留白出现元素混杂就成为令设计师头疼的问题。
1.保持导航和内容的清晰流畅。
  留白不代表一定要用白色,而是预留出一些范围来组织页面空间中的元素,组织页面中的细节: 导航、页眉页脚、图像、文字、列表、LOGO、图片等。
  案例一:google首页和google产品做一个对比,同一个空间下的logo、导航、文字的清晰元素布局。


2. 增强文字和图片的可读性。
  研究用户,设计师即使是创建一些简单简洁的设计,其过程也是非常复杂
  如图所示:这是国内外最知名的专注写作的社区,标题与摘要,侧边栏与正文区的区隔。






  3. 建立平衡和谐的布局。
  网格布局是贯穿整个网页设计的,网格设计在美国视觉设计中是一门深入的学科,保持各种网格的轻重,平衡设计模块。
  如图所示:弹窗与正文的网格平衡,网格系统的黄金比例的平衡


4. 减少视觉疲劳。
  充分利用色彩、光、影来适配人的视觉系统,减少疲劳,调配感官色。
  如图所示:使用设计师网站和谷歌音乐做一个对比,宽屏下的视觉效果和作品hover时的文字按钮间距大小差异, 谷歌音乐内容和纯色底色,头部底部的距离差异


5. 能够给元素的艺术表现提供可持续的空间。
  倘若你孤单一人,站在一个2平米的石板上和站在一个10平米的石板上,在10平米的范围内你的周围可以放置音响,你可以跳舞(哈哈,抱歉,我就是热于跳舞的才打这个比方),在2平米的石板上你可以拿个麦克风喊麦,可以玩倒立。留白也可以说能够预留储存空间,便于扩展和利用。
  如图所示:人的活动空间,文字的表达空间





说在最后:
在分析网页liubai留白的时候,要引入原生的一些原理,会比较容易理解,比如美术中的透视,色彩关系,空间关系,比如网格设计理论,比如网页设计中的中英文字体规范,分辨率,安全宽度,首屏高度规范。


Ai 分析中……

暂无用户创作记录!~

记录用户以此项目图片为灵感使用Ai进行二次创作。

暂时没有评论,你回一个呗!~

您需要登录后才可以回帖 登录 | 注册序赞号

快速回复 返回顶部 返回列表