趁我还在实习这事情干了, 感谢 [[[[[[[[[@suqian](/user/suqian)](/user/suqian)](/user/suqian)](/user/suqian)](/user/suqian)](/user/suqian)](/user/suqian)](/user/suqian)](/user/suqian) 大大给我机会. 希望更多人关注论坛的界面和代码 下午刚翻到个界面风格类似的博客, 做的比我干净利落, 大家看看能接受不 Mutation 事件和 MutationObserver CNode 旧界面挺僵硬, 很多功能用不到, 真好想注释掉(然后 node app.js 就起不来了 :P) 论坛里应该有做设计的同学吧, 指点一下吧

现在网上看到的优秀网站设计, 都在变简单变清晰… 更少的元素突出界面的重点 这很大程度上是移动平台带来的影响, 但这样的界面也是为了更好地阅读不是么? 我看的设计资源里出现好多我喜欢的界面, 希望也有人喜欢 ^_^ thebestdesigns adapting-flat-design webdesignledger Here Lives Amanda Node.js! Wait, how many modules do I have to choose from?

“写给大家看的设计书”PDF 里讲了页面设计的四个原则 对比, 重复, 对齐, 亲密性 – 我觉得归结下来都是更好的可读性, 和更好地突出重点 我本来好想做设计的, 基础知识没学够渐渐往码农掉了呢 >_< 学 Node 我想, JS 将前端后端统一, 然后我专心去设计界面, 把东西做更好… 唉…

界面细节我打算进行修复的

• 手机访问, 字体没有进行适应

买新手机后一直忙着实习没探索过, 只会基本的适应, 等待有同学更好地改进

• 回复里图片没有阴影, 直接加上
• 背景太亮, 可能和屏幕有关系

另外背景图片, 大家有推荐的么? 加上字颜色的搭配… 如果在界面上直接用 devtools 改了图片和字色给截图就更好了 ^_^

• 圆形的头像图片
• 不要采用并列的头像, 界面太紧凑, 按朴灵大大说的去掉一个
• 回复按钮下方空隙大小不对
• Markdown 编辑以后预览有 Bug. 文字出现重叠, 要改

我也觉得不好看希望有大大给改的

• 编辑器样式调整比较无力

编辑器用的是现成的模块, 且用了有背景色的图片, 块头大改不动… 我有个想法, 编辑器用弹出层, 和主页面分离… 编辑内容长度变动太大界面也能保持稳定

• BootStrap 样式感觉太过单一

BootStrap 胜在编写界面的快速高效和整齐, 但也给做美工增加了难度 CNode 用 BootStrap 的地方, 感觉不是非常有必要, 个人感觉… 但要我拆开, 估计提交代码太次直接被拒, 整站代码量不小的

• 单栏界面来突出重点

我其实很希望 CNode 界面没有侧边栏, 我认为侧边栏用处不是很大 我们要更多的是快速地很人交流, 侧边栏那么多内容, 完成可以是单独的页面 Ruby-China 就专门有个页面放这些: http://ruby-china.org/ 没有侧边栏的话, 话题列表能更宽裕, 而且重点也被突显出来, 移动平台就明显方便

貌似有同学关心我是实习生… 是实习没错… 第一份工作目前完全没经验, 求指点

参考的站点

Python-China 总把界面做很简洁, 头像, 话题, 都没有乱的感觉 两个头像是 Python-China 先用的, 不过人家现在把头像藏在右边了 只是 CNode 回复等等的功能比对方多, 也不好照抄…

Discourse 是 Ruby 写的, 界面是单栏, 我更喜欢这样 更宽的界面, 关于帖子本身的内容显示起来更加清晰, 主要就是实用 这方面 CNode 差距更远了, 更难借鉴, 我只是有这方面想法…

我的初衷是想 CNode 变成让大家更轻松的网站, 简简单单做交流 因为能力不够的原因, 给的方案和实现都不能让人满意… 也不是让所有人满意, 写 Ruby 写 JS 都能有分歧, 界面就更加容易了… 希望有前端技术好的同学来提交代码… 把 Ruby Python 社区比下去