【FUN】——英文版面青年教育网站策划&GUI设计
写在前面:这个教育网页一共分为四个页面,首页、课程、活动、空间。是我在学习网页设计与策划的时候作为知识应用练习做的,主要使用Photoshop软件设计构图,其中图片素材与部分灵感来源于网络。
| 一、网站介绍 |
1、网站类型定位
个人网站与教育网站相结合
2、市场定位
目标客户:年轻人,以学生和创业青年为主。
发展方向:为年轻人提供心灵成长类、生活技能类的课程,引导年轻人认识自己,学会塑造自己个人品牌的教育类网站,另建设个性化个人平台。
网站文化:达人课程,外国领先文化理念,线上线下教育与分享相结合。
3、同类型网站横向分析
国内教育网站和个人网站大都是独立的,相结合的很少。
同类型教育网站也少见以生活技能和个人成长为主题教育,比较多的有升学类应试课程,职业技能课程,设计艺术类课程。这类型教育网站比较热门的有:沪江网,我要自学网,勤学网等 。
同类型个人网站目前只有新浪微博和腾讯QQ是用户量最多,最常用的网站,这两个网站的个人分享平台主要与新闻和商业广告相结合。
国外有很多这样教育网与个人平台相结合的例子,常见的多数是达人讲师自己办的网站,教授课程单一化,线下活动不足,会员不能得到纠正性的指导,对个人生活技能与心灵探索的进一步深入无法正确引导。
| 二、网站形象说明 |
1、网站的名称
FUN
2、网站形象页面风格
简约,清新,富有生活气息。
3、页面的色彩
以黄色为主基色,配以黑白色,用来表现年轻人的阳光和激情。
4、页面的布局(初步方案)
![]() |
![]() |
![]() |
![]() |
| 三、网站功能介绍 |
1、课程类订购学习
网站会定期引入“达人课堂”“专题讲座”“个人品牌塑造课程”“生活技能类培训”等供年轻人学习。
2、线下分享会组织
网站会定期分地区组织活动,会员可报名参加,与其他人分享自己所学所得,活动会有老师加入线下辅导会员特定技能。
3、线上个性化分享
网站会提供个人分享平台,会员可以在平台上分享自己的生活,是个人品牌塑造的实践平台。
| 四、网站结构示意图 |

| 五、最终完整设计图 |
![]() |
![]() |
![]() |
![]() |
版权声明:本文原创,非本人允许不得转载
【FUN】——英文版面青年教育网站策划&GUI设计的更多相关文章
- 在线学习体验大PK 云智慧发布在线教育网站性能监测报告
互联网不但改变了我们的生活.娱乐和消费方式,也推动各行各业进行着快速变革,越来越多的职场人士必须通过不断的学习.充电才能跟上行业发展的步伐,获得职业的提升,而这也引发了国内教育市场的爆炸式发展.据统计 ...
- 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_汇总
2018年Spring Boot 2.x整合微信支付在线教育网站高级项目实战视频课程 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_1-1.SpringBoot整合微信支付开发在 ...
- 强力Django+杀手级xadmin开发在线教育网站
强力Django+杀手级xadmin开发在线教育网站采用 Python3.7全新开发 整个课程都看完了,这个课程的分享可以往下看,下面有链接,之前做java开发也做了一些年头,也分享下自己看这个视频的 ...
- 在线学编程!十大IT在线教育网站推荐
在线学编程!十大IT在线教育网站推荐 1.CSDN学院(http://edu.csdn.net/) CSDN学院是CSDN推出的一个面向中国软件开发者和IT专业人员的技术教育服务平台.主要提供IT领域 ...
- tkinter——GUI设计实操
1.创建root: from tkinter import * root = Tk() root.title('GUI设计') # root.attributes("-alpha" ...
- 网站app原型设计工具:axure,Mockups,墨刀
网站app原型设计工具:axure,Mockups,墨刀 Balsamiq Mockups 3 网站原型设计工具非常高效,非常简单,几分钟就能搞定比axure好用很多 墨刀 - 免费的移动应用原型与线 ...
- tkinter的GUI设计:界面与逻辑分离(一)-- 初次见面
PyQt实现界面与逻辑分离的设计很是方便,详情可以见我的第一篇博文. 不过本文将使用python的标准库 tkinter,来实现界面与逻辑分离的GUI 设计. 我们来设计一个很简单的程序: 目的:长度 ...
- Java程序设计11——GUI设计与事件处理A
1.GUI设计 Java使用AWT和Swing类完成图形用户界面编程,AWT全称是Abstract Window Toolkit,即抽象窗口工具集,它是Sun最早提供的GUI库,只是这个库功能比较有限 ...
- java.awt包提供了基本的java程序的GUI设计工具
java.awt包提供了基本的java程序的GUI设计工具.主要包括下述三个概念: 组件--Component 容器--Container 布局管理器--LayoutManager package T ...
随机推荐
- Adaboost和GBDT的区别以及xgboost和GBDT的区别
Adaboost和GBDT的区别以及xgboost和GBDT的区别 以下内容转自 https://blog.csdn.net/chengfulukou/article/details/76906710 ...
- CSS简单的四种引入方式
CSS一共有四种引入方式 (1)最简单的两种方式是直接在html标签里面引入,或者在html文件前面声明,以下是简单的代码示例 <!DOCTYPE html> <html lang= ...
- JavaWeb笔记(一)JDBC
基本步骤 导入MySQL驱动jar包 mysql-connector-java-8.0.15.zip 注册驱动 获取数据库连接对象Connection 定义sql 获取执行sql语句的对象Statem ...
- maven学习(五)——maven命令的组合使用
Maven的命令组合使用 maven的编译,清理,测试,打包,部署命令是可以几个命令同时组合起来使用的,常用的命令组合如下: 1.先清理再编译:"mvn clean compile" ...
- mongodb的安装和sql操作
mongodb安装环境:centos6.5https://www.mongodb.org/dl/linux/x86_64wget https://fastdl.mongodb.org/linux/mo ...
- [SDOI2011][bzoj2286] 消耗战 [虚树+dp]
题面: 传送门 思路: 看到所有询问中的点数总和是十万级别的,就想到用虚树~\(≧▽≦)/~啦 首先,树形dp应该是很明显可以看出来的: 设dp[u]表示以u为根的子树(不包括u)中的宝藏岛全部切断的 ...
- 【tmux】常用命令
https://www.cnblogs.com/lizhang4/p/7325086.html 复制 prefix [ + vim风格选择复制 新建session tmux new -s name 为 ...
- react 当中重新渲染dom的方法
有个upload 重复上传同名文件的需求,在网上找了很多解决方案都不好使,在react当中解决该问题其实很简单,其实无法上传同名文件 的原因是因为无法触发onChange事件,只需要刷新改dom就可以 ...
- 洛谷 P1653 == COGS 2043 猴子
P2107 可爱的猴子 时间限制:1000MS 空间限制:65535KB 问题描述: 树上有n只猴子.它们编号为 1 到n.1 号猴子用它的尾巴勾着树枝.剩下的猴子都被其他的猴子用手抓着.每只猴子的 ...
- AtCoder Regular Contest 077 E - guruguru 线性函数 前缀和
题目链接 题意 灯有\(m\)个亮度等级,\(1,2,...,m\),有两种按钮: 每次将亮度等级\(+1\),如\(1\rightarrow 2,2\rightarrow 3,...,m-1\rig ...







