• 郑州软件开发

    |

    郑州网站建设

    |

    郑州网站制作

    |

    APP开发

    |
  • 郑州软件开发电话: 15937160052
  • 浅谈郑州建网站页面设计中的留白原理
  • 发表日期:2016-05-23   浏览:2557   关键词: 郑州建网站
  • QQ截图20160517093200

    感知概念:归结于网页设计中的负空间,它将网页设计中的图形、文字、行列、图片和其它元素合理的布局到整个页面空间里,使其显得优雅和谐并不破坏原有的空间结构,属于一种空间关系。

    网页中留白的运用方式 :How to Use Whitespace

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

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

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

    网页设计 Web优化 网站优化 网站留白设计网页设计 Web优化 网站优化 网站留白设计

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

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

    如图所示:这是国内外最知名的专注写作的社区,标题与摘要,侧边栏与正文区的区隔

    网页设计 Web优化 网站优化 网站留白设计网页设计 Web优化 网站优化 网站留白设计

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

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

    如图所示:弹窗与正文的网格平衡,网格系统的黄金比例的平衡

    网页设计 Web优化 网站优化 网站留白设计379c6167f6e399b1d77809ea2网页设计 Web优化 网站优化 网站留白设计

    4. 减少视觉疲劳。

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

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

    网页设计 Web优化 网站优化 网站留白设计网页设计 Web优化 网站优化 网站留白设计

    5. 能够给元素的艺术表现提供可持续的空间。

    倘若你孤单一人,站在一个2平米的石板上和站在一个10平米的石板上,在10平米的范围内你的周围可以放置音响,你可以跳舞(哈哈,抱歉,我就是热于跳舞的才打这个比方),在2平米的石板上你可以拿个麦克风喊麦,可以玩倒立。留白也可以说能够预留储存空间,便于扩展和利用。

    如图所示:人的活动空间,文字的表达空间

    网页设计 Web优化 网站优化 网站留白设计网页设计 Web优化 网站优化 网站留白设计

    尾声:

    总之,我们分析留白的时候,需要引入原生的一些原理,会比较容易理解。比如美术中的透视,色彩关系,空间关系,比如网格设计理论,比如网页设计中的中英文字体规范,分辨率,安全宽度,首屏高度规范。通过这些原生的原理,我们能更好的把握设计布局和设计细节。

  • 相关新闻
    • 如何搭建景区网站建设?
      搭建一个景区网站建设的很有必要的,因为做了网站可以增加客户对旅游景点的信任,还有一方面是能让旅游企业获得更多
      日期:2022-09-02 浏览:2544
      电商网站建设为什么要独立开发?
      线上购物的基础就来源于企业的电商网站建设,做好电商网站,才能让客户在线上购物,而且现在市面上有很多的电商网站
      日期:2022-03-24 浏览:3225
      郑州建网站细节分析说明
      郑州建网站要重视产品介绍和展示,作为网站建设,其最重要的一个特点就是能够较好的进行产品的推广和宣传
      日期:2021-12-26 浏览:3369
  • 一个企业的成长,从无到有,从一个人到一群人,从一种元素到元素集合;或多或少、都要有品牌意识的存在……