一些 ui 设计的参考资源 #20

happypeter · 2012-11-23T07:56:21Z

Cool UI design, shared by @asmcos

http://www.wendyshijia.com/

happypeter · 2012-11-24T11:55:54Z

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

type set for Chinese display

luckyyang · 2012-11-27T01:51:30Z

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

happypeter · 2012-11-27T02:21:58Z

@luckyyang yes, it's cool

asmcos · 2012-11-27T03:41:10Z

确实很酷。

2012/11/27 Peter Wang notifications@github.com

@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 : asmcos@hotmail.com

luckyyang · 2012-11-27T08:17:12Z

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

asmcos · 2012-11-28T00:56:41Z

有这样的现成的模板吗？

2012/11/27 Liujiyang notifications@github.com

@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 : asmcos@hotmail.com

happypeter · 2012-11-28T02:38:03Z

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

happypeter · 2012-11-28T02:39:05Z

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

asmcos · 2012-11-28T03:34:58Z

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

在 2012年11月28日上午10:39，Peter Wang notifications@github.com写道：

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 : asmcos@hotmail.com

luckyyang · 2012-11-28T03:39:49Z

从头设计确实不值得，那些模板挺好，我选了几个：
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-28T03:51:39Z

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

2012/11/28 Liujiyang notifications@github.com

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

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 : asmcos@hotmail.com

asmcos · 2012-11-28T03:53:08Z

2012/11/28 asmcos he asmcos@gmail.com

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

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

2012/11/28 Liujiyang notifications@github.com

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

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 : asmcos@hotmail.com

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

asmcos · 2012-11-28T03:55:23Z

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

在 2012年11月28日上午11:53，asmcos he asmcos@gmail.com写道：

2012/11/28 asmcos he asmcos@gmail.com

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

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

2012/11/28 Liujiyang notifications@github.com

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

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 : asmcos@hotmail.com

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

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

happypeter · 2012-12-02T01:40:28Z

Roll your own design.

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

luckyyang · 2012-12-02T03:58:10Z

这些才是真正的干货啊

happypeter · 2013-01-13T12:43:29Z

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

@luckyyang

luckyyang · 2013-01-27T06:20:06Z

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

happypeter · 2013-01-27T07:11:25Z

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

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

asmcos · 2013-01-27T08:50:00Z

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

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

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

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

happypeter · 2013-01-27T09:43:41Z

@asmcos 那当然好啦。

luckyyang · 2013-01-27T15:47:14Z

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

luckyyang · 2013-01-27T16:11:49Z

http://codepen.io/

funny place to show some web skills

happypeter · 2013-01-28T00:51:14Z

Cool stuff!

On Mon, Jan 28, 2013 at 12:11 AM, Liujiyang notifications@github.comwrote:

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 · 2013-01-28T00:53:35Z

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

On Mon, Jan 28, 2013 at 12:11 AM, Liujiyang notifications@github.comwrote:

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 · 2013-01-28T02:26:54Z

good buttons, easy to config:

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

luckyyang · 2013-01-28T02:28:08Z

awesome animates(I love those effects so much):

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

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

asmcos · 2013-01-28T09:49:32Z

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

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

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

luckyyang · 2013-01-29T01:27:03Z

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

日志风格

happypeter · 2013-01-29T02:36:01Z

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

我们现在比较缺的是

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

wendyshijia · 2013-01-29T04:46:17Z

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

luckyyang · 2013-01-29T05:06:34Z

@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 2411mail@gmail.com
Hi Wendy，

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

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

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

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 · 2013-01-29T07:08:50Z

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

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

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

happypeter · 2013-01-29T08:57:40Z

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

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

happypeter mentioned this issue Jan 13, 2013

TODOs #47

Closed

5 tasks

happypeter closed this as completed Jan 31, 2013

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

一些 ui 设计的参考资源 #20

一些 ui 设计的参考资源 #20

happypeter commented Nov 23, 2012

happypeter commented Nov 24, 2012

luckyyang commented Nov 27, 2012

happypeter commented Nov 27, 2012

asmcos commented Nov 27, 2012

luckyyang commented Nov 27, 2012

asmcos commented Nov 28, 2012

happypeter commented Nov 28, 2012

happypeter commented Nov 28, 2012

asmcos commented Nov 28, 2012

luckyyang commented Nov 28, 2012

asmcos commented Nov 28, 2012

asmcos commented Nov 28, 2012

asmcos commented Nov 28, 2012

happypeter commented Dec 2, 2012

luckyyang commented Dec 2, 2012

happypeter commented Jan 13, 2013

luckyyang commented Jan 27, 2013

happypeter commented Jan 27, 2013

asmcos commented Jan 27, 2013

happypeter commented Jan 27, 2013

luckyyang commented Jan 27, 2013

luckyyang commented Jan 27, 2013

happypeter commented Jan 28, 2013

asmcos commented Jan 28, 2013

luckyyang commented Jan 28, 2013

luckyyang commented Jan 28, 2013

asmcos commented Jan 28, 2013

luckyyang commented Jan 29, 2013

happypeter commented Jan 29, 2013

wendyshijia commented Jan 29, 2013

luckyyang commented Jan 29, 2013

luckyyang commented Jan 29, 2013

happypeter commented Jan 29, 2013

一些 ui 设计的参考资源 #20

一些 ui 设计的参考资源 #20

Comments

happypeter commented Nov 23, 2012

happypeter commented Nov 24, 2012

luckyyang commented Nov 27, 2012

happypeter commented Nov 27, 2012

asmcos commented Nov 27, 2012

luckyyang commented Nov 27, 2012

asmcos commented Nov 28, 2012

happypeter commented Nov 28, 2012

happypeter commented Nov 28, 2012

asmcos commented Nov 28, 2012

luckyyang commented Nov 28, 2012

asmcos commented Nov 28, 2012

asmcos commented Nov 28, 2012

asmcos commented Nov 28, 2012

happypeter commented Dec 2, 2012

luckyyang commented Dec 2, 2012

happypeter commented Jan 13, 2013

luckyyang commented Jan 27, 2013

happypeter commented Jan 27, 2013

asmcos commented Jan 27, 2013

happypeter commented Jan 27, 2013

luckyyang commented Jan 27, 2013

luckyyang commented Jan 27, 2013

happypeter commented Jan 28, 2013

asmcos commented Jan 28, 2013

luckyyang commented Jan 28, 2013

luckyyang commented Jan 28, 2013

asmcos commented Jan 28, 2013

luckyyang commented Jan 29, 2013

happypeter commented Jan 29, 2013

wendyshijia commented Jan 29, 2013

luckyyang commented Jan 29, 2013

luckyyang commented Jan 29, 2013

happypeter commented Jan 29, 2013