- 发帖可能变空内容，邪门暂不知所以然
- 『稷下学宫』新认证方式，24年网站打算和努力目标
主题：我的设计 tree housee -- 前驱
家园 我的设计 tree housee 一直想折腾个网站，把自己的一些设计作品展示出来。最近有些时间，给自己加了些码，连西西河也没怎么来。总算把网站架子初步搭好，整上线了。基本能自己动手的都是DIY的，包括animated GIF。希望大家给看看，捉个虫子啥的。
在设计开发当中，有教训，有心得，前者多后者少。至今有些拦路虎还未解决，但只有抓大放小了。到现在网站还只是个简陋的架子，只是试图将一些简单功能实现在扁平化设计中。如下经验和大家分享一下，希望各位河友不吝指教。
1. 在网站构思的初期，试图抓住一些创意的火花而忽视了整体的规划，事实证明得不偿失。经验是一定要注重网站（包括应用）界面整体统一规划。这个也适用于以下第二点。
2. 在初步了解了扁平化设计概念后，发现和自己设计风格不谋而合，于是将方案推倒重做。认真在Illustrator上完成样板设计，这一步进展很快，而且在之后的开发中帮助极大。经验是要今早确定requirement，防止goldplating。
3. 在设计中，我采用了大面积工业化色彩来烘托设计主体，同时支持页面翻篇效果。在视觉上采用了高度简化的设计元素，抛掉过分花哨的装饰。同时采用了单一字体和色彩，保证了界面风格的统一。在坚持独立开发（而非大量采用Framework）的同时，大致实现了扁平设计。
4. 坚持使用css，和jQuery，保持网站在发展中保持最大的兼容性和持续性。杜绝flash在苹果上的使用限制，虽然我的responsive site还在将来的sprints计划里。
5. 在开发初期比较谨慎，注重version control，代码中的注解和保存比较保守。但后来发现帮助不太大，而且增加了不少时间成本。看来extreme programming在这种小规模开发中确实是事半功倍的做法。在开发后期大胆删减重组代码实际减少了开发成本，增加了效率。
6. 网路组件的integration成本应该有充分的预计。我在网站上使用了jQuery的lightbox相册，但没想到和我主页上的Javascript矛盾，导致div位置重计算失效。经多次尝试仍未解决，本着usable delivery的focus，只有将重定位部分关掉导致网站最炫功能无法实现。
7. Sprint计划的重要性，我现在有不少user stories需要实现，但只能抓住must have部分。无奈很多nice to have只有一推再推了，计划中需要果断取舍。
以上小小心得，希望和大家分享。
小弟还试着做了个Facebook的商业page，大家有时间上去看看。如果帮忙点个like，小弟不胜感激。
此贴如有不妥，请铁手明示。
本帖一共被 1 帖 引用 (帖内工具实现)家园 作为设计的菜鸟爱好者；几天前在fb上看到的网页设计模块 还没试过；无法评判：
http://www.wix.com/htmlsites/your-website-builder?utm_campaign=fb_pp|p_en-c_AU-g_m-a_23t25-r_f-bc_n-ca_features&experiment_id=6009829411482&ifcontext=cozn0000000p1l
还有这种：
http://flavors.me/
都是方便菜鸟和不懂网页设计的傻瓜使用的。
不过这种模块网上搜一下还是不少的。
兄弟在哪里学的设计？课程叫平面设计还是多媒体设计？学制多久？
什么叫扁平化设计？
我倒觉得封面做得简单了，或者说，不够吸引眼球。是不是因为上面所说的兼容性问题，导致你把一些炫的功能关掉所导致的？
家园 WIX 不是个很好的选择， WIX生成flash based页面，也就是说与Apple的移动系统不兼容。在果粉当道的今天，这太危险了。
flavor.me不太了解，值得进一步关注。谢谢。
我是新中国培养的设计人才，正儿八经的科班工业设计专业。现在就做一点graphic/web design，因为这个对团队支持要求最小。正式的产品开发，小分队是玩不转的。
被关掉的炫的功能在首页实际不多，封面留白是想保留一些想象的空间。类似于‘高端’建筑前宽阔的广场。
家园 看来兄弟还是很有一套的；请多谈谈。我对 graphic design 很感兴趣。
至于web,以前读多媒体的时候略有接触，但当时是flash 横行；现在不知道了。我想做一个个人网站，本来想动手搞一个简单的flash 网站，但也是因为这个不兼容问题，一直拖着，因为不懂web design, 有时想用模块搞一个，但总觉得模块的东西太公式化；不知道deram weaver做网站效果如何，有无兼容问题？
你又是用什么做的？有什么可以推荐的？首先声明，我不是代码党；看到代码就头疼的 lol.
家园 兄台有否考虑过wordpress？ 模板数量众多，有不少非常不错的选择，同时简单易用。
Dreamweaver是个不错起点，但在调试中还是需要有一些简单的代码工作。
我是hardcore的套路，Firebug + Code editor，但在开始coding前我用illustrator做了个样板。这个样板的参照作用非常大。
家园 不瞒兄弟你，我是外行；只是感兴趣，学点 illustrator, indesign. 对网页制作仅限于知道flash可以用来做网页，dreamweaver 可以用来做网页。当然，如果真花点时间，用flash或者dreamweaver做一个可以用的网页还是做得到的；但也仅限于可以用。
但我的确到了需要一个网页的时候了。所以想问问，dreamweaver做网页，apple 平台上可以看吧？我是说不加flash的前提下。
我觉得兄弟可以在这里搞一个傻瓜做网页跟我学教程；比如把网页制作分28步或30步，每天一步，教有兴趣的跟进，大家把自己每天的进展上传，到一个月后，就有很多有趣的网页可供链接，你也就有一大批粉丝和链接了；最好的学习就是教别人，老师说过的。
到时候你可以拿这个作为自己是web consultatant的证明去找更senior的位置。。。。。考虑一下？
家园 老兄谬赞了，西西河大牛如云，哪轮得到我造次。 Dreamweaver和flash没有依赖关系，html based的网页苹果完全接受。
谢谢你的网站教程的点子，真的不错。真心希望河里有大牛带着大家一起玩一下。前驱这两把刷子，差得还远。
家园 大牛不是天生的；这个没有血统论 大牛也是从普通生物打怪进步到小牛，小牛养成变大牛的嘛！
再说大牛不出声，不出手，那就等于没有。
这倒不必过谦。这么说，就是学校老师，还有教幼儿园的，教小学的，教中学的，教大学的呢。
再说，你可以把工业设计的概念，架构；程序步骤教大家；
这些连我这学习平面设计入门知识的都不懂，但一看就知道是很有用的；在设计团队里，你这套东西，应该是属于那些stragegy planner使用的；
然后再由具体设计员去将之visualize.
我学的就是如何做一个设计员；你那套东西是设计师；我就很感兴趣；相信这里会有很多人感兴趣的。
一句话:最好的学习就是教别人。
顺便说一句:很多西人别看表面好像很胸有成竹，但他们实质上是很肤浅也很没有把握的；西人有一句话：fake it till u make it.
赶鸭子上架，兄弟上！
家园 非常漂亮，作为普通用户提几个意见 非常棒的网站，但是斗胆说一下我觉得有问题的地方：
1 右侧的导航按钮功能不够清晰，第一次访问网站的话有点摸不到头脑。
2 首页底部的文字链接，鼠标悬停的时候会因为变成粗体导致整体移位。
3 最后一页的联系方式页面似乎有点简陋，和整体不够协调。
家园 感动，很详细的反馈 非常感谢你的反馈，所有发现都是很具体和实际的。如果没有仔细测试，不太容易触及这些细节。
1 右侧的导航按钮功能不够清晰，第一次访问网站的话有点摸不到头脑。
这个设计主要目的是提供一个快速导航按钮，同时提醒读者网页有多篇内容。最开始我没有在页面上方活动箭头（animated GIF)，很多时候读者会误以为网站只有第一页。比较理想的设计师将当前页的信息反映在导航按钮上。但由于code兼容的问题，这个功能只能放在接下来的开发周期里进行了。
2 首页底部的文字链接，鼠标悬停的时候会因为变成粗体导致整体移位。
这个整体浮动的效果是我很长时间权衡的结果，再次感谢你对细节的关注。我个人认为这个小量位移有一种弹性和活泛的效果；提供了一种视觉上的控制回馈。最后将它保留下来了。
3 最后一页的联系方式页面似乎有点简陋，和整体不够协调。
联系页面确实比较简陋，我计划在接下来的开发周期里对其进行major填充，包括直接email的输入区，主要Social Media链接等。待全部完成后页面会趋于平衡。
家园 国内打开很慢。不知道其他人如何。 家园 自己做，不容易啊 先上花鼓励。