最新公告
  • 欢迎您光临260素材网,本站秉承服务宗旨 履行“站长”责任,搬运只是起点 服务永无止境!本站设计素材资源持续更新中...
  • 网页尺寸规范

    简单的说明一下:我们经常看见的网页都是居中类型的,做起来容易,只要设置好主内容的宽度然后居中就好。适合门户网站、平台类网站、内容比较多信息量大的站点。

    另外一种是布满全屏的网页,又分为自适应和响应式。常见的全屏的后台界面就是自适应的,国外常见这种形式,一般在一些流行的设计产品上多见,科技公司网站和一些高逼格的站点。

    设计的时候图标可以做成字体图标或者svg矢量格式的,具体要和前端配合完成,一般遵循文字流式,控件弹性,图片等比缩放这3大适配技巧。

     

    网页尺寸规范插图

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

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

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

    grid.guide1

    grid.guide2

    LAPTOP 设备名称
    操作系统尺寸 INPPI纵横比宽 X 高 DP宽 X 高 PX密度 DPI
    MacBookOS X12.022616 : 101280 x 8002304 x 14402.0 xhdpi
    MacBook Air 11OS X11.613516 : 91366 x 7681366 x 7681.0 mdpi
    MacBook Air 13OS X13.312816 : 101440 x 9001440 x 9001.0 mdpi
    MacBook Pro 13OS X13.322716 : 101280 x 8002560 x 16002.0 xhdpi
    MacBook Pro 15OS X15.422016 : 101440 x 9002880 x 18002.0 xhdpi
    iMac 21.5OS X21.510216 : 91920 x 10801920 x 10801.0 mdpi
    iMac 21.5 4KOS X21.521816 : 91920 x 10804096 x 23042.0 xhdpi
    iMac 27OS X2710916 : 92560 x 14402560 x 14401.0 mdpi
    iMac 27 5KOS X2721816 : 92560 x 14405120 x 28802.0 xhdpi
    Surface BookWindows13.52673 : 21500 x 10003000 x 20002.0 xhdpi
    Surface ProWindows12.32673 : 21368 x 9122736 x 18242.0 xhdpi
    Surface LaptopWindows13.52013 : 21128 x 7522256 x 15042.0 xhdpi
    Surface StudioWindows281923 : 22250 x 15004500 x 30002.0 xhdpi
    Dell XPS 13Windows13.327616 : 91920 x 10803200 x 18001.5 hdpi
    Dell XPS 15Windows15.628016 : 91920 x 10803840 x 21602.0 xhdpi
    小米笔记本Air 12.5Windows12.517616 : 91920 x 10801920 x 10801.0 mdpi
    小米笔记本Air 13.3Windows13.316616 : 91920 x 10801920 x 10801.0 mdpi
    小米笔记本Pro 15.6Windows15.616616 : 91920 x 10801920 x 10801.0 mdpi
    网页尺寸规范插图(3)
    网页尺寸规范插图(4)
    网页尺寸规范插图(5)
    1. 本站所有设计素材图片资源均来源于用户上传和网络搬运,仅供学习和参考!如有侵权请邮件联系客服删除!( 243124051@qq.com )
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的设计素材资源或教程,您可以投稿发布,成功分享后有云币奖励和额外收入!
    260素材网 » 网页尺寸规范

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
    提示链接失效或打开及付款不跳转怎么办?
    1、支付成功后请等待10秒左右 会自动跳转提示下载,如没有跳转 请及时联系客服处理
    2、如果提示链接失效或打不开——可在对应资源底部留言 或 联系客服
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,PS ,AI ,XD ,Sketch,CDR等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    260素材网,加入会员即送会员
    一个专业的素材搬运平台!现在开通年会以上会员即送(千图、千库、包图、摄图、觅元素、六图网、氢元素、我图网、90设计、办图网、熊猫办公、千ku视听、办公资源网等13网会员)

    发表评论

    • 257会员总数(位)
    • 1515资源总数(个)
    • 70本周发布(个)
    • 7 今日发布(个)
    • 70稳定运行(天)

    这里为你提供最优质的设计素材教程及资源下载

    加入VIP享全站素材免费下载

    加入VIP
    升级SVIP尊享更多特权立即升级