一些 ui 设计的参考资源

[happypeter]

一些 ui 设计的参考资源

[happypeter]

http://www.sunshine-library.org/

type set for Chinese display

[luckyyang]

http://fashionlighting.com/
we can refer to this.

[happypeter]

@luckyyang yes, it's cool

[asmcos]

确实很酷。

2012/11/27 Peter Wang [email protected]

@luckyyang https://github.com/luckyyang yes, it's cool

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/20#issuecomment-10743813.

－－－－－－－－－－－－－－－－
何家胜
智普开源--知识框架
website : http://frame.jeapedu.com
手机 ：137-1860-9533（移动），18010096001 （电信）
MSN : [email protected]

[luckyyang]

@happypeter @asmcos
我们可以改成黑板+粉笔的那种风格，或者你们有更好的想法

[asmcos]

有这样的现成的模板吗？

2012/11/27 Liujiyang [email protected]

@happypeter https://github.com/happypeter @asmcoshttps://github.com/asmcos
我们可以改成黑板+粉笔的那种风格，或者你们有更好的想法

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/20#issuecomment-10749434.

－－－－－－－－－－－－－－－－
何家胜
智普开源--知识框架
website : http://frame.jeapedu.com
手机 ：137-1860-9533（移动），18010096001 （电信）
MSN : [email protected]

[happypeter]

现在让我设计前端 UI，肯定出来的是个垃圾。照抄别人的又不体面。所以可以考虑去买一套 theme，大概 10 美元，或者找个免费的 http://www.freecsstemplates.org/

[happypeter]

http://dribbble.com/ 上有些图片设计，咱们也可以参考

[asmcos]

你选好模板，需要支付钱的时候告诉我。

在 2012年11月28日 上午10:39，Peter Wang [email protected]写道：

http://dribbble.com/ 上有些图片设计，咱们也可以参考

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/20#issuecomment-10787450.

－－－－－－－－－－－－－－－－
何家胜
智普开源--知识框架
website : http://frame.jeapedu.com
手机 ：137-1860-9533（移动），18010096001 （电信）
MSN : [email protected]

[luckyyang]

从头设计确实不值得，那些模板挺好，我选了几个：
http://www.wix.com/html-templates/html/web/gym-club?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F9&galleryDocIndex=4

http://www.wix.com/html-templates/html/web/bayne-consulting1?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F9&galleryDocIndex=0

http://www.wix.com/html-templates/html/web/sport-photography?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F7&galleryDocIndex=3

http://www.wix.com/html-templates/html/web/community-church?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F1&galleryDocIndex=3

[asmcos]

我觉得第一个和最后一个都非常好。真不错。

2012/11/28 Liujiyang [email protected]

从头设计确实不值得，那些模板挺好，我选了几个：

http://www.wix.com/html-templates/html/web/gym-club?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F9&galleryDocIndex=4

http://www.wix.com/html-templates/html/web/bayne-consulting1?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F9&galleryDocIndex=0

http://www.wix.com/html-templates/html/web/sport-photography?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F7&galleryDocIndex=3

http://www.wix.com/html-templates/html/web/community-church?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F1&galleryDocIndex=3

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/20#issuecomment-10788504.

－－－－－－－－－－－－－－－－
何家胜
智普开源--知识框架
website : http://frame.jeapedu.com
手机 ：137-1860-9533（移动），18010096001 （电信）
MSN : [email protected]

[asmcos]

2012/11/28 asmcos he [email protected]

我觉得第一个和最后一个都非常好。真不错。

对不起我将顺序弄错了。是第一个和第二个。。。

2012/11/28 Liujiyang [email protected]

从头设计确实不值得，那些模板挺好，我选了几个：

http://www.wix.com/html-templates/html/web/gym-club?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F9&galleryDocIndex=4

http://www.wix.com/html-templates/html/web/bayne-consulting1?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F9&galleryDocIndex=0

http://www.wix.com/html-templates/html/web/sport-photography?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F7&galleryDocIndex=3

http://www.wix.com/html-templates/html/web/community-church?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F1&galleryDocIndex=3

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/20#issuecomment-10788504.

－－－－－－－－－－－－－－－－
何家胜
智普开源--知识框架
website : http://frame.jeapedu.com
手机 ：137-1860-9533（移动），18010096001 （电信）
MSN : [email protected]

－－－－－－－－－－－－－－－－
何家胜
智普开源--知识框架
website : http://frame.jeapedu.com
手机 ：137-1860-9533（移动），18010096001 （电信）
MSN : [email protected]

[asmcos]

http://www.wix.com/html-templates/html/web/super-load-movers-eden

在 2012年11月28日 上午11:53，asmcos he [email protected]写道：

2012/11/28 asmcos he [email protected]

我觉得第一个和最后一个都非常好。真不错。

对不起我将顺序弄错了。是第一个和第二个。。。

2012/11/28 Liujiyang [email protected]

从头设计确实不值得，那些模板挺好，我选了几个：

http://www.wix.com/html-templates/html/web/gym-club?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F9&galleryDocIndex=4

http://www.wix.com/html-templates/html/web/bayne-consulting1?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F9&galleryDocIndex=0

http://www.wix.com/html-templates/html/web/sport-photography?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F7&galleryDocIndex=3

http://www.wix.com/html-templates/html/web/community-church?originUrl=http%3A%2F%2Fwww.wix.com%2Fcreate%2Fwebsite%2Fall%2Fbusiness-services--community-education%2Fweb%2F1&galleryDocIndex=3

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/20#issuecomment-10788504.

－－－－－－－－－－－－－－－－
何家胜
智普开源--知识框架
website : http://frame.jeapedu.com
手机 ：137-1860-9533（移动），18010096001 （电信）
MSN : [email protected]

－－－－－－－－－－－－－－－－
何家胜
智普开源--知识框架
website : http://frame.jeapedu.com
手机 ：137-1860-9533（移动），18010096001 （电信）
MSN : [email protected]

－－－－－－－－－－－－－－－－
何家胜
智普开源--知识框架
website : http://frame.jeapedu.com
手机 ：137-1860-9533（移动），18010096001 （电信）
MSN : [email protected]

[happypeter]

Roll your own design.

http://ruby-china.org/topics/7250

[luckyyang]

这些才是真正的干货啊

[happypeter]

http://www.gotealeaf.com/
http://teamtreehouse.com/

@luckyyang

[luckyyang]

@happypeter 我和Wendy（ http://www.wendyshijia.com/ 的作者）联系了一下，并把我们当前的这些项目信息都给她了，或者她看过来，说不定会在这留言呢，哈哈

[happypeter]

@luckyyang 只要咱们努力把项目不断更新，相信一定会吸引社区内的精英力量来帮我们。

非常希望能有机会和 Wendy 交流。

[asmcos]

这个人是朋友介绍的，她当时在找工作。
如果需要，我再联系她一次。

------------------ Original ------------------
From: "Liujiyang"[email protected];
Date: Sun, Jan 27, 2013 02:20 PM
To: "happypeter/onestep"[email protected];
Cc: "asmcos"[email protected];
Subject: Re: [onestep] 一些 ui 设计的参考资源 (#20)

@happypeter 我和Wendy（ http://www.wendyshijia.com/ 的作者）联系了一下，并把我们当前的这些项目信息都给她了，或者她看过来，说不定会在这留言呢，哈哈

           —
           Reply to this email directly or view it on GitHub.

[happypeter]

@asmcos 那当然好啦。

[luckyyang]

http://sassme.arc90.com/
这个网站用来调色也不错，显示出来一大片更直观，而且可以和sass结合着用，下面的color function直接就出来了，比如输入#087560，输出#0a997d，color function为lighten(#087560, 7)

[luckyyang]

http://codepen.io/

funny place to show some web skills

[happypeter]

Cool stuff!

On Mon, Jan 28, 2013 at 12:11 AM, Liujiyang [email protected]:

http://codepen.io/

funny place to show some web skills

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/20#issuecomment-12756378.

Regards
Peter

happycasts. http://happypeter.github.com/index.htmlnet

[asmcos]

  这个首页改改就能用。做视频学习网站非常的合适。------------------ Original ------------------From:  "Peter Wang"[email protected];Date:  Mon, Jan 28, 2013 08:51 AMTo:  "happypeter/onestep"[email protected]; Cc:  "asmcos"[email protected]; Subject:  Re: [onestep] 一些 ui 设计的参考资源 (#20) Cool stuff!

On Mon, Jan 28, 2013 at 12:11 AM, Liujiyang [email protected]:

http://codepen.io/

funny place to show some web skills

—

Reply to this email directly or view it on GitHubhttps://github.com//issues/20#issuecomment-12756378.

Regards

Peter

happycasts. http://happypeter.github.com/index.htmlnet

          —
          Reply to this email directly or view it on GitHub.

[luckyyang]

good buttons, easy to config:

http://jaredhardy.com/sassy-buttons/

[luckyyang]

awesome animates(I love those effects so much):

http://thecssguru.freeiz.com/animate/

---

those resources come from here:
https://gist.github.com/4648872

[asmcos]

 http://study.163.com/course/introduction.htm?courseId=215008#/courseintro目录 还可以。 ------------------ Original ------------------From:  "Liujiyang"[email protected];Date:  Mon, Jan 28, 2013 10:28 AMTo:  "happypeter/onestep"[email protected]; Cc:  "asmcos"[email protected]; Subject:  Re: [onestep] 一些 ui 设计的参考资源 (#20) awesome animates:

http://thecssguru.freeiz.com/animate/

          —
          Reply to this email directly or view it on GitHub.

[luckyyang]

http://www.gangker.com/index.php

日志风格

[happypeter]

@luckyyang 日志我们还是照抄 github blog 的风格吧，我们的原则是 github 找不到参照的再去抄别的网站。效率第一。

我们现在比较缺的是

• 迅速把代码修的比较像回事（跟 github 一样就行），我们的 about 和 blog 还有大量的工作要做。
• 做一套图标，单色轮廓图就可以
• 一个像样的 logo

[wendyshijia]

hello，大家好，我过来瞅瞅，谢谢你们喜欢我的作品。我平常接商业项目偏多，每做几个月商业活，就闲个把星期给自己做做东西。你们是全职在做这个教育项目吗？

[luckyyang]

@happypeter 我从endlessicons.com上面下了一堆图，我看有一些手机什么的图标，不过图标需要和内容结合，我们那部分内容还没定下来吧。先从这里面挑几个，不行的话再花时间弄。

about page我改了些，明天前push上来，明天我去你那住，正好讨论下。

---

@wendyshijia 欢迎啊，我们都很欣赏你的才华。我们都是全职在做，看了你的邮件，你的很多观点都很不错，我把我们的邮件贴上来（最新的在最上面），让大家讨论吧。你说你很忙，哪天有时间我们聚一起聊聊最好了，我们可以到你住的附近。

---

Hi, Yang
谢谢回复。抱歉没有及时回复，几个项目都赶着年前交货，所以忙得不行，我稍后去github打个招呼。我觉得web这个领域很有潜力，希望一切顺利！

lynda我倒是没用过，感觉一本正经的教学网站我个人不是太感兴趣，至少它给我中规中矩的第一印象。。。订阅的模式尽管比买一门课便宜，但我有可能突然来个新项目这个月就完全没时间了，所以对我个人来说不太合算。但是它成功这么就肯定这个模式也可取的。如果内容再好玩一点我相信更多人会感兴趣。相比之下udemy和codeacademy都很有趣，一个是内容，一个是形式，我喜欢这种轻松的氛围。另一个我跟过的课程是coursera,完全是冲着名校讲师去的，还布置作业和小组讨论，完全另一种气氛！不知你们是想走哪种路线

以上都是我个人偏好。你们issue里提到的中文的几个，看上去不错啊，我也去猎奇一下。从教学网站的角度，我感觉得让学习者更接近讲师，以及增加学习者间的交流是竞争的关键，国内学生习惯你讲我听，怕提问（我也是），但是在交流中产生的认识能记得牢，学习也就有了价值，这点上我觉得webminar的实时交流很有意义！可能用户一开始不能value交流的价值，长远来看还是很有竞争力的

Cheers，

Wendy

2013/1/27 jy Liu [email protected]
Hi Wendy，

谢谢你的回复。微博的字数有限制，还是邮件吧。

其实我们现在网站的代码主要是peter一个人，我最近刚参与进来，但经验不多，每天都在拼命学习。关于你的问题：

1. 我们目前想到的盈利模式就是订阅，而且我们想把订阅价格做的很低，这就要求需要有大量的课程做支撑，这也是需要我们以后积累的。虽然我们知道课程的数量很重要，但是对于标准和质量的追求是我和peter都不会放松的，我们不会急功近利，这和我们对于生活的追求也是一致的。
2. 我们团队现在就有很优秀的老师，peter就是一个，既能写代码，又能讲（他自己的免费的视频网站www.happycasts.net），但我们肯定不会完全依靠他的。还有何老师，**kernel大会的组织者，也是一个优秀的老师，这些优秀的人也容易聚拢优秀的人才。
3. 课程来源，我们不想像很多网站那样，各种专家和名师用显眼的字体放在明显的宣传位置上。我们会有一个录视频的标准，只要符合我们的标准都可以成为我们网站的老师。而对老师的介绍，我们更偏向于他曾经的作品的讲课风格一类的，对于专家这种具有等级意味的词语我们很反对，对于老师的魅力是靠他的粉丝数来决定的，用户会用鼠标投票的。而且，我们希望创造一种平等的氛围，就像我们想创造一个平等的公司环境一样。

udemy是个不错的网站，还有挺多的，比如khan，udacity，codeschool，等等，我们都很佩服。他们的好的东西我们也要学习，这些网站我们在github的issue上也有讨论。但我们的模式类似于lynda.com，也是个非常优秀的网站，每个月25美金就可以随便看他的视频了，而且质量很高，换算成人民币我觉得都不贵，很爽的，呵呵。现在国内也有些教育网站，能看出来这些人对教育还是有热情的，但很多还是挺贵的，学一套课要好几百块。我们有个老师放到一个网站上的视频，点击量还是挺高的，但是没人买他的课，虽然40块不多。但其实对于网络资源来说，我觉得还是挺贵的，所以我们想采用包月订阅的模式，这个对于用户是最有所值的。

对于课程质量，我们可以把关好，因为我也说了，这和我们对于生活的追求是一致的。对于交互界面，我只能说，我们非常在乎用户的感受，我们要创造一个好的产品，不只是给用户，也是给我们自己，而我相信在这一点上，你是很优秀的，如果我们能有机会合作一起创造一个好的产品，我觉得这也是一件挺好的事情。

不介意我把我们的讨论放到github上我们的issue上吧，或者直接到github上去讨论（https://github.com/happypeter/onestep/issues/20#issuecomment-12751976），呵呵。

你认识何老师或者他的朋友？刚从issue上知道（https://github.com/happypeter/onestep/issues/20#issuecomment-12751976）。

祝好，
刘吉洋

from wendy：

Hi, 看了你的网站，感觉你团队的技术经验挺丰富的，想法也不错，的确中文资源非常缺乏。关于你们的产品，提几个小问题：1，盈利除了订阅，还有其他吗？2，现在做教育的很多，你的团队有是么特别的资源呢，比如课程来源／营销渠道等等。3，课程来源是谁？ 感觉你们想做成中文资源的web教学平台，有个很不错的在线教学网站www.udemy.com，我也在用它里面的付费课程（不过不是订阅），感觉整个交互界面和课程质量都很不错。有兴趣可以探索

[luckyyang]

有趣的课程我看了也很兴奋，像envylabs的codeforzombies就是很棒的课程。我也想做一些这样的形式活泼的课程，但是大部分还是以朴素和内容充实为主，因为制作精良的课程是需要花时间的，而这也是最大的成本。

对于交流的价值我也是很赞同的，可能有2种：

1. 学生和老师之间的交流。不会强迫老师去进行额外的指导，因为老师的主要责任是录视频，录制好的视频献给学生。但如果老师想这么做，我也是支持的。
2. 学生之间的交流。我们很想形成一个好的社区氛围，以后会组织一些社区活动促进大家的交流，认识朋友（上次我组织了一次打球，天太冷，都没来 ：））。

[happypeter]

@wendyshijia 欢迎过来，我开始也很讨厌 lynda.com 的一本正经，给人很大路货的感觉，不过后来订阅后才感叹，不能因为一个人长的太普通而小看他 😺

@luckyyang 线下活动，我们以后还会组织的，爬山，骑行。。。