主题：我的设计 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 右侧的导航按钮功能不够清晰，第一次访问网站的话有点摸不到头脑。

2 首页底部的文字链接，鼠标悬停的时候会因为变成粗体导致整体移位。

3 最后一页的联系方式页面似乎有点简陋，和整体不够协调。

还没试过；无法评判：

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/

都是方便菜鸟和不懂网页设计的傻瓜使用的。

不过这种模块网上搜一下还是不少的。

兄弟在哪里学的设计？课程叫平面设计还是多媒体设计？学制多久？

什么叫扁平化设计？

我倒觉得封面做得简单了，或者说，不够吸引眼球。是不是因为上面所说的兼容性问题，导致你把一些炫的功能关掉所导致的？

非常感谢你的反馈，所有发现都是很具体和实际的。如果没有仔细测试，不太容易触及这些细节。

1 右侧的导航按钮功能不够清晰，第一次访问网站的话有点摸不到头脑。

这个设计主要目的是提供一个快速导航按钮，同时提醒读者网页有多篇内容。最开始我没有在页面上方活动箭头（animated GIF)，很多时候读者会误以为网站只有第一页。比较理想的设计师将当前页的信息反映在导航按钮上。但由于code兼容的问题，这个功能只能放在接下来的开发周期里进行了。

2 首页底部的文字链接，鼠标悬停的时候会因为变成粗体导致整体移位。

这个整体浮动的效果是我很长时间权衡的结果，再次感谢你对细节的关注。我个人认为这个小量位移有一种弹性和活泛的效果；提供了一种视觉上的控制回馈。最后将它保留下来了。

3 最后一页的联系方式页面似乎有点简陋，和整体不够协调。

联系页面确实比较简陋，我计划在接下来的开发周期里对其进行major填充，包括直接email的输入区，主要Social Media链接等。待全部完成后页面会趋于平衡。

WIX生成flash based页面，也就是说与Apple的移动系统不兼容。在果粉当道的今天，这太危险了。

flavor.me不太了解，值得进一步关注。谢谢。

我是新中国培养的设计人才，正儿八经的科班工业设计专业。现在就做一点graphic/web design，因为这个对团队支持要求最小。正式的产品开发，小分队是玩不转的。

被关掉的炫的功能在首页实际不多，封面留白是想保留一些想象的空间。类似于‘高端’建筑前宽阔的广场。

graphic design 很感兴趣。

至于web,以前读多媒体的时候略有接触，但当时是flash 横行；现在不知道了。我想做一个个人网站，本来想动手搞一个简单的flash 网站，但也是因为这个不兼容问题，一直拖着，因为不懂web design, 有时想用模块搞一个，但总觉得模块的东西太公式化；不知道deram weaver做网站效果如何，有无兼容问题？

你又是用什么做的？有什么可以推荐的？首先声明，我不是代码党；看到代码就头疼的 lol.

模板数量众多，有不少非常不错的选择，同时简单易用。

Dreamweaver是个不错起点，但在调试中还是需要有一些简单的代码工作。

我是hardcore的套路，Firebug + Code editor，但在开始coding前我用illustrator做了个样板。这个样板的参照作用非常大。

illustrator, indesign. 对网页制作仅限于知道flash可以用来做网页，dreamweaver 可以用来做网页。当然，如果真花点时间，用flash或者dreamweaver做一个可以用的网页还是做得到的；但也仅限于可以用。

但我的确到了需要一个网页的时候了。所以想问问，dreamweaver做网页，apple 平台上可以看吧？我是说不加flash的前提下。

我觉得兄弟可以在这里搞一个傻瓜做网页跟我学教程；比如把网页制作分28步或30步，每天一步，教有兴趣的跟进，大家把自己每天的进展上传，到一个月后，就有很多有趣的网页可供链接，你也就有一大批粉丝和链接了；最好的学习就是教别人，老师说过的。

到时候你可以拿这个作为自己是web consultatant的证明去找更senior的位置。。。。。考虑一下？