2018网页设计尺寸规范 

2018-08-17 15:02 发布

设计博客 /[创意交流]
240 0 0
简单的说明一下:我们经常看见的网页都是居中类型的,做起来容易,只要设置好主内容的宽度然后居中就好。适合门户网站、平台类网站、内容比较多信息量大的站点。
另外一种是布满全屏的网页,又分为自适应和响应式。常见的全屏的后台界面就是自适应的,国外常见这种形式,一般在一些流行的设计产品上多见,科技公司网站和一些高逼格的站点。
设计的时候图标可以做成字体图标或者svg矢量格式的,具体要和前端配合完成,一般遵循文字流式,控件弹性,图片等比缩放这3大适配技巧。
20180817_132246_000.jpg

大家都知道在网页中栅格化是很常见,也是很保险的一种做法,良好的运用栅格化是网页设计中的一大利器,但是对于像小编这种对数字不是很敏感的设计师,算间距,算内容大小,简直要命,每次都要算好多次,这款小工具就完美的解决了算数这一大问题。从此对栅格化间距说so easy!

传送门地址:http://grid.guide/

页面简洁清晰,可以看到的直观操作就五个,只要确定好内容总体宽带,分栏数喝颜色,下面就给你分了很多不同的间距的栅格,当然每个栅格都可以下载,拖进ps,拉好参考线即可!

20180817_132246_001.png
20180817_132246_002.png

图像 1.jpg
20180817_132246_003.png
20180817_132246_004.png
20180817_132246_005.jpg

B Color Smilies

你可能喜欢

加勒比海岛上Octavio

室内设计

2525 0 0

f_w__ 2015-12-16

家具摆放技巧

室内设计

3585 49 0

admin 2015-11-06

联系
我们
快速回复 返回顶部 返回列表