【h5网站网页】H5设计原稿的切图是什么尺寸的，是微信公众号版的?主流HTML5移动网络开发框架?

　　【h5网站网页】H5设计原稿的切图是什么尺寸的，是微信公众号版的?主流HTML5移动网络开发框架?下面就和小编一起来看看吧!

　　H5设计原稿的切图是什么尺寸的，是微信公众号版的?

　　最新的Photoshop具有与Sketch相同的输出切割功能，可以使用2x的PSD输出3x的切割图。此外，Photoshop配合Slicy输出切割图比Sketch3快得多。Sketch相当棒，但现在(v3.1)有很多小问题，对中文的支持不够，在接口设计中无法完全取代Photoshop。关于网站模板关于主题，首先设计原稿不能适用于iOS各手机的画面尺寸。Bjango将现在的iOS手机画面还原为1x的对比图，可以看出设计原稿中4种画面尺寸的宽度不同，并不是简单地缩小iPhone5画面就成为iPhone6的设计原稿。如何支持多个尺寸的屏幕，这必须根据情况进行讨论。对于通常的界面，我们可以懒惰，只做iPhone5画面尺寸的设计原稿，请在其他画面上开发适应，最终检查实机效果。苹果官方网站的屏幕比较页面使用的是通常的界面。对于一些定制的界面，我们应该根据不同的画面重新适应。例如，以下是简单的profile页面示例，自动适应大画面的效果很差。此时，设计师应手动为大屏幕重新调整设计，如下图所示。上图显示，iPhone6Plus界面的一部分切割尺寸比3x大，因为必须单独切割，所以不能简单地给iPhone6Plus统一所有Plus。此时矢量切割图在开发中的优势是显而易见的，只要告诉开发大屏幕切割图的尺寸，就没有必要进行额外的输出切割图。毕竟，手机屏幕仍然是像素图。即使像细线图标是矢量的，它们也可能在缩放后变得虚假和模糊(类似于HTML中的iconfont)。理论上，并非所有情况都适合矢量切割。但是，iPhone6Plus屏幕本身是downscale，原本pixelperfect的切图也在缩放后变得虚弱，完全没有pixelperfect，iPhone6Plus屏幕是否被优化如果切图使用Sketch，可以尝试PDF矢量切图(但必须在实机上确认效果)。Photoshop只能输出位置图。上面提到定制界面中的一些切割单独输出，其他通常用2x的PSD输出1-3x切割即可。此外，人工智能不适合界面设计。勇敢地尝试Sketch是件好事，但如果Sketch的各种缺点无法忍受，建议使用Photoshop。另外，强烈推荐@Akane_Lee老师iPhone6和Plus制图建议的好文章!Akane_Lee:iPhone6和Plus新机一发表，群中就有人叫上司准备iPhone6的适应，现在什么文件都没有完整在许多细节不明的情况下，我只能建议这种最安全的方法:做@1x，扩大到@2x和@3x。以下情况预设为制作Mockup切割各种尺寸的图。

　　主流HTML5移动网络开发框架?

　　一定要使用框架。否则，就恢复JS，自己写风格H5移动开发也分为两种，一种是普通网页，另一种是封装的应用程序在手机上跑步。接下来，我只大致介绍哪个框架。关于建站，具体特性不能说三两句话，主题可以自己搜索相关资料。后者有名的框架是PhoneGap、MUI等。前者具体分为CSS框架和JS框架。风格框架有很多，常见的有jQueryMobile、Bootstrap、KendoUI、AmazeUI等。JS框架一般是AngularJS、Backbone、ReactJS等，但老实说，这些JS框架比较重，一般是为比较复杂的场景设计的，如果你的页面需求简单的话，只需要设计框架就可以了。值得一提的是，国内BAT的三大巨头也有自己的H5框架，已经开源了。百度是GMU、Clouda+、EFE三个，蚂蚁是KissyMobile，腾讯是FrozenUI。

部分文章大数据机器发布，如有侵权请联系删除！

详情可添加微信好友，获取相关业务资料。