<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>paidaxingpi (派大星pi)</title>
    <link>https://beta.w2solo.com/paidaxingpi</link>
    <description></description>
    <language>en-us</language>
    <item>
      <title>换个壁纸换个心情 - 一款壁纸小程序的从零到一</title>
      <description>&lt;p&gt;&lt;img src="https://img.way2solo.com/photo/paidaxingpi/25cbc94c-3114-4f88-bf44-443f7ffc8d38.png?imageView2/2/w/1920/q/100" title="" alt=""&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;微信小程序于 2017 正式上线后，受到了广大用户的关注，其较低的开发成本和微信庞大的用户量，为火花壁纸的诞生提供了有利条件。&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;本文章主要讲述微信小程序 “火花壁纸”，从设计到开发的全过程。在设计部分最主要就是内容的展示，怎样把浏览壁纸的过程做的舒服？如何提升用户使用的好感度？答案是瀑布流！&lt;/p&gt;

&lt;p&gt;## 一. 瀑布流&lt;/p&gt;

&lt;p&gt;&lt;img src="https://img.way2solo.com/photo/paidaxingpi/90663f4b-1975-4cb8-a2bf-7122bd71d547.jpeg?imageView2/2/w/1920/q/100" title="" alt=""&gt;&lt;/p&gt;

&lt;p&gt;瀑布流是很经典的内容展现方式，使用瀑布流使整个程序：&lt;/p&gt;

&lt;p&gt;·更具吸引力：瀑布流会在它的页面底部给你不断地加载新的暗示信息，滑动的时候会不停的出现新的东西，采用这种方案，往往可以通过瀑布流加强用户的停留时间，提高用户的使用粘度。&lt;/p&gt;

&lt;p&gt;·用户一扫而过的快速阅读模式，短时间内可以看到大量的信息，瀑布流的懒加载模式，又避免点击的翻页操作，在最小的操作成本下能够获得最多的内容体验。&lt;/p&gt;

&lt;p&gt;·另外瀑布流的主要特质就是：定宽而不定高，这样的页面设计区别于传统的矩阵式图片布局模式，巧妙的利用视觉层级，视线的任意流动来缓解视觉的疲劳
&lt;img src="https://img.way2solo.com/photo/paidaxingpi/a84d703c-1986-49f8-929c-56515a422467.png?imageView2/2/w/1920/q/100" title="" alt=""&gt;&lt;/p&gt;

&lt;p&gt;## 二. 开发&lt;/p&gt;

&lt;p&gt;​“火花壁纸” 使用了原生的开发方式，细节更加丰富，同时可操作性也更佳。&lt;/p&gt;

&lt;p&gt;&lt;img src="https://img.way2solo.com/photo/paidaxingpi/67bec605-0b54-4fba-be59-8000ac85ff30.png?imageView2/2/w/1920/q/100" title="" alt=""&gt;&lt;/p&gt;

&lt;p&gt;未完待续。。。&lt;/p&gt;

&lt;p&gt;“目前 ‘火花壁纸’ 已经正式上线&lt;/p&gt;

&lt;p&gt;大家可以在微信搜索小程序 ‘火花壁纸’&lt;/p&gt;

&lt;p&gt;或扫描小程序码来查看哦&lt;/p&gt;

&lt;p&gt;欢迎大家在评论区留下你的意见及建议，我会一一回复哈”
&lt;img src="https://img.way2solo.com/photo/paidaxingpi/c3f570d2-ca78-4aa6-86af-c45a1ceff9c6.png?imageView2/2/w/1920/q/100" title="" alt=""&gt;&lt;/p&gt;</description>
      <author>paidaxingpi</author>
      <pubDate>Tue, 27 Jul 2021 12:30:24 +0800</pubDate>
      <link>https://beta.w2solo.com/topics/2712</link>
      <guid>https://beta.w2solo.com/topics/2712</guid>
    </item>
  </channel>
</rss>
