登录 注册

如何使用多零设计制作二维码网页

原创未经同意,请勿转载多零阿三2021-05-30

很多使用多零的朋友都知道如何使用多零,每个功能都会使用,都能理解每个组件的用途,但要真正使用多零设计制作一个完整的二维码网页,就感觉不知如何入手。 我了解大家遇到的困难,这就介绍一个简单常用的基于多零的网页设计制作方法。本文分为两部分,第一部分介绍这个方法,第二部分结合介绍的方法,实践制作设计一个户外活动介绍的二维码网页。看完本文后,你会觉得制作二维码网页很简单,最起码不会觉得有困难了。 整体方法的流程只有5个步骤,如下:

  1. 内容收集、整理
  2. 内容排版
  3. 堆砌组件,填充内容
  4. 调整样式、细节
  5. 提交发布

第1、2步,需要自己收集整理内容,多零帮助你解决第3、4、5步的制作。

----------------------------------------------------------

【内容收集、整理】

收集整理希望在网页显示的所有内容,包括文字、图片、视频等,例如你想制作一个产品介绍的网页,则需要准备产品的文字介绍内容、产品的图片、购买信息,还可以扩展准备联系信息、买家评价、使用说明,甚至还可以整理同类其他产品信息以帮忙买家找到更适合的产品。以上是个例子,其他使用场景同时也需要根据具体情况,收集整理网页内容。

【内容排版】

准备好网页内容后,然后就对内容排版,可以用笔纸简单画一下草图。这一步主要工作就是将网页内容合理布局、排版,主要的原则是将用户最需要看到的信息摆放在最容易看到的地方,次要的信息放置在次要的位置。 接着上面产品介绍的例子,头部放置最吸引人的产品图片或视频,然后是图片介绍、买家评价等,最后放置使用说明、购买信息等。 完成草图制作后,整个工作就完成了50%。

【堆砌组件,填充内容】

多零上创建二维码网页,根据草图选用合适的组件。例如产品图片,就在图片大类下找合适的图片组件,“产品介绍”就文字类下找合适的文字组件。然后给每个选用的组件上传图片、填写文字,完成填充内容工作。

【调整样式、细节】

完成网页内容填充后,网页初步完成,可能会存在一些样式的小问题,因此就需要调整一下样式。例如使用不同的组件可能并没有对齐、各组件间隔不一致、背景颜色不协调、字体大小等。

【提交发布】

完成样式调整后,网页制作设计工作已经完成了。这时二维码网页只能在预览环境下浏览,如果要对外发布,则要完成最后一步,提交发布,系统自动完成所有发布上线的工作,这时所有人都可以通过描扫二维码访问到你制作的网页了。

----------------------------------------------------------

以上几个步骤是不是很简单,实际上做起来会不会也很简单呢?下面就结合这几个步骤,制作设计一个介绍户外活动的二维码网页。 第一步,收集整理的内容包括:活动图片、行程介绍、行程安排、费用订购、注意事项。 第二步,排版布局的草图如下: 第三步,选用合适的组件,并且填充内容,效果图如下: 当然,只要能更好地承载显示信息,你也可以选用任何你喜欢的组件 。 填充完数据,似乎头部图片不太整齐,接下来开始调整细节。 第四步,调整边距、字体大小,字体颜色等。在每个组件的编辑页的【组件外观】和【通用外观】中调整相关样式。 完成后效果图如下: 第五步,提交发布,即完成。 整个流程下来,不难发现,最难的最耗时是内容整理和内容排版这两步,反而真正使用多零制作网页的耗时却很少,无非就是选用组件、复制粘贴内容和调整设置即可。

最新文章 用上https就一定安全了吗?多零已增加多款字体效果组件2021-06-08 多零更新记录2021-06-05 多零更新记录真有必要搞个EV型SSL吗?如何使用多零设计制作二维码网页2021-05-28 更新记录2021-05-25 更新记录如何安全地使用网络图片而无版权风险多零的组件架构已整合H5的Canvas如何让二维码具有密码访问功能?2021-05-22 更新记录为什么Q免二维码终止服务如何制作英文版的二维码名片【科普二维码】如何把一头大象放进二维码