《教师生活365》网设计参考

教师之友网

www.jssh365.cn
《教师生活365》——网站2014元月8日震撼开通！
教师美好生活 靠教师自己创造
衣-食-住-行-医-法-性-亲-友-书-网-艺-趣-助
14大专题版块，论坛/博客两大功能区，教师生活全息真情关注！

教师之友网

打发时光的102个网站

1，看看自己具有哪个大明星的脸型　http://www.play-analogia.com/cgi-bin/index/ 2，超有意思的Flash网站，虚拟办公　http://agencynet.com
3，亲自动手给美女画纹身　http://www.crustydemons.co.uk/UK/tattoo_parlour/index.html
4，输入文字就发出声音！　http://www.putonghuaonline.com
只支持繁体中文，同时也是学习普通话和粤语的好地方
5，在线做个通缉令　http://www.glassgiant.com/wanted/
6，制作属于自己的卡通大头像吧　http://cartoon.msn.com.cn
7，在你的照片上添加有趣对话　http://www.bubblesnaps.com
8，这个网站提供各种有趣的在线拼图　http://www.thebroth.com
9，很逼真！模仿XP系统操作的网站　http://www.kingnare.com
10，原来制作带阴影的LOGO如此容易　http://msig.info/web2.php
11，教你打领带　http://www.tieknot.com/dalingdai.html
12，系鞋带的N种方法　http://www.fieggen.com/shoelace/lacingmethods.htm#2trillion
13，咱也弄个自己的徽章玩玩　http://www.says-it.com/seal/index.php
14，在线素描　http://flashface.ctapt.de
15，各种动画图标制做　http://ajaxload.info
16，各种字体图片制做　http://cooltext.com
17，http://www.pollyglotto.com/index8.php
　　超牛的语音翻译，输入文字里面的人自动给你以语音的形式翻译出来，有趣的是他眼睛跟你你鼠标转，遗憾的是不是免费的！
18,你今天印书了么？免费将你的博客翻印成书　http://www.mrprint.cn/?UN=f1208b59454a9a744055&ShowType=0
19，做个德国身份证玩玩　http://onlinewahn.de/generator/
20，自己做个图来让别人拼　http://www.flash-gear.com/puzzle/
21，在线媒体提取工具　http://solor.cn
22，DiY网络拼图　http://www.webpuzzle.cn
23，2G网络硬盘，仿windows操作系统　http://www1.pc2n.com
24.在线媒体转换工具　http://media-convert.com
　　它支持大量的文件格式之间的互相转换，包括视频、音频、PPT文档、Word文档、表格文档、图片等等数十种之多。比如你可以把mp3转换成wav，把png转换成gif，把word文件转换成txt文件
25.在线保存，分享和交流网页，博客，新闻　http://www.hinale.com
　　为您的一篇文章嵌入Hinale按钮，更方便用户保存和交流您的文章
26.blog 搜索引擎　http://www.gnoos.com.au
27.[ ImageCrop ]　http://www.imagecrop.com
　　功能相对简单，它其实是一款为MSN、Yahoo Messager等制作头像的剪裁工具，因此，它的特色在于内置了专用尺寸模板，比如MSN、论坛头像75×75或85×85的尺寸等等。当然也可以自定义大小。
28.[ Online Image Editor ]　http://www.online-image-editor.com
　　支持JPG、PNG、GIF及BMP格式的图像，具备可转换颜色模式，添加边框，转换图像格式等功能，内置10个滤镜效果。
29.[ GifWorks ]Gif动画处理工具　http://gifworks.com
　　可生成动画效果的文字，不过不支持中文。可编辑的图像格式只有Gif类型，允许上传最大单个文件为400K。具备30多种滤镜效果、3 种优化工具及旋转、剪裁等常用图像编辑功能
30.[ Colorcombos ]　http://www.colorcombos.com
　　是一个网页配色自动探测工具，你只需输入网站地点，它就会帮你把该网站当前的网页配色方案展示出来，并提供相应的色值
31.[ PhotoShow ]　http://www.photoshow.com
　　是一个新型的图片展示服务，利用Flash技术构建。事实上，也可以把它当作如
　　[ ibloks ] http://www.wappblog.com/entry/200.html
　　[ Eyespot ] http://www.wappblog.com/entry/108.html
　　等这样的混合工具，它可把图片及音乐混合，做成一段效果非常酷的流媒体。
32.[ Imagesquash ]　http://www.imagesquash.com
　　又是一个图片转换工具，它可以根据按上传图片大小的百分比进行缩小，可转换图片格式为Jpeg、Gif及PNG，可改变图片质量。
33.[ 在线ping你的博客 ]　http://pingoat.com
34.[ iBloks ]　是一个多媒体混合工具，它能把照片及音乐混合成一段视频
　　http://www.ibloks.com　　
35.[ Web2.0 STYLr ]　是一个web2.0 Logo制作工具
　　http://web2.0stylr.com/stylr.aspx
36.[ Web2.0 Logo Creator ]　http://msig.info/web2.php
　　是一个专门用来制作web2.0网站logo的在线工具，制作出的logo具备了几个web2.0元素，比如倒影、beta标志等等，在有些地方可能不能打开这个网站，可以去http://www.cnproxy.com/webproxy.asp，通过代理打开！！
37.爱因斯坦写汉字　http://www.sbfun.org/einstein/index.php
38.[ Crusty Demons ]　http://www.crustydemons.co.uk/UK/tattoo_parlour/index.html]
　　是一个在线的纹身视频制作工具，可自定义纹身图案、文字内容和纹身位置，完成后会生成一段视频，并且可下载图片或者发送给朋友
39.[ Ponyfish ]　http://www.ponyfish.com
　　是一个在线Feed创建工具
40.[ SubAdjust-Web ]　http://dev.pdvel.com/subadjust/index.php
　　是一个用来调整DVD字幕的在线工具，你可以通过
　　[ SubAdjust-Web ]　http://dev.pdvel.com/subadjust/index.php
　　来调整DIVX字幕的时间，以便使其与DVD视频同步，另外还可以用来在SubRip和MirroDVD字幕两种格式之间互换。
41.在线favicon图标制作　http://tools.dynamicdrive.com/favicon/
42.[ converticon.com ]　http://converticon.com
　　是一个在线ico文件和png文件互相转化工具
43.[ krun.ch ]　http://krun.ch
　　提供了本地文件和网络文件的压缩和解压四种功能，压缩或解压缩后的文件可以下载到本地。另外它提供了zip、rar和gzip压缩文件格式供选择
44.[ 在线做个徽章 ]　http://www.says-it.com/seal/index.php
45.在这里，你可以在线做个以自己照片做硬币人物的硬币图片，好酷哦！！
　　http://onlinewahn.de/generator/m-maker.htm
46.想想自己的照片被外文报纸刊登在头版头条该是多么风光，在这里就可以轻松实现　http://onlinewahn.de/generator/z-maker.htm
47.一个在线生成flash菜单的网站，对站长很有帮助.　http://www.hostsun.com/gr/flash_generators.php
48.对有些做了IP限制的网站，可能无法访问，可以使用这个代理访问.　http://www.cnproxy.com
49.在线图片处理，网通　http://www.iephotoshop.com
　　　　　　　　 电信　http://www1.iephotoshop.com
50.你可以制作出很有专业水准的动态logo，有很多的样式供你选择 http://www.logomaker.cn
51.Flash头像　http://www.dookyweb.com/avatars.swf
52.印象派涂鸦板　http://jacksonpollock.org
53.在线网页截屏工具，在浏览器地址栏输入下面的代码就可以了。
http://images.websnapr.com/?url=thw.568idc.com红色部分换成你想要截的网页的地址
54.另外两个好用在线网页截屏工具　http://www.browsrcamp.com/　和　http://snap.otag.cn/screenshot.aspx
55.可以突破网吧的下载限制进行下载　http://thw.568idc.com/serve/xiazai.html
56.跳转FLASH生成工具　http://www.dfxy.org/tiao/
57.[krun.ch]　http://krun.ch
　　是一个在线压缩工具，它提供了本地文件上传压缩和解压、网络文件的压缩和解压四种功能，压缩或解压缩后的文件可以下载到本地或者通过Email发送。另外它提供了zip、rar和gzip压缩文件格式供选择。
58.在线生成纯css代码实现的圆角矩形的网站,对网站制作者很有用的东西
http://www.spiffycorners.com
59.it" target=_blank>http://pentacom.jp/soft/ex/" target=_blank>http://www.onlinewahn.de/generator/m-maker.htm
61.图片仓库：　　　　　　　　　　　　
http://pic.sdodo.com/
62.在线FLASH动画制作　　　　　　　　　
http://www.dfilm.com/index_movie_start.html
63.图片生成网页图标　　　　　　　　　　
http://www.chami.com/html-kit/services/favicon/
64.由蝌蚪网络提供的Gmail注册入口　　　
http://cnc.kedooo.net/gmail/
65.最全的邮件/QQ/MSN/BLOG图片生成器　
http://www.eoool.com/
66.收藏夹图标生成器　　　　　　　　　
http://www.html-kit.com/e/favicon.cgi
67.在线域名LOGO生成　　　　　　　　　
http://phorum.com.tw/Generator.aspx
68.免费3D banner在线制做网站　　　　
http://www.3dtextmaker.com/cgi-bin/3dtext.pl
69.输入图片就能查看字体　　　　　　
http://uptime.netcraft.com/up/
72.查看该域名IP主机下的其他域名　　
http://whois.webhosting.info/
73.生成email图片　　　　　　　　　
http://www.nhacks.com/email/index.php
74.世界网络里面有很多不错的测试　　
http://www.linkwan.com/gb/broadmeter
75.几个大城市的地图搜索　　　　　　
http://map.zhongsou.com
76.图片标签快速生成工具　　　　　　
http://www.eoool.com/
77.查询在google所有服务器中的PR值　
http://www.iwebtool.com/pagerank_checker?domain=www.XXXXXoob.com
78.免费加入140个搜索引擎　　　　　
http://freehosting.hostrave.com/p/ledbetter/submitware/index.php
79.在线生成多种样式的LOGO　http://sherlocco.com/create.asp
80.街道路牌签名生成器　　　　　　　
http://www.streetsigngenerator.com/
81.blog标签图片80×15/80×31制作　
http://button.blogflux.com/
82.在线生成漫画小图像的站　　　　　
http://www.abi-station.com/tchinese/
83.生成邮址图片条形码生成印章　　
http://www.makepic.com/
84.QQ在线状态代码生成　　　　　　　
http://is.qq.com/webpresence/code.shtml
85.身份证号码在线生成器-韩国/台湾　
http://i972.net/~gen/
86.条形码在线生成器　　　　　　　　
http://www.gzbonny.com/asp/barcode.asp
87.聊天工具在线状态生成器　　　　　
http://www.onlinestatus.org/usage.php
88.在线字体生成工具　　　　　　　　
http://www.logomaker.cn/
90.在线制作卡通头像　　　　　　　　
http://cartoon.msn.com.cn/
91.网站综合信息查询　　　　　　　　
http://www.webmasterhome.cn/
92.在线制作按钮(多种款式)　　　　　
http://www.buttonator.com
93.在线建立您的Web 2.0网站LOGO　　
http://web2.0stylr.com
94.在线生成彩字(爱狗狗吧)　　　　　
http://www.igogo8.com/
95.live个性图标在线制作　　　　　　
http://linux-fans.com/email/live/live.php
96.在线(IE版)图像处理工具　　　　　
http://www1.iephotoshop.com/
97.ajax载入效果　　　　　　　　　　
http://ajaxload.info/
98.报纸头条图片生成器　　　　　　　
http://www.onlinewahn.de/generator/z-maker.htm
99.杂志封面生成器　　　　　　　　　
http://www.funonit.com/funny_jokes/fake_magazine
100.MD5加密破解查询　　　　　　　　
http://www.md5.org.cn/
102.批量查询未注册域名　　　　　　　
http://www.moniker.com/domains/batch_reg.jsp

教师之友网

　陈大超，出生于湖北南漳，《青年文摘》杂志签约作家，作品见于国内外报刊，多次获奖。有作品入选《中国诗歌选》（台湾版）和《微型小说鉴赏辞典》等一百多种文集。追求自由之境，追求心灵与身体双重自由，终于在1998年辞职，成为以稿费为生的自由写作人。物质清贫，内心丰盈，爱憎分明——唯有懂的人才能在作品里感悟到。



1，《聪明的最高境界》目录：

一　荆棘变花篮
班长代我点炮的"秘密"
有一种"盛宴"更养人
梦想，需要一个"渺小"的窝
撞破梦想也是一种收获
"没有人可以依靠"的幸运
列车上的花篮
对人间真情敏感，就会创造奇迹
让自己越来越可爱的"阴谋"’
不能"痛快说话"的地方有钱赚
不想活得很贱的人，才会有前途
"骨头可以摔裂，法律不能受损"
很多情况下，素质就是威力
创造力，也可用于医治感情创伤
"规矩"更值钱
招聘"荣誉感"
珍惜那一刹那的"冲动"
不会游泳会浪费河水
世界的美好，是为谁准备的？
不遮掩想法，才有个性
超越人类灵魂的"罗布泊"
谁能看见韩寒内心的酸楚？
不能当演员的清纯，同样很美好
人生的辉煌，与"官"无关
说自己是蠢猪的资格
使命感与长寿
我常常去关心比我有钱的人
亮出你精神上的"桂林山水"
殊途同悟
遗失在老家的珍珠
故乡，来去匆匆味才浓
江河源头的鱼
二  相看两不厌
学会做个有趣的人
"亲手"的魅力
保持让人信任的味道
"久交不生厌"的秘密
最高级别的情感
懂装不懂
话题的层次，决定友谊的层次
永葆"珍视"之心
"兼容"与"兼爱"
电话费少，不值得骄傲
握在手心里的"心窝"
尊重"不容选择"的选择
最可贵的是常态下的包容
关心人，也有学问
人有美德方可深交
尊重他人的"防人之心"
救人有先后，爱不分深浅
彼此剪过指甲才能分手？
尊重对方的"智商"
没钱时，也能让她享受你的自信
不再介意了，就是顿悟了
有一种爱是装作不心疼
讽刺，往往是一种试探
胸怀被朋友的缺点撑大
谈话养人
天堂一角
三  错误亦台阶
做一只对新鲜桑叶特别敏感的蚕
没吃到嘴的东西更养人
现在过得好，就不要为错过的后悔
"家境优越"意味着什么？
只要良知能觉醒，污点也会变成里程碑
对自己的"不完美"微笑
一个苹果怎能等于一个世界？
什么样的人最安全？
过好"不理想的生活"也是一种能力
像斯威娜那样看待"幸运"
荣誉的美酒，极易变成毒酒
做无"家"可归的富翁，值吗？
有"目的"的生活最美
耐人品味的"冤枉"
没有理性的"好人"靠不住
可以自私，不可乱说
人需要正面的信息来刺激
最次的景点，也值得欣赏
向没上过电视的油菜花学习
错误的企望，也是人生的台阶
没人会对你无条件地好
聪明，是不把别人当傻瓜
将车推出泥坑就行了
最大财富就是没有变疯
别羡慕那些生活得很刻意的人
记住，对方的上司最厉害
代沟，也有值得庆幸的
别中了"义气"的毒
谁能打垮能严格自律的人？
年龄与心肠
四  无愧即是福
并拢幸福的手指头
脸上的皱纹与心底的快乐
不让"愧意"堵塞智慧的泉眼
廉价珠宝的微笑
愧疚总有这样那样的想不到
活着，就要做"活"
对人讲礼貌就是"重用"自己
要舍得为正义付出时间
成功"就是健康快乐地老死"
拥有一颗专门记住好人的心
有"意义"的自由才可贵
心中无愧即是福
给心灵一个真实的巢
没有包袱，笑声才会如此透亮
"我不需要任何其他的东西"
看富翁踢球，令人心动
上网养心
永远盯着世界的美好与光亮
做一个好人意味着什么？
人要活得不焦虑
永远幸福不是天天幸福
珍视"动心"的幸福

2，《智慧诊所》

3，《私密花园——大超说男人女人》



　　


　　

教师之友网

开发者的2013：搏一把命，争取活好一点

还有几天马上就要走过2013年，iOS开发者刘海盯着面前的两台电脑屏幕有些木讷，桌面一片狼藉，创业伙伴时不时发出敲击键盘的声音，不远处的冰箱偶尔会喘口气。他看了看电脑屏幕里的自己，当初的那个决定还在闪烁，他的思绪却走马观花似地换着频道，然后不断纠结缠绕自己数天的问题：这一年上百个不分白天黑夜的日子，到底值不值？
此刻，窗外夜色下的城市已打起了呼噜。
刘海清晰记得，自己的那个决定发生于去年11月。当刘海打算要从工作五年的知名游戏工作室离职创业时，他的同事、领导以及朋友都非常惊愕。靠谱的领导，蒸蒸日上的新项目，
令人羡慕的年薪待遇，刘海说放就放下了，这不是一般人所具备的勇气。
“说实话，离开单位半年后我才敢跟老家的父母稍微有些透露，但这期间我每个月跟平常一样按时打钱给他们。”刘海说道，“老家的人认为搞游戏是玩物丧志，没出息的。我说服不了他们，一直骗他们说是做淘宝方面，不敢说真话。”
说完，刘海的脸微微红了一下。这个刚过27岁的四川小伙子，从进大学后就开始在外勤工俭学，毕业后直接进入这家互联网巨头，而且一待就是5年。后来，我从其创业伙伴了解到他的经历，更是各种滋味涌上心头。
离职后，刘海很快就组成了自己的创业团队，认识多年的校友老高负责除技术外的一切杂活，自己则专注技术方面的开发，公司的方向定位在国外已经被验证的卡牌手游。由于在知名的大公司待过，也负责过游戏项目，因此团队一成立就获得了一笔能支撑半年的天使资金。
“手游在2012年就有爆发的迹象，但如果没有这笔意向资金，我不可能会放弃工作五年的单位和稳定的收入，风险太大。”刘海说道。
亲自投入手游浪潮后，刘海才发现在职时积累的苹果sdk和objictive-c等方面的知识远远不够用，之前浏览各大论坛和参观各种会议听取大师专家们的“干货”也基本帮不上忙。一方面手游行业越来越热同行不断融入，而自己的产品急需面世；另一方面，个人号召力不够，待遇也没有优势，因此吸引不到有经验的ios开发人员。没办法，刘海只能没日没夜加班加点，边学习边开发边调整。“前三个月，平均每天睡觉不到5个小时，基本上没有出过租住的单元房。”刘海谈起自己创业以来的日子，苦笑。
但是，更大的困难还在前面等着刘海团队。2013年以来，手游异常火爆，传统网游厂商全面融入，市面上各种收购整合不断。而《我叫MT Online》的爆发引燃了整个卡牌游戏市场，一时间市场上出现数百款卡牌类型手游，APP store 排行榜甚至也被攻占。加上渠道资源慢慢被巨头所占领，留给小团队的空间也越来越小。而刘海的卡牌游戏只能是不断赶进度、做调整、反复测试修改，但直到3月底，产品还没有正式上线。
“说到底，还是我们进入晚了。前几年日本的Weib Schwarz发展非常不错，我个人喜欢漫画，于是就模仿了。”刘海缓缓说道，“100多个日日夜夜，自己孕育的孩子，因种种原因被迫放弃，不难过肯定是假的。外面的人理解不了我们的痛楚。”
不过，这段经历让刘海及下面的开发人员经验有了质的提升。虽然团队也流失了一半人数，只剩下4人，但底子还在，账面上的资金也还能存活3个月。可想而知，这段时间刘海团队经历了怎样的压力，但刘海却又有着不同的看法，“其实，这3个月我们四个人反而想开了，大家都认定再冲一把，如果活不下，就再去谋一份工作，这半年就当交学费了。但如果我们就这样不努力而放弃这难得的时代机会，那我们以后肯定会后悔。”
1个半月以后，刘海的第二款游戏正式通过苹果官方审核，第一天，付费版只带来了6美元销售，随后付费的用户开始增多，半个月的时间里已累计获得5000多美元收入。限免后，用户和收入更是大增。随后，刘海团队推出了iPhone免费版和ipad版本，成绩显著。
“当时我们也打算做类似疯狂猜图之类的游戏，选择的是景区这样的旅游方向。后来还是求稳选择了有固定用户群的街机类的休闲小游戏，因此错过了后来火爆的疯狂系列。但我并没有后悔。”刘海说的时候着重强调，“不过，也有遗憾的时候，我们一直非常抗拒加入广告盈利。但后面我们发现这一盈利手段和积分墙也能降低用户体验干扰，当我们加入几家平台时，我们的用户基数却已开始进入低谷，白白损失了一大笔广告收入。”
“行业都明白，大巨头主要靠类似传统PC网游上的道具销售赚钱，有流水支撑，我们这类的小团队只能靠用户购买或者广告盈利，但目前国内用户是没有购买习惯的。”刘海说到这个现状时，有些无奈。“手游的寿命也就7、8个月，如果这段时间不抓紧通过各种渠道变现，那只能饿死了。”
刘海在生存的压力下变得务实起来，不再拒绝广告等盈利方式。这款休闲游戏带来的8万多美金收入，让刘海团队得以继续存活，接下来的几款游戏虽然不温不火，但也有着不错的收入。也就是这一半年时间里，消失的开发者团队越来越多，而微信介入休闲小游戏，让刘海不得不考虑下一个方向。在这期间也有投资人跟刘海沟通，但每到关键时刻就杳无音讯。10月底，之前的天使投资人也撤走了。但刘海反而如释重负，更加坚定了要继续走下去的决心。
“投资人套现离开我理解，我也非常感谢他开始的时候投了我，让我有了勇气面对自己的内心，做了这次创业的选择。虽然现在我们也只是10个人的小团队，但至少还活着，只要活下来就有机会。”刘海的目光非常坚毅。
整个2013年，刘海的团队开发了不下6款游戏，覆盖卡牌、街机、休闲小游戏等方面，但都没有一炮走红。而2013年的手游市场虎头蛇尾，从上半年的异常火爆，到下半年的逐步冷却，拥有强势渠道和平台的开发商越来越强，推广和变现资源趋于垄断，中小型开发者的生存愈加艰难。这是一个强者通吃的残酷时代，在2014年，这一演变将更加明显。“明年会更加困难，我们可能会专注武侠动作和休闲这两大类开发，其它走代理合作。也有可能会做企业类方面的应用开发，看实际发展吧。”刘海在谈到明年的计划时有些不确定。“当然，说心里话，也希望明年能找到一个女朋友，至少内务方面能省不少时间。”
或许，这就是2013年以来很多开发者的写照，与命运做着抗争，寻求那微不足道的机会，即使有些迷茫，但也不轻言放弃。
再搏一把命，争取活的好一点，留在这个城市。这是刘海离开老单位创业时下的决心。为了这个决心，他搭进了上百个不眠的夜晚。 他本可以在老单位按部就班，享受着那份稳定和舒适，但这绝不是我第一眼所见的那个刘海。从其创业伙伴得知，刘海毕业以后就肩负着他整个家庭的重任，两个弟弟还在上大学，一个妹妹在读高中，所有费用都由他来承担。但他从来没有毫无怨言，几乎很少跟别人说起，他的创业身后只有绝路没有退路。
刘海回过神来，嘴角微微上扬，随后摁熄了手中的烟，俯下身继续敲起了代码。 身后，2014新年就要来了。

教师之友网

9.弃用分栏模式

单栏模式常见于博客或杂志样式的网站，但采用这种模式的网站正在增加，放弃分栏，重新整合内容已经成为当下网络设计的发展趋势之一。这种设计给人的视觉效果更好，内容也显得更加整齐，同时网络设计本身也更为简单。
这种单栏设计提供读者更好的浏览体验，摈弃了复杂的内容堆积分散阅读注意力，主体内容能在整个页面流畅地一字排开。我个人希望这种阅读模式能在2014年保持下去。
10. 修图

网站放什么图也是个关键的问题，怎样才能让网站上的一幅图看起来与众不同?Instagram等类似工具来帮您~颜色叠加、滤镜效果、模糊图像等，借助PS专业工具，能让一幅图锦上添花，起到不一样的效果。
如上图，Seattle Cider公司就为大背景图像选择了一张显然经过修图的风景图片，给浏览者仿古、乡村的风格。“美图秀秀”风格的图片将越来越多地用于配合网络设计。
11. 外一篇：异类设计元素

此外新生网站还采取各种异类元素营造不一样的风格(如上图，点击图片)，增加图片表现力。HTML5插件的普及也让网站更加生动。未来必定还会有更加新奇的网站设计元素来满足我们的视觉体验。让我们拭目以待吧！

教师之友网

7. 简单配色

网页设计的配色改变反应了人们审美需求的改变。2014年预计同色系网站设计将成为主流，而“简化配色”的概念，则是把参与网站设计的颜色局限到1到2个。
如上面的网站图例，只用了一个颜色(艺术设计中黑/白被不被纳入颜色计算中)。配色简单的趋势似乎和平面化同步，但也不绝对。有些网站甚至摈弃色彩，采用纯黑白(以及两者之间的渐变色)设计，有时在其中加入一点色彩吸引注意力或渲染效果，比如加入醒目的红色。
8. 内容简化

2013年似乎是“King Content”流行的一年。所谓“King Content”，是指适应社交互动媒体网站(如Facebook，Twitter等)出现的简洁高度概括的提示信息内容。信息内容的简化以为着篇幅的缩短，文章采用Twitter风格来适应人们注意力的缩短。注意到现在网络上很少再出现长于250字的介绍，太长的内容已经不再适应人们快速浏览的阅读习惯。

教师之友网

5.视频代替文本

如果在一段视频介绍和文本介绍中选择，估计大部分浏览者都会选择前者。此外视频和网络(尤其是大背景图片)匹配性强。
网络视频的制作的成本不断降低，网络传播性强，与社交媒体网站的兼容性好。网络硬件的发展让此前因为网速和流量限制的视频插件越来越普及，显然在同样的时间和篇幅里，视频传递的信息量要远超过文本。
此外，视频能追踪观看人数，相比文本能获得更好的宣传反馈。
6.长滚动网页

手机让人们习惯用“滚动条”控制的方式阅读网页、寻找资讯，这样的阅读习惯也影响了网络设计，页面出现更多两侧留白与更多的交互设计。几年前这种不见底的下拉式网站并不受好评，但手机浏览器让人们逐渐接受了这种长条形网站布局。此外内容的编排上也更适合阅读理解。此外国内很多购物网站或贴吧都加上了“点击返回页面最上端”的功能，更加方便了浏览长网页。而事实很有可能是，浏览者只顾往下滚动，根本不会在意网页到底有多长……

教师之友网

3.大背景图打败幻灯片动态显示

要说网络设计最大的趋势，大概是大背景图片的使用。
大型背景图片(large hero areas，是从印刷设计借用到网络设计中的专业名词，通常是铺满整个屏幕的图片，配上几句简介的文字)，常出现在网站首页上。大图片背景的清晰度不一，有的配以模糊的背景，有的(如realtii)则采用清晰的图片。大型背景图片迅速取代了曾一度热门的幻灯片图片显示插件，成为网页设计元素中吸引浏览者注意力的主要途径，而幻灯片滚动显示的使用价值已经被否定。预计这种大图片设计的流行趋势在2014年仍将持续。
4. 移植手机阅读体验

交互网页设计越来越普遍，网页设计顺应人们对手机的依赖，变得越来越像手机的交互界面。设计师们更注重网站在手机屏幕上显示的实际效果，手机将成为网络浏览的主要方式，因此屏幕尺寸的差异对用户体验的影响也将被纳入网页设计的考虑范围。
此外，融合社交媒体功能，提供订阅邮件，借助滚动条设计浏览的“长”网站，快速加载网页等都将让网站设计的互动性增加，用户界面更加友好。

教师之友网

2014年网页设计的10大发展趋势2014-01-02
来源: 快鲤鱼

如何让网页设计更具现代感？2014年网站设计又会有怎样的变化趋势？
12月份对即将过去的一年中网页设计发展进行回顾，总会发现很多让我们感到欣喜的变化。去年我们同样预测了2013年互联网设计出现的10大趋势，比如交互设计、个性化排版、全屏大图吸引浏览者注意力等。其中很多预计的趋势在2013年确实成为设计的主流，并且估计在2014年仍将延续。
1. 个性化排版

我个人是个性化排版的支持者，自然也希望看到越来越多的网络设计尝试个性化的风格，其中比较突出的一点是个性化字体的增多：用自己独特设计的字体代替标准印刷体，让设计更加独特。比如“Stuff and Nonsense”这个网站提供设计字体服务，让字体在体现个性的同时保留专业印刷风格。我们期待着在2014年设计出的网站能够更多地从细节体现个性。
2. 扁平化设计

去年的10大趋势中，我们提到了“借壳”设计(skeuomorphism)，指模仿现实事物尽可能把手机元素(如图表、背壳等)设计得更加具体、拟物。而“扁平化”的极简主义则是和“拟物性”相背行，在iOS7中明显感到更加简化的图表替代了原本精致的描绘，更加突出应用的实际效果，反应使用应用的感受，而不是局限在某个应用的外在形象上。苹果公司在今年竭力推进扁平化设计，几乎所有可以修改的设计都加入了扁平化的元素。
苹果公司向来是电子产品设计的导向标，推动其他产品设计纷纷追随iOS7的设计风格，同时网络设计也开始大批量地采用扁平化思路。预计这种风潮在2014年仍将持续。

教师之友网

如何用各种编程语言杀死一条龙

[url=]　有一位美丽的公主，被关押在一个城堡中最高的塔上，一条凶恶的巨龙看守着她，需要有一位勇士营救她…[/url] 下面是各种语言如何想办法将公主从巨龙手中营救出来的。 Java – 赶到那里，找到巨龙，开发出一套由多个功能层组成的恶龙歼灭框架，写几篇关于这种框架的文章…但巨龙并没有被消灭掉。 .NET – 赶到哪里，看到了Java程序员的做法，完全拷贝过来，试图去杀掉巨龙，但巨龙把他吃掉了。 C - 赶到那里，对巨龙不屑一顾，举起剑，砍掉巨龙的头，找到公主…把公主晾在一边，去看看有没有最新提交的linux内核代码。 C++ – 先打造出一根针，然后在上面添加各种功能特征，直到最后汇聚成一把复杂的剑，这把剑复杂到只有他能理解其中的功能…杀死龙，但他过桥时遇到了麻烦，因为内存溢出了。 COBOL - 赶到那里，看到巨龙，认为自己太老了，杀不死这条巨龙，营救不出公主，于是离开了。 Pascal - 他花10年时间开发出一套巨龙歼灭系统…当战斗开始时，他发现这套系统只能关住蜥蜴。 VB - 使用各种组件开发出一套巨龙毁灭武器，他跳到巨龙的后面，在最关键的时刻，他发现这种武器只能在雨夜里工作… PL/SQL – 分析其它屠龙者的数据，创建出具有多维数据、n向关系的数据表模型、OLAP，花15年时间分析这些数据…当结果出来时，公主已经变成了同性恋者。 Ruby - 盛大出征，号称自己不管做什么都是最强的，当面对巨龙，他亮出了一张画有他杀死一条瘸腿的巨龙的图片…巨龙懒洋洋的吃掉了他。 Smalltalk - 赶到那里，分析巨龙和公主，转身走了，它们是次要问题。 shell - 创造一个超级强大的灭龙武器…但当面对龙的时刻，他忘了如何使用它。 Assembler - 他认为他的方法是正确的，而且是最高效的…但他把D写成了A，杀死了公主。 Fortran - 赶到那里，开发出来一套4万5千行的解决方案，杀死巨龙，与公主见了面…但公主认为他是懦夫，反而倾心于高富帅的Java程序员。 FOX PRO - 开发出一套杀龙系统。外表看起来华丽好用，但实际内部到处补丁，所以，当开始运行这套杀龙武器时，他才发现忘了给DBF加索引。 Lisp：这是一位著名的游侠骑士，在跟很多的屠龙专家交谈后，将他们的技巧模型化，他开发出这套系统，当开始运行系统时，他认识到，他少写了一个括弧。 HTML: 用各种著名的杀龙的剑拼装成一个网页，但他忽视了W3C标准。在跟龙相遇的时刻，他发现他的代码跟浏览器不兼容，于是他变成了赤手空拳。巨龙把他当成小甜点吃了。 Prolog: 他认为需要有一件杀龙的武器。于是在一个有182014件武器的目录里搜索。截止到公主死的那一年，他的成就包括：通晓了各种武器的制造方法，从索引A开 始：Atomic Bombs, Anti-Air Weapons, Arches, Ammunition, Axes… PHP: 开发出一个web网页，当这个运行时，它能通过一个Apache服务器从一个MySQL武器数据库里检索出武器消灭掉$dragon。然而，他在DELETE语句里忘了写WHERE语句，于是杀死了公主，巨龙，女侍，女巫，魔法师，和程序员自己。 JavaScript: 他创建了脚本网页，当网页运行时，脚本会除掉巨龙，他一加载页面，一些美丽的少女就向他抛来了鲜花，发出来尖叫。不幸的是，他没有认真分析这个类似蜥蜴的 怪物——也被称作Mozilla，他得到的只是让控制台里填满了error信息，《Book of Mozilla》记载了他是如何被吞掉的。 Basic：他开发出来一种能够杀死纸龙的武器，但不论他如何改进，他发现，他都不能杀死一只比卷毛狮子狗大的龙。 Matlab: 他写出循环语句能计算出用巨箭射死巨龙的弹道。这个程序运行的完美无瑕疵。现在需要的是人能有这样大的力量按这种精度发射这支巨箭。 来源：http://www.oschina.net/news/47254/how-to-kill-a-dragon-with-various-programming-languages