界面设计(0.2版)
界面设计工具(Pingendo)
Pingendo 是一款支持RWD自适应的全视觉化网页设计工具,用户可以直接用拖曳的方式完成基本的RWD页面结构设计,可以大幅的减少版面编排的时间。
官方地址
Pingendo
使用教程
Pingendo使用指南
视频示例教程
踩坑提示
下载的时候会经常中断。
使用的时候也会经常资源加载失败,建议重启。
界面设计初步结果
登录界面
![登录界面](https://img-blog.csdnimg.cn/20190314221854827.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAxMDg5MA==,size_16,color_FFFFFF,t_70)
课程列表页
![课程列表页](https://img-blog.csdnimg.cn/20190314222012191.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAxMDg5MA==,size_16,color_FFFFFF,t_70)
课程详情页
![课程详情页](https://img-blog.csdnimg.cn/20190320004715417.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAxMDg5MA==,size_16,color_FFFFFF,t_70)
作业详情页
![题目详情页](https://img-blog.csdnimg.cn/20190320004810127.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAxMDg5MA==,size_16,color_FFFFFF,t_70)
题目详情页
![题目详情页](https://img-blog.csdnimg.cn/20190320005036723.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAxMDg5MA==,size_16,color_FFFFFF,t_70)
查看提交情况
![查看提交情况](https://img-blog.csdnimg.cn/20190320005107234.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAxMDg5MA==,size_16,color_FFFFFF,t_70)
个人资料
![个人资料](https://img-blog.csdnimg.cn/2019032000485419.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAxMDg5MA==,size_16,color_FFFFFF,t_70)
修改个人信息
![修改个人信息](https://img-blog.csdnimg.cn/20190320004918221.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAxMDg5MA==,size_16,color_FFFFFF,t_70)
修改密码
![修改密码](https://img-blog.csdnimg.cn/2019032000494070.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzAxMDg5MA==,size_16,color_FFFFFF,t_70)
使用Pingendo的优势
- 可以直接生成html和css代码
- 内部可使用多种插件(视频播放、图片显示、网站封面等等)
- 界面美观,组件库完善(虽然相比xiaopiu还是差一些)