- 发帖可能变空内容，邪门暂不知所以然
- 『稷下学宫』新认证方式，24年网站打算和努力目标
主题：【原创】网站扁平化设计及agile开发尝试 -- 前驱
家园 【原创】网站扁平化设计及agile开发尝试 一直想折腾个网站，把自己的一些设计作品展示出来。最近有些时间，给自己加了些码，连西西河也没怎么来。总算把网站架子初步搭好，整上线了。基本能自己动手的都是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，小弟不胜感激。
此贴如有不妥，请铁手明示。
家园 小弟发帖不多 好容易有些内容可以写写，字字都是亲身体会，实在经验。不料大家反应不高，虽然有6个收藏，但读者似乎不多。
娘子说不知道是不是题目取得过分干瘪。我有心试一下不同得题目是否能对吸引读者如此大得影响。现将完全相同内容再用不同题目发一次，看看是否反响有所不同。绝不是炸版，请各位包容。
家园 漂亮啊，能否给个源码研究研究 最近也想搞个个人网站玩玩，但是不会写，能否给套源码学学，[email protected]
家园 我发现这东西就是摸着石头过河 慢慢尝试收获最大。你有什么具体尽管问，不用客气。
家园 【原创】十年前写的与网站规划相关内容 网站规划要求
一、域名＋服务器+邮箱的选择
1、域名要求：与业务有关联或有传承，容易记忆，长度、组合便于输入。几个域名可以同时对应一个网站。
2、虚拟主机要求：服务器稳定（老资格ICP），每天24小时在线，所在地、所在机房带宽有保障，支持所要求的语言及功能，有足够的空间。
3、建议单独购买vip信箱，已经具备则不用。如果没有专门的服务器，最好不要用以企业网址为后缀的所谓企业邮箱。
二、网站浏览速度要求
网站必须兼顾没有宽带的用户和多用户同时浏览，除了服务器的选择，还须注意：
1、内容分割、结构规划合理，合理分流浏览者。
2、减少特技、视频、音频的使用（也是降低成本的要求之一）。
3、界面图片合理分割，站内图片精心挑选，另存为小尺寸的图片。图片保存从命名开始，命名都要有编号，用汉语拼音（策划和设计人员通力完成）。
4、文章格式保存为占用空间较少的写字板等格式，大容量下载资料压缩。
5、网站语言的选择，出于维护考虑，普通网站一般用最冗长的asp。
三、制作规范
1、界面尺寸考虑到中年以上（决策者）和流行显示器浏览需要，建议按照17英寸显示器，800*600分辨率，16位增强色排版。按照这个设置，最小页面正好接近满屏，浏览者无须左右拉动滚动条。或1024*768分辨率兼顾800*600分辨率的设置者。目前主流显示器为17寸显示器，分辨率设置1024*768为主，决策者设置不定。
2、页面色调、风格与已有印刷品、Logo等相得益彰。
3、突出文字内容，不得喧宾夺主。文字不得采用无色或浅色，方便浏览者复制-粘贴后阅读。文字不得使用怪异字体，不加装字体的普通电脑视觉效果就可以体现。
4、确定颜色考虑到冲击力同时，也要注意减少对眼球疲劳的影响。文字字号不得过小，以适应中年以上人员。
5、通过技术手段，降低不同分辨率对视觉效果差异的影响。
6、图文混排页面，分开下载，加快上网速度。
7、基本页面控制在一定数量内，方便浏览者丧失兴趣前浏览完毕。
8、内容规划会考虑到网站内容的延展性，界面设计也要留有余地。
9、所有版面链接必须明晰，无死链接，合理区分直接链接和超链接（新窗口打开），好找、好进，页面之间的自然切换。同一层次不同页面切换，共有的模块直接转到另一页，无须先消失再转到浏览界面（制作方）。
10、在线留言直接提交进指定信箱，无须通过e-mail发送。
11、规划-设计完毕，除动态新闻和论坛内部内容外，不得轻易修改（至多3个月甚至半年一次，规划用3年），不得作结构性修改。
12、网站建好，自己人先把公司动态、论坛填充好。
普通网站相关成本包括以下几块：
1、空间、域名费用（必须成本），最好企业自己选择IDC的。
2、策划费用（纯人力投入，1个人）
3、制作费用，包括美工和简单技术（也是纯人力投入，1－2个人，视情况，1-10个工作日/1人都有可能），一般网站不会超出追梦和photoshop范畴，至多加几行简单程序。
4、如果要求功能比较高，可能需要特别技术费用（1－2个人纯人力投入＋服务器支持功能的选择）
5、推广费用 策划方案已经包含了部分推广建议，推广尽量用惠而不费的办法。专门的推广费用视具体投入确定方案。
6、修改（维护）费用 最好在策划阶段就规划好，尽量不做非结构性修改，只是更新新闻。除此以外，修改最好有策划指导，否则很可能越改越差，即时简单的替换部分数据。
另，需要把尽可能全的电子和书面资料提供给策划人。
把网站建好，发挥效果，投入一定的前提下（并不高），关键看策划人水平以及职业道德，如果网络服务公司指定策划人，那就看提供服务的公司商业道德了。不管怎样，深刻了解各类媒体优劣、懂得网络、理解营销、了解企业产品特性和行业特点是把网站策划好的必须，而且缺一不可。
通宝推：前驱,家园 非常漂亮，给楼主推荐个网站，我觉得你可能会喜欢 http://www.simple-style.com/
家园 谢谢夸奖，这个网站真不错。 我会多读的。希望能多分享类似资源。
家园 很漂亮！非常棒！ 行外人的赞美！
家园 去看了，还行，就是内容少了点 家园 说到点子上了。 通常网站在内容和界面的平衡上都很是纠结。
由于这个网站的主要尝试是在于界面的扁平化设计，同时由于其展示内容为graphic design作品。我觉得寄希望于简单直接的界面互动达到内容的传递，而非文字的单向推送。点击图标打开设计全图为当前标准网络操作，这个操作应该不会有太大歧义。
另一方面，对版面简洁的追求确实限制了展示内容的全面。比如之前为西西河做的logo设计就没有放上去，尽管我很喜欢那个设计。
如我之前说的，这个只是实现基本功能的网站架子。更多的内容及其展示方法都还在完善之中。