老师你好,工作中提供的设计稿

老师你好,工作中提供的设计稿

工作中提供的设计稿也是像素材中的设计稿吗?也是一个html吗?点一下就会有高度宽度出现吗?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
weixin_慕码人7523200 提问者 2022-03-19 15:46:51

还有,工作中也会提供各种尺寸的图片吗?还有header-layout的height54px我在设计稿里找不到,讲师是怎么得出这个54px的https://img1.sycdn.imooc.com//climg/62358a6809b9925f09170806.jpg

  • 同学你好,解答如下:

    1、工作中可能会直接提供psd格式的设计稿(photoshop制作的)。此时需要同学安装photoshop,然后自己用photoshop测量尺寸。测量很简单,用矩形选框工具就行:

    https://img1.sycdn.imooc.com//climg/6235948e09aebfc009910448.jpg

    2、还可能直接给我们标注好尺寸的png、jpg等图片,这种情况是比较常见的。

    3、课程中使用的这种设计稿也是常见的。

    4、资料中提供的设计稿是“帮手老师”们自己做的,与讲师用的不是一个,所以没有header-layout部分的内容。实际开发中不会缺少内容,如果缺少了,问设计同学就行。

    祝学习愉快!

    2022-03-19 16:36:19
  • 好的。还有,之前学那个dpi的时候,好像说过什么设计稿750,自己写375什么的,那个是啥意思,我们这个设计是750还是375

    2022-03-19 18:02:54
  • 设计稿的宽度可能是750px,对应iphone6机型;如果不用代码处理的话,iphone6的页面是375px宽,此时要注意尺寸换算。比如设计稿上元素是40px,那么设置到页面中就应该是20px。

    此处设计稿是375px的,不用转换:

    https://img1.sycdn.imooc.com//climg/6235acb609fff2f409430212.jpg

    2022-03-19 18:30:25
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师