- 设计有轻功
完全免费|无需代码，教你用手机搭建一个手机网站
上期的Canva设计学院，我们给大家分享了怎么设计一个电脑端的横版web网页。
本期的设计学院，我们整理了一个用手机设计手机端个人网站（在新标签页或窗口中打开）的操作步骤，供大家参考和使用。
1：设计步骤
- 在手机上打开Canva可画，创建一个纵向空白模板，或者直接使用手机海报、信息图表、手机拼图等适合在移动端展示的设计模板。
- 创建完设计模板后，我们可以用竖屏ppt的方式，去添加和排列网页中需要显示的视觉内容。
- 完成视觉部分的内容填充之后，点击右上角[📤]，选择[网站]的形式进行导出。
导出完成之后，点击“打开网站”，将自动弹出的网站链接保存下来，就完成了整个手机网站的设计流程。
2：应用场景
我们在使用Canva可画的app进行网页导出时，会发现有[演示文稿]、[滚动式]、[经典导航式]、[标准]四种样式的网站页面供用户选择。
这四种页面实际上对应的就是四种比较常见的应用场景：
- 演示文稿：手机端的演示文稿，可以理解成左右翻页的竖版ppt文件。它的优点在于只需要一个网址链接，就可以随时随地的在任意设备上打开文件，免去了文件存储和传递的环节。
- 滚动式：滚动式就是常见的上下滚动式手机网页，它的应用形式是通过上下滚动的视差效果，将多个页面拼接成一个“长图”，给用户一个完整的浏览体验。
- 经典导航式：经典导航式是一种单页形式的手机网站，它通过右上角的菜单按钮，将多个网站页面串联起来，可以让用户根据不同的浏览需求，选择定位到某一个具体的展示页面。
- 标准：这种样式可以理解成带有导航栏的混动式手机网站，它既可以上下滚动浏览不同页面的网站内容，也可以通过导航跳转定位到某一个具体的展示页面，适合绝大多数手机网站的展示场景。
为了更直观的了解手机网站的内容布局，我们挑选了一组Canva可画的手机海报（在新标签页或窗口中打开）模板（在新标签页或窗口中打开），供大家参考和使用。
*点击“使用此模板”，进入Canva可画一站式网页设计流程
3：设计优势
使用Canva可画进行手机网站设计，主要优势有以下④点：
- Canva可画的网站设计流程完全免费，不用自己购买域名、主题和服务器资源。
- Canva可画的网站设计支持网页端、app移动端、小程序等多个平台，大家随时随地都可以上线、修改网页展示内容。
- 可视化的页面编辑，配合Canva的设计模板，0基础也可以搭建自己的个人网站。
- 依托Canva可画的一站式版权服务，我们网站中的图片、插画、icon和字体文件，都可以享有可溯源的版权保障。
4：注意事项
Canva可画的手机网页设计固然方便，但由于涉及到线上展示，我们还需要注意下列事项。
- 涉及到线上形式的内容，都需要进行系统审核。大家发现个人网站处于审核状态，请等待审核结束或者是联系Canva可画客服人员进行人工审核。
- 手机网页由于自带浏览器的兼容问题，存在一定的视觉差异，建议大家根据浏览器配置调整网页视觉设计。
- 需要追求网页整体化的用户，建议使用自定义长图模板，拉长单个页面的展示内容，以提升手机端的浏览体验。
- 现阶段Canva可画的网站域名都是随机生成，不支持用户自定义修改。
- Canva可画的单个模板，页面上限为100张，大家在创建网站时注意调整内容长度。
Canva可画的手机网页设计指南，以上就是主要内容。
还有更多网页设计的拓展玩法，可以点击下方设计连接，进行跳转：
-end-
推荐阅读
