谈谈智驰科技对于web网页设计的留白原理

  • A+
所属分类:网站建设

谈谈智驰科技对于web网页设计的留白原理
网页设计中的负空间,它将网页设计中的图形、文字、行列、图片和其它元素合理的布局到整个页面空间里,使其显得优雅和谐并不破坏原有的空间结构,属于一种空间关系。

1.保持导航和内容的清晰流畅。

留白不代表一定要用白色,而是预留出一些范围来组织页面空间中的元素,组织页面中的细节: 导航、页眉页脚、图像、文字、列表、LOGO、图片等

拿google首页和google产品做一个对比,同一个空间下的logo、导航、文字的清晰元素布局

2. 增强文字和图片的可读性。

研究用户,设计师即使是创建一些简单简洁的设计,其过程也是非常复杂的。

国内外最知名的专注写作的社区,标题与摘要,侧边栏与正文区的区隔

3. 建立平衡和谐的布局。

网格布局是贯穿整个网页设计的,网格设计在美国视觉设计中是一门深入的学科,保持各种网格的轻重,平衡设计模块。

弹窗与正文的网格平衡,网格系统的黄金比例的平衡。

4. 减少视觉疲劳。

充分利用色彩、光、影来适配人的视觉系统,减少疲劳,调配感官色。

使用设计师网站和谷歌音乐做一个对比,宽屏下的视觉效果和作品hover时的文字按钮间距大小差异, 谷歌音乐内容和纯色底色,头部底部的距离差异。

  • 智驰科技微信公众号
  • 扫一扫
  • weinxin
  • 客服主管微信号
  • 扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: