广州web培训
达内广州五羊中心

18589266248

热门课程

达内web前端培训分享:web设计布局的深入探讨

  • 时间:2017-07-27 17:50
  • 发布:广州web培训
  • 来源:web前端之家

WEB设计布局的界定,一般都没什么官方标准,不过对于专业的设计团队来说,会有属于自己的规范。今天,就由达内web前端培训老师,给大家分享一下web设计布局的深入探讨吧!

栅格化

对于网页的宽度,设计师之间基本上比较容易达成共识,比如:950px、960px、1000px、1190px、1200px。但是如果接下来让每一个设计师设计一个左右布局的版式,左边是一个树形菜单,右边是主要内容区域。那么可能会有很多结果。但是这些结果基本上是比较接近的。如果这些设计师都服务于一个品牌下的话,这种情况并不是一个好的事情。会给人以没有一致性的感觉。比例

这是一个重要的问题,极大的帮助我们确定字体和行高以及盒子的宽高。对于字体和行高的比例,大多数也会存在难以统一,甚至可以用杂乱来表示。我曾经在sohu的时候见过同一个新闻列表,14px的宋体,行高居然有22px,23px,24px,25px,27px。设计师的马虎可能是一方面,另外一方面在长达1年的配合中,我竟然发现他并没有这样一个概念,这种细节基本上就是凭感觉。因为在设计这些文字的时候,内心并没有一个“理性”的方法,而是依赖于专业的背景和当时的感觉。和栅格化一样,我们应需要一个方法,一个比例或者几个比例在不同的场景下应用。1.618倍和0.618倍

我们会发现有很强艺术背景的人很容易就会找到这个点(或者附近的位置),但是其他人就难以找到。当我看到下面的图的时候,简直是不可思议。上面所说的所有方法,就方法本身而言可能会引起诸多专业人士的挑战,但是从一致性的角度来讲我们需要在一个范围内统一设计方法。从我所从事的职业来说,理解设计师的设计原理会让沟通更加顺畅,减少更多的细节沟通,并且可以制作出更多复用性更强,代码更优雅的web。

(以上内容来源于web前端之家)

说了那么多,是不是觉得web前端技术很有趣呢?还有更多web前端资讯内容,想要了解,想要学习,那就快来广州达内web前端培训机构学习吧!

每个月都有达内学员成功走向岗位

每个月都有新学员加入

梦想的接力棒在新老学员手中不断传递,相信通过4个月努力学习

他们都会找到心仪工作,拿到理想薪资!

达内免费试听课活动正式开启,限额报名,先报先得!

达内web前端培训

上一篇:达内web培训分享5分钟搞定Retina诀窍!
下一篇:达内前端开发培训:2017年前端开发必须的加载与渲染时机

马上预约三天免费体验课

姓名:

电话:

达内web前端培训:游戏开发之createjs舞台设计

{达内web培训}三星再获亚洲影响力品牌,这是第六次了!

上web前端培训班有用吗?达内培训学员就是这么牛!

选择城市和中心
江西省

贵州省

广西省

海南省