H5是一种基于HTML5技术的网页开发方式，可以用于制作富媒体交互性强的网页以下是制作H5的一般步骤确定需求首先，要明确制作H5的目的和需求，确定要传达的信息所要展示的内容和交互效果等规划结构根据需求，设计网页的整体结构和布局可以使用工具如AxureSketch等进行原型设计，或直接在纸上。

UI设计比较常用的软件有1Sketch软件Sketch是一款适用于所有设计师的矢量绘图应用矢量绘图也是目前进行网页，图标以及界面设计的最好方式但除了矢量编辑的功能之外，同样添加了一些基本的位图工具，比如模糊和色彩校正2AfterEffects软件AfterEffects简称AE，AE是一款图形视频处理软件，可以高效且。

3设计网站的结构和布局 在开始建设网站之前，需要先设计网站的结构和布局你可以使用纸和铅笔进行草图设计，或者使用一些设计工具如AdobeXD或Sketch进行数字化设计确定网站的主要页面和导航结构，考虑用户体验和界面设计4编写网站的内容 网站的内容是非常重要的，它能够吸引用户并传达你的信息根据网站。

点击右下角的Make Exportable，上传至摹客即可无需再设置多种切图倍率，摹客将自动生成不同倍率的切图素材周围带空白区域在Sketch中选中需要切图的图层或编组，点击右下角的Make Exportable再点击“切刀” 工具，对外框大小进行调整回即可3切图标记完成后点击“上传”，即可将设计稿资源一键。

移动端UI实训基于IOS端Andriod端的移动交互高保真主题设计，学会如何把控一个整体设计项目，从竞品分析流程图低保真原型图高保真原型图到最终效果图修改完善，同事老师对学员作品进行讲解并分析，让学员熟练掌握新产品设计流程与规范，提高产品实战能力，同时积累项目经验前端实现掌握常用网页设计。

设计AppgooglematerialdesigniOShumaninterfaceguidelines 设计网页RWDResponsiveWebDesignbreakingpoints原则与概念 二实地练习从做中学熟悉工具真正产出看完下一步，就是卷起袖子实作了空有好素养与浓厚知识，做不出好UI的话只是纸上谈兵这里也不谈各种技术软体，UI设计可以从学会sketch。

UI设计常用工具有Pixso协同设计Fireworks等，UI设计工具更推荐选择Pixso协同设计Pixso是国内团队研发的在线协同设计产品，适用于团队项目，支持多人实时在一个链接中进行设计，仅需点开链接即可查看任务内容，使用过程十分方便Pixso的设计功能也十分全面，具有较高的灵活性，可以运用锚点进行快速转换，提高。