CoderMikeHe / WeChat_Resource

🔥🔥🔥 整理微信App页面所用到的所有资源和素材且按模块归类处理,查询简单方便,节约时间成本,同时解决现实中,当我们想学习一门新的编程语言时,却苦于没有一个素材资源完整、UI设计图清晰的项目来实战的烦恼。

Home Page:https://github.com/CoderMikeHe/WeChat_Resource

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

WeChat_Resource

概述

  • 业余时间整理原生微信App页面所用到的所有素材(.png.jpg.svg.js.htmliconfont...),也会从Iconfont-阿里巴巴矢量图标库搜刮一些符合微信App开发要求的资源,并且按模块将其归类处理。其目的是:方便日后查询,且能快速定位,节约大量万里挑一的时间。

  • 自定义(mock)一些有趣的.json文件(PS:笔者不会后端~),方便开发者能模拟网络请求加载数据,达到和现实开发中同等的需求体验~ 关键是不需要服务器、不依赖网络连接、不报500错误...

    • user.json:用户数据, 主要用于用于登录/注册/我模块。
    • world_zone_code.json:全球手机区号数据,例如:+86代表**大陆。 主要用于手机号登录/注册,选择区号的模块。
    • mainframe.json微信模块的列表数据。主要用于微信模块。
    • contacts.json: 联系人数据(ps:玩着荣耀所有英雄数据)。 主要用于联系人模块。
    • ...
  • UI 设计图,来源于笔者iPhone 7 Plus真机截屏,以及利用马克鳗设计稿工具来标注、测量。当然,笔者标注的 UI 也未必准确,其初心就是方便大家在开发过程中有一个 UI 图参考,减少调整 UI 的时间,以便大家代码编程后的最终呈现效果,能达到与你手机 App 的效果无限接近罢了。

  • 本仓库创建的目的主要是解决:当我们学习一门新的编程语言时,却苦于没有一个素材资源完整、UI设计图清晰的项目来实战的烦恼。笔者希望WeChat_Resource这个仓库能够消除大家的烦恼,并且能让大家把充足的时间和精力用在编程上,而不是用在素材查找和 UI 设计上。

  • 本仓库中提供的所有资源,都只能用于学习!任何商用都是违法!且与笔者无关!别让你肮脏的利欲,熏坏笔者纯洁的初心


项目

以下项目的所有 UI 实现,都是利用本仓库提供的资源来实现的,虽然涉及编程语言涵盖:iOS Objective-Cvue.jsFlutter等,但是丝毫不影响最终的呈现效果。同时也说明了,本项目提供的资源的有效性和实用性,消除大家的疑惑和顾虑,干就完事了!

当然,笔者并非是将微信App 所有的 UI 界面都标注和整理了,只是标注了平常常用且有趣的模块罢了,而且也不是每个模块都会去实现,其初心就是为了学习新的编程语言时,有一个比较完整的项目去实战罢了。当然笔者敢保证的是:若能把笔者提供的 UI 设计图全部能用你新学习的编程语言实现,那么你所学习的新的编程语言必定能轻车熟路!

或者,如果你恰巧在学习iOS/vue/Flutter其中一项,笔者相信上面 👆 这几个实战项目,能够更好辅助你上手,带你入门,助你腾飞。请记住:你只管疯狂输出,而我护你一世周全!!!


期待

  • 如果在使用过程中遇到 BUG,希望你能 Issues 我,谢谢(或者尝试下载最新的代码看看 BUG 修复没有)。
  • 如果在使用过程中有任何地方不理解,希望你能 Issues 我,我非常乐意促使项目的理解和使用,谢谢。
  • 如果通过该工程的使用和说明文档的阅读,对你在平时开发中有帮助,码字不易,还请点击右上角StarFork按钮,谢谢。
  • 简书地址:http://www.jianshu.com/u/126498da7523

商业互吹


参考链接


iOS 预览

微信模块
虚位以待 虚位以待 虚位以待
通讯录模块
虚位以待 虚位以待
搜索模块
发现模块
虚位以待 虚位以待 虚位以待
朋友圈模块
虚位以待 虚位以待
我模块
虚位以待 虚位以待 虚位以待

Flutter 预览

闪屏模块
登陆/注册模块
微信模块
通讯录模块
发现模块
虚位以待 虚位以待
我模块
设置模块

About

🔥🔥🔥 整理微信App页面所用到的所有资源和素材且按模块归类处理,查询简单方便,节约时间成本,同时解决现实中,当我们想学习一门新的编程语言时,却苦于没有一个素材资源完整、UI设计图清晰的项目来实战的烦恼。

https://github.com/CoderMikeHe/WeChat_Resource

License:BSD 3-Clause "New" or "Revised" License