西西木科技-专业的shopify liquid开发机构-前端JS丨react后端丨API接口丨shopify plus丨外贸独立站
大多数人使用手机的次数远远多于电脑。 随着5G时代的到来shopify模板，对手机的依赖度依然呈现上升趋势。 早在几年前，PC端流量就开始出现断崖式下滑。 如今shopify模板，90%-95%的流量来自手机，因此移动页面已经成为现在设计的重中之重。 但在实际工作中，很多设计师并不擅长移动端页面设计！
简单方法：获取PSD分层模板，高质量逼真的PSD设计模板，具有双口接口参考，在架构方面提高设计水平，大大提高工作内容的流畅度和用户工作效率捕获信息：
推荐几个适合初学者复制的免费资源网站：
1.SooUI（搜索UI）
为UI设计师、UE创意交互、程序员提供优质UI设计资源，分享xd sketch ps等优质UI素材源文件网站。 非常适合日常灵感收集和UI实践。 它还拥有各种稀有工具。 还有插件，每天更新都很快，关键是免费。
2、魔酷网
这是一个分享UI和其他高质量源文件的网站。 非常适合日常灵感收集和UI实践。 它还拥有各种难得的工具和插件，每天的更新速度非常快。 最重要的是它有免费的资源区！
3、优图网
提供矢量图形、psd源文件、图片素材、网页素材、3D模型素材、手机APP素材、ppt、画册、图标等流行主流素材下载服务！ 下载速度也非常好！
1.移动端网页设计和PC端网页设计的区别
区别一：视觉浏览比例不同
设计工作进行时，在PS中实时浏览PC页面的视觉效果与在线完成后的实时效果基本可以对应。 电脑上视觉浏览比例与网上比例接近1:1； 而PS中的手机页面实时看到的效果和APP中实际显示的效果会有很大差距。 电脑上可视浏览比例与在线比例为1：？ ，如图所示：
区别二：信息的传递更难控制
正常人玩手机时，眼睛与手机的距离约为20厘米。 另外手机网站制作方案，制作时的视觉体验与上线后的视觉比例会存在一定的差距，因此这导致如何准确、清晰地将屏幕中的信息传达给用户变得更加难以控制。
设计移动网页时我们应该注意什么？
内容识别：通过图片、文字准确地向用户传达需要表达的信息手机网站制作方案，向用户传递信息是核心。
这也是很多设计师在做移动端页面时常遇到的问题。 他们仍然遵循PC设计思维，忽略了手机上的实际效果呈现。 这样的工作将大大减少设计工作量，达到事半功倍的效果。
内容流畅性：很多人在设计页面时往往只关注部分而忽略整体，导致内容缺乏流畅性，无法引起用户继续阅读的兴趣。 这也直接或间接影响了用户在页面停留的时间，也极大阻碍了内容的传播手机网站制作方案；如何设计手机网页？，商业价值也会降低。
西西木科技是shopify官方合作伙伴，通过了Shopify Partner Academy认证，具备多年shopify lic主题开发经验，熟悉Liquid和各项计算机语言。