• <label id="txTZv"><source id="txTZv"><dfn id="txTZv"></dfn></source></label>

  • <span id="txTZv"><mark id="txTZv"></mark></span><datalist id="txTZv"><area id="txTZv"></area></datalist>

    <colgroup id="txTZv"></colgroup><strike id="txTZv"></strike>
    <th id="txTZv"><blockquote id="txTZv"><sub id="txTZv"></sub></blockquote><embed id="txTZv"><col id="txTZv"></col></embed></th>
      <span id="txTZv"></span><progress id="txTZv"><strike id="txTZv"><source id="txTZv"><code id="txTZv"></code><source id="txTZv"></source></source></strike></progress>

      • XD做设计用一倍图还是二倍图?

        为什么Adobe XD的启动界面iPhone6/7/8d尺寸是375x667px:一倍图(@1x),而不是750x1334px:二倍图(@2x);

        本文大量参考OlafChou《Sketch用一倍图做设计稿还是二倍图?》;



        很多人一直在纠结到底用一倍图做UI设计还是二倍图?国外的设计师喜欢用一倍,国内的设计师比较多用二倍,实际上两种选择都有自己的好处。

        375x667px :一倍图(@1x);750x1334px:二倍图(@2x);

        PS和Adobe XD的差别

        PS是位图,所以Photoshop十分依赖DPI,AI和Photoshop不同的是,它是独立于DPI的,因为它依赖矢量图。与位图相反,图像生成采用矢量图,依靠数学公式计算,以编程方式重新调节大小并且不会损失图片质量。Adobe XD是一款矢量绘图应用,在调整形状的时候一定程度上可任意缩放。

        Adobe XD默认画板尺寸是一倍图尺寸,PS给出的是二倍图尺寸。所以如果做iOS 的UI设计的时候,PS一般用二倍图来设计(750x1334px),Adobe XD可以选择一倍图(375x667px)或二倍图(750x1334px)来设计。

        一倍图@1x设计的优势

        >少量的数学计算

        如果@2x设计时转换@3x需要乘以1.5,相对来说转换会比较麻烦。但是@1x设计稿如果要转换只要相应的乘以2和3即可得到对应的@2x和@3x。

        >安卓和iOS共用一套

        iOS 设计尺寸375x667px,安卓360x640px;安卓和iOS可以共用字体、图标和间距。可以更加方便里做好统一的设计规范。

        >一键导出

        Adobe XD自带导出功能,可以快速一键导出多个尺寸。

        >图片尺寸和文件更小

        >图标尺寸、图片和间距尺寸可设置为单数

        二倍图设计时,图标尺寸必须为偶数才能保证@3x也是整数。一倍图图片尺寸可以为奇数只要被2除尽即可,不一定要偶数。

        Xdy中文网三年来持续分享Adobe XD 素材、资讯、教程、插件、模板、中文手册等XD资源;队尤隥Q群:105772173 与大神们一起交流(前5分钟默认禁言)

        交流QQ群

        Adobe XD入门到精通视频课程
        交互插件团购

        请使用手机扫描二维码加入QQ群