前端设计与UI交互设计

1.盒子的概念  文字和图片都可以看做是盒子  盒子分为外边距margin,描边border,内边距padding,几个盒子组成区块div。       

2.固定 流动 弹性三种布局 :a固定  内容不会随着屏幕分辨率的变化而变化   b流动 内容随着屏幕窗口分辨率的变化而变化 会自适应 c弹性  与流动布局类似 不同点在于他会根据文字大小而变化  弹性布局的单位是em或者rem  

3. 绝对定位,会随着窗口和滚动条移动位置。相对定位,固定在某个位置,不会移动。

4.通常的网页设计 都会有默认的字体font,包括字体家族font-family  字体控制层级  浏览器设置-网页设置-用户自定义设置 三层,用户权限最大。常用字体  宋体 微软雅黑  Arial  windows用tohama  mac用helvetica效果会更好。

前端设计与UI交互设计_第1张图片
图片发自App


前端设计与UI交互设计_第2张图片
图片发自App

你可能感兴趣的:(前端设计与UI交互设计)