账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    请问前辈,前端根据PSD设计稿切图究竟要怎么处理,我一直都没搞懂。。。
    87
    0

    前辈好,我一直以来都对PC端,手机端的页面,还有设计稿如何处理等等等等问题都没彻底弄才明白。。今天想把一直以来的疑问提出来,希望前辈多多指教 = =

    首先是PC端的问题

    1.请问现在PC端的设计稿是不是一般都是1920宽的??

    2.请问如果要适配苹果那个retina显示器的话,是不是把当前的PSD文件直接放大2倍或者3倍??我只知道移动端的IOS是2倍或者3倍,PC端的我不清楚。。,然后一样切。

    3.问题来了,比如我按照设计稿100 X 100的宽高写了,但是到RET屏幕的话是会缩小2倍或者3倍的(请问我这样说对吗???),
    那是不是说我要写两套CSS,通过JS判断当前设备是不是ret显示器( 这样说对吗?)来加载不同的css文件???

    移动端的

    1.请问现在的移动端的设计稿是不是一般是640,或者750的

    2.比如说现在是640的设计稿,请问是不是所有的宽高切下来全部要除于2,而且还要是偶数的,请问字体要怎么处理呢??

    3.苹果那个2倍3倍的,是不是也跟PC一样?就是说直接放大2,3倍,切,然后又判断是不是RT??

    4.我觉得我问的越来越乱,实在是搞不懂啊,针对移动端,我现在只会用阿里的flexible.js来写,因为使用很简单,设计稿直接切,多少就多少,全部用rem,字体另外处理,但是我对它的原理完全搞不懂。。。

    5.关于PC,移动都适配的
    最后是我现在才想到的,以前用bootstrap写过一些练习页面,页面好像全部都写PX的,请问用bootstrap的话就不用处理这么多吗???

    问题有点多,可能还很脑残,希望前辈见谅,望指导!

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 青丝缠雪 普通会员 1楼

      前端根据PSD设计稿切图的具体步骤可能会因不同的工具和技术而有所不同,但一般可以分为以下几步:

      1. 收集设计稿:首先,你需要获取PSD文件,可以从你的设计师那里获得,也可以从第三方网站获取。

      2. 理解设计稿:在开始设计之前,你需要理解PSD文件的内容。这可能包括颜色、形状、纹理、图层等。这一步是至关重要的,因为你的设计将依赖于这些元素。

      3. 打开工具:根据你的需求,你需要选择一个合适的工具来开始你的设计。这可能是一个文本编辑器,一个图形编辑器,或者一个专门的HTML或CSS编辑器。

      4. 打开PSD:在你的工具中打开PSD文件,然后开始你的设计。

      5. 切图:一旦你开始设计,你可能需要进行切图。这可能涉及到使用图像处理工具来删除、复制或移动设计元素。

      6. 校对:在你完成切图后,你需要进行校对。这可能涉及到检查你的设计是否符合你的设计要求,或者是否有任何错误或不一致。

      7. 保存并分享:最后,你需要保存你的设计,并将其分享给你的团队或客户。这可能涉及到使用文件共享工具,或者将设计转换为一个文件格式,如PDF或SVG。

      以上就是前端根据PSD设计稿切图的基本步骤,希望对你有所帮助。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部