最近陆陆续续被班里的人说成是闷骚型，究竟什么是闷骚型？大概是平时看上去乖乖的，话不多，但熟到了一定程度，就会暴露出“邪恶”的本性，以至于大家投来惊讶的目光：“真没想到，你也会……”于是我就被叫成了“闷骚女”。

但是在外头认识的很多人都不是这样评价我额，貌似第一印象太不一样了吧，或者是相对大部分男生来说我这点意外算不了什么。

一周时间确定了一个意外地机会，于是脑子有点飘飘然不知所措。同学朋友们给了自己十足的肯定和羡慕褒扬的目光，说有机会应该留在那座城，也相信我能留在那座城。可是现在的状态反而更加不安，我从没想过要去那里，也没想过要长久地呆在那里，我想我要的，仅仅只是做自己喜欢的事，赚足够的钱养活自己，找一个合适的人一起继续未来的路，给爸爸妈妈留点时间，他们同样需要我的陪伴。我反复地告诉自己只是去学习，前途未卜，一切都不是定论，一定要用最最平和的心态去面对一切。一直选择自己感兴趣的事做，于是歪打正着地撞上了一个机会，这个机会摆在面前不是教你要去爬得更高更远，思想变得更深沉，而仅仅只是教会了自己听自己的心做事。

下一步要做什么？

这几天失眠、陪同学游玩、聊天、宣传iGoogle的主题、玩占去了不少时间和精力，脑子成日没得到足够的休息，连电影都看不进去，我不喜欢这种感觉。

突然有一种强烈的感觉，我还是要去HK，那里有更加亲切熟悉的面孔，和更加搭调的温度和气场。我要好好准备Portfolio，我希望我的未来还是南方。

  60周年，士兵们把脸操练成黑色和血色，把靴子操练成残疾，各部分协调统筹，连天气，部队都硬给调成了大晴天……，各就各位，万事俱备，就等ccav现场直播了。

  国庆日，一架直升机从头领掠过，开篇的镜头还算气势磅礴，很不错，可后面，就惨不忍睹了，完全没有表达出应该表达的效果来。

导播能够说清楚一件事情的武器只有一个，就是：镜头。导播首先要做到的是：把事情叙述清楚，当然，他要用电视的手段，调动摄影设备，摇臂也好，飞猫也好，固定机位也好，机载移动设备也好，……，一切的手段，来把国庆阅兵这个事情叙述清楚。

可惜。

（1）事先缺乏准备。至少包括两个方面：机器放在哪个位置？镜头如何切换？

这两个基础的方面第一个需要知道阅兵的流程，第一步是做什么，然后，依次，等等，分别在哪个地方作为起点和结束点，最好的机位和角度在哪，有没有对光线的要求，如会不会逆光等。有了这个讲述逻辑，再去细化镜头和抓关键节点。

在仪仗队升国旗的叙述中，仪仗兵从哪开始，哪个地方会踢正步，哪个地方会亮剑，哪个地方哪个兵会升起国旗，然后安排镜头切换的时间，在这个流程中，大概 多长时间，可以切换出多少个镜头，这些在头脑中预演后，才能提前准确切换到最佳角度的机位和极具冲击力的特定动作，可惜，本次直播在分列式和装备检阅两个 环节，不但角度问题多多，而且基本没有抓到有冲击力的关键性动作，都是动作完成后的滞后跟抓。

（2）对历史阅兵镜头切换没有学习。如果转播没底，可以去翻看国内国际是如何抓镜头的，什么景别、什么角度、多长时间，切换了哪些细节，……，这些不知道是导播觉得自己胸有成竹还是自我觉得够用了，实际转播的时候，一塌糊涂。

具体说说导播犯的几个大错误：

（1）镜头语言混乱（致命），作为大众传播载体，电视依托镜头语言，来交代事情的时间地点要素，以及起始发展结果。

所以，有很多镜头不是想当然地切换。

第一个镜头，必须告诉受众准确的空间，建立事件叙述的明晰的空间概念，而不能让受众看第一个镜头就建立一个混乱无序的空间感受，（第一个飞机航拍的很漂亮，也很宏观，我们知道了是在天安门搞庆典。这个可以作为模板，搬到阅兵式上，可惜，后来不是这样的。）

我们可以假想一下，如果分列式第一个镜头是正面的大全景，效果会怎么样？这个镜头直到反复在侧面切了若干个镜头后才有短暂的惊鸿一瞥（镜头剪辑的时间机械化，3秒一变，而忘记了不同景别需要不同的镜头时间，不同的表意需要不同的时间，当快则快，当慢则慢！

没有大全景的交代，空间感就建立不起来，观众就会困惑：这些人从哪来的？怎么就走到这里了？其次，大全景是表现宏观场面的必须镜头，有了这个大全景后，后面的镜头切换才会有合理的逻辑。

第二个镜头，仪仗队方队的小全景，镜头集中到他们这一个方队，给一个群像，同样，必须是正面的，而不能是侧面的。

第三个镜头（也可以是一组），我们可以拍侧面了，但切忌逆光的侧面，对侧逆的偏好与滥用这是本次转播最大的败笔之一，大量的逆光、且景别全景不像全景、近景不像近景的镜头，完全破坏了一场庄重严肃的视觉盛宴，让大家感受到的是局促、狭小和压抑。

第四个（也可以是一组）镜头，我们可以抓特写，如旗手、如一些有特色的脸庞、整齐的脚步等。

因而，一个成型的转播景别切换应包含大全—全—中—近—特、甚至大特写的逻辑顺序，或许是央视导播不屑于这种小儿科的基本功，可玩高级的又没玩起来，最 后的结果是镜头完全没有体系，变成了流水账：队列—前两个人—敬礼—摆腿—走人。你还不知怎么回事，人就到了，还没看全，人就过去了。那个忙乱，就好像着 急赶场一样。

（2）转播理念僵化

如果说第一个方队属于试验，那么转播第二个方队的时候，就应该意识到要对某些镜头进行调整。由于导播把大部分主镜头机位设立在了天安门城楼一侧（北面），故拍摄的时候，机位形成了侧面逆光的效果，这些机位被导播当成了主机位不停地来回切画面。

非常可惜，后来看到南面也有镜头，正面也有镜头，表明正面和顺光侧面都有机位，当我们看到正面大全的时候，画面正、视角宽，整个阅兵方队一览无余，顺光侧面拍摄的时候，蓝蓝的天，装饰一新的城墙，视角上几多舒服。
可惜，导播没有意识到摄影其实是光影这个本质，一厢情愿地继续侧逆、侧逆、侧逆，于是混乱、混杂、压抑、小气之情被导播一步步地酝酿出来。

方队没了气势（犹如挑刺一样的视角扫出不整齐）、士兵没了阵容（就不给你看正面全景），还没看清楚来龙去脉，人就过去了。反正就一个感觉：他们在踢，踢、踢、踢，很2也很无聊。

（3）导播没有叙述清楚这些事情之后，人们自然体会不到阅兵的意义，啥阅兵啊，不就是走着走着就过去了。其实不是，他们通过走分列式来表达他们的精、 气、神，表达中国军人的精神风貌。走正步是他们的一个表达方式，导播失败啊，完全无视他们的语言，而自我地不停侧逆侧逆。——按照自我的理解，阅兵就是踢 踢踢，于是士兵的 正 脸 以及整个阅兵方队的 正 面， 除了仪仗队等少数几个一闪而过，其他的基本没有，士兵只有手和脚，像机器一样，摆、踢，然后过去。
欲哭无泪。

似乎他要告诉大家，我就不正脸看你，咋的？

（4）摄像机还有一个视角意义。很多时候，摄影机代表了观众的眼睛，当然，除了主观视觉之外，还会有客观视角。有时候，为了需要，会在主客观视角之间进 行切换，从这个角度看，那些正面大全景的缺失实际上一个重要作用就是：间离。把观众的全面的看阅兵的视角封住，不让你看。取代以狭小的、带仰视的、还看不 清人脸的镜头，来增加你内心对阅兵的压抑感受，因为，从第一个镜头开始，他就开始在离间你，不给你想看的，而给你看的，又是画面残缺不全或曝光严重不足 （因为逆光，又懒没开手动调节光圈），要把你从故事现场拉走。

（5）举个更细微的例子，在hu坐车检阅部队过王府井的时候，大家 都看到了镜头里的那个东芝的广告牌的镜头，其实这也不是什么大的问题，但足以表现这个导播完全没有意识。如果有意识，可以用小景别限制观众的视角，让你看 不到这个，实在不行，换一个角度的机位，但这两点都没有，这个傻子傻乎乎地盯着这个镜头毫无感觉，（东芝老板高兴的很，在这么重大的场合，还是在h阅兵式 出现的，这么多人看转播，免费做的超过5秒的广告，那个广告真他娘的挂得好，当然，导播也功不可没）。

（6）ccav真不行，建议以后国家在重大场合搞竞标，哪个台方案好，转播技术好，就给谁做，私人的国外的，也行。

这次的亮点在飞机，导演除了偏爱侧逆之外，还偏爱玩前后景，前景摆一个兵，后景是方队、装备部队，但这两个叙述都不成功，原因前面说了，侧逆的角度和不合理的景别已经破坏了整个叙述的基调。

而空军由于有了距离，空—地的空间差，前后景有了效果，而曝光不足也没有再出现，因为空地的存在，仰视的视角变得合理，因而，对这部分转播没什么意见， 但最后15架女兵方队的转播再次出了问题，我一直以为是5架，而不是15架。原因在于转播女兵教练机的时候，导演突然改变了叙述的方式，而这种方式的毫无 症兆的跳跃，让大家觉得他们是在说同一批飞机，而不是3批。
其他可批的地方还有很多，懒得批了。

在看网易校园招聘的时候看到MBTI职业性格测试这东西。

测了两版：

一版是给未恋爱人做的简洁版

另一版是88题的完整版

第一版（简洁版）测试结果：

 才储©分析：您的性格类型倾向是“ INTJ ”(内向 直觉 思维 判断)

在实现自己的想法和达成自己的目标时有创新的想法和非凡的动力。能很快洞察到外界事物间的规律并形成长期的远景计划。一旦决定做一件事就会开始规划并直到完成为止。多疑、独立，对于自己和他人能力和表现的要 求都非常高。

INTJ型的人是完美主义者。他们强烈地要求个人自由和能力，同时在他们独创的思想中，不可动摇的信仰促使他们达到目标。 INTJ型的人思维严谨、有逻辑性、足智多谋，他们能够看到新计划实行后的结果。他们对自己和 别人都很苛求，往往几乎同样强硬地逼迫别人和自己。他们并不十分受冷漠与批评的干扰，作为所有性格类型中最独立的，INTJ型的人更喜欢以自己的方式行事。面对相反意见，他们通常持怀疑态度，十分坚定和坚决。权 威本身不能强制地们，只有他们认为这些规则对自己的更重要的目标有用时，才会去遵守。 INTJ型的人是天生的谋略家，具有独特的思想、伟大的远见和梦想。他们天生精于理论，对于复杂而综合的概念运转灵活。他们是 优秀的战略思想家，通常能清楚地看到任何局势的利处和缺陷。对于感兴趣的问题，他们是出色的、具有远见和见解的组织者。如果是他们自己形成的看法和计划，他们会投入不可思议的注意力、能量和积极性。领先到达 或超过自己的高标准的决心和坚忍不拔，使他们获得许多成就。

您适合的领域有：科研、科技应用、技术咨询、管理咨询、金融、投资领域、创造性行业

您适合的职业有：（该类型可能存在的盲点见完整分析报告）想再试试完整版MBTI职业性格测试？(点击)

· 首席财政执行官
· 知识产权律师
· 设计工程师
· 精神分析师 现在就去心理问题求助区看看!
· 心脏病专家
· 媒体策划
· 网络管理员
· 建筑师
· 管理顾问
· 经济学者
· 国际银行业务职员
· 金融规划师
· 综合网络专业人员
· 各类科学家
· 研究所研究人员
· 系统分析员
· 计算机程序员
· 研究开发部经理
· 各类技术顾问
· 技术专家
· 投资专家
· 法律顾问
· 医学专家
· 经济学家
· 投资银行研究员
· 证券投资和金融分析员
· 投资银行家
· 财务计划人
· 企业并购专家
· 各类发明家
· 建筑师
· 社论作家
· 艺术家

---面对挑战时的反应，是你意志是否坚定的终极体现。实际上，随着情况变得日益艰难，你发现自己投入了更多热情、更多自我。你发现自己在竞争中面对的问题不是威胁而是刺激。你的兴趣不仅仅是获胜。很明显，你生来就热爱战斗。鉴于这种情绪反应，你已经成为优秀的问题解决者。其他人在问题开始暴露时惟恐避之而不及，而你却在内心中微笑，因为你知道自己已经掌握了心理优势。

---- 罗尔

测试链接:http://www.apesk.com/mbti/dati.asp

您的类型是INTJ，您的总得分为: 271 + I57 N86 T71 J57 (轻度倾向) 

第二版（完整版）测试结果

才储©分析：您的性格类型倾向是“ INFP ”(内向 直觉 情感 知觉)

理想主义者，忠于自己的价值观及自己所重视的人。外在的生活与内在的价值观配合，有好奇心，很快看到事情的可能与否，能够加速对理念的实践。试图了解别人、协助别人发展潜能。适应力强，有弹性；如果和他们的 价值观没有抵触，往往能包容他人。

INFP把内在的和谐视为高于其他一切。他们敏感、理想化、忠诚，对于个人价值具有一种强烈的荣誉感。他们个人信仰坚定，有为自认为有价值的事业献身的精神。 INFP型的人对于已知事物之外的可能性很感兴趣，精力集 中于他们的梦想和想象。他们思维开阔、有好奇心和洞察力，常常具有出色的长远眼光。在日常事务中，他们通常灵活多变、具有忍耐力和适应性，但是他们非常坚定地对待内心的忠诚，为自己设定了事实上几乎是不可能 的标准。 INFP型的人具有许多使他们忙碌的理想和忠诚。他们十分坚定地完成自己所选择的事情，他们往往承担得太多，但不管怎样总要完成每件事。虽然对外部世界他们显得冷淡缄默，但INFP型的人很关心内在。他们富 有同情心、理解力，对于别人的情感很敏感。除了他们的价值观受到威胁外，他们总是避免冲突，没有兴趣强迫或支配别人。INFP型的人常常喜欢通过书写而不是口头来表达自己的感情。当INFP型的人劝说别人相信他们的 想法的重要性时，可能是最有说服力的。 INFP很少显露强烈的感情，常常显得沉默而冷静。然而，一旦他们与你认识了，就会变得热情友好，但往往会避免浮浅的交往。他们珍视那些花费时间去思考目标与价值的人。

您适合的领域有：创作性、艺术类 教育、研究、咨询类等

您适合的职业有：（该类型可能存在的盲点见完整分析报告）

· 心理学家
· 心理辅导和咨询人员    现在就去心理问题求助区看看!
· 人力资源管理
· 翻译
· 大学教师（人文学科）
· 社会工作者
· 图书管理员
· 服装设计师
· 编辑
· 网站设计师
· 计算机程序UI设计员    UI设计师是做什么的?背景是什么?
· 团队建设顾问
· 艺术指导
· 记者
· 口笔译人员
· 娱乐业人士
· 建筑师
· 社科类研究人员
· 教育顾问
· 各类艺术家
· 插图画家
· 诗人
· 小说家

为什么受到启迪的人总是轻松愉快，宛如孩童？

因为他们是......

生命的主人，熟悉自己的路，

因为他们听从良知的呼唤，

那是智慧和天真的声音......

---- 佐罗.大卫

测试链接:http://www.apesk.com/mbti/dati.asp

您的类型是INFP，您的总得分为: 246 + I58 N76 F52 P60 (轻度倾向)

于是乎

情感和知觉VS思维和判断，凭直觉说，我觉得我是二者的结合体。

结果有些矛盾，不过我觉得完整版的测试结果描述更像我自己一些。

You don’t have to be a coding nerd to be able to build your own online design portfolio. There’s a bunch of handy sites and communities out there that are allowing designers to showcase their work and flourish with with work requests. Here’s 10 solutions to easily create an online portfolio of your own, giving you the platform to showcase your work to the world.

Krop

Krop’s Creative Database is an hosted portfolio solution that allows you to spend your energy promoting your portfolio, not building it! There’s a range of brilliant minimalist themes that allow your work to shine. There’s two options available, free and premium. The free version is limited to 10 images while the premium version opens up all features for $9.99 a month.

Pros: Popular portfolio site with the handy resource of the Krop job board right next door.

Cons: You’re limited to 10 images if you’re a cheapskate!

Carbonmade

Carbonmade is a lickety-split online portfolio sans the headache, that supports images, flash and video content. Carbonmade is structured as individual projects, allowing you to upload multiple images based around each piece of work you’ve created. Carbonmade also has a free and premium version, with the free account allowing 5 projects and 35 images, and the premium account at $12.00 per month giving space for 50 projects 500 high-res images.

Pros: Nice Javascript navigation and effects spice up the experience of browsing your portfolio.

Cons: Themes are limited, with an option of a black or white colour scheme.

Coroflot

Coroflot is a fast and easy way to get your portfolio online and in front of the right people. It’s free and there’s no restrictions on file uploads. What’s more, you can network with other members and receive notifications of job offers.

Pros: A great free solution that’s not limited in features.

Cons: No options for portfolio layout or style.

Shown’d

Shown’d is a free portfolio solution that helps you connect with employers and includes some handy options such as multiple image uploads and the ability to import from Flickr. The option of embedding your showcase in an external web page also opens up some useful doors.

Pros: A free solution with handy features and customisable layouts.

Cons: Not quite as popular as the mainstream portfolio websites and communities.

Behance

Behance is a free platform for the world’s leading creative professionals and is home to some of the big names in the creative industries. Behance portfolios are subject to millions of views and is a good source of work for many designers and illustrators.

Pros: Highly popular and well known website, resulting in good exposure for your work.

Cons: Registration is invite only, so you’ve got to be good!

DeviantArt

DeviantArt is the largest art community in the world. It’s a free platform that allows users to display, share and sell their artwork. DeviantArt is a great place to receive feedback and communicate with like minded creatives and can be a handy place to find free resources to use in your own work.

Pros: Well known website that allows unlimited uploads.

Cons: Is seen as more of an art community than a place to find professional portfolios.

Flickr

Flickr is the best online photo management and sharing application in the world and is home to masses of groups, allowing you to share your work and connect with people in specific niches. Flickr is free, but also has additional features available to Pro account holders.

Pros: Huge image sharing application with groups allowing you to put your work in the right places.

Cons: Primarily a website aimed at photography, however images can be marked as art or illustrations.

WooThemes

WooThemes is home to a collection of the finest Wordpress themes, including a range of portfolio specific themes. The themes are of premium quality which means there’s a cost involved as either a single payment or as a subscription, but this means you’ll be ready for hosting your own high quality website in no time.

Pros: Expertly designed Wordpress themes, allowing a completely self managed portfolio solution.

Cons: Knowledge of installing and maintaining the Wordpress application required.

ThemeForest

ThemeForest is a marketplace for buying and selling website templates, including themes for popular content management systems such as Wordpress. There’s a bunch of great looking portfolio templates at highly competitive prices, allowing you to manage your own portfolio website on your very own domain.

Pros: Stacks of website designs and templates for various CMS available.

Cons: Knowledge of installing and maintaining the Wordpress application (or ability to update HTML templates) required.

Build Your Own!

If you’re into website design, or know a thing or two about HTML and CSS, there’s a couple of handy tutorials out there on the net that could help you along with building your own portfolio website from scratch. Why not head over to my recent tutorial for starters? The article covers the process of developing a simple, single page portfolio layout and spicing up the image popups with a readily available jQuery plugin.

Pros: Increases your knowledge of web design while producing a hand crafted portfolio of your own.

Cons: Considerably more knowledge of web design required to construct and maintain, as well as being much more time intensive.

Similar Posts

• 25 Classic Fonts That Will Last a Whole Design Career
• How To Build Your Own Single Page Portfolio Website
• 5 Inspiring Web Design Conference Speeches you Shouldn’t Have Missed in 2008
• Create a Fun Illustrated Toy Site Design in Photoshop
• Amazing Retro Futurism Design Showcase &Tutorials

这里的文章直接漏过了第二周，转眼，大四开学后的第三周已直达周末。

记录这段日子的今天是“9·18”。

过去的几天，每一天都像历史上的今天一样沦陷。

实习地点暂定FZ，具体地点有待消息。

太多的渴望，太多的因素，以致不知道该何去何从。

我不知道我的下一个选择会是哪里，舍不得放弃，找不到目标，只能在这日日见不到蓝天的城里游离。

希望有个人有股力量让我明确地知道我该去向哪里，直觉说，现在的我，忙乱而坚定。

哲人说心理暗示很管用，可是当暗示相互矛盾的时候，哪里还能有推动力。

三天两头地往图书馆奔，换书的频率一日一本，可惜脑子似乎已被抽空，知识不知去向哪里。

下楼打水，走到楼下发现忘记拎壶，这学期的糊涂账又多了一笔。

日子飞快，十一来临，舍友提议集体出行，依旧没有心情思考要去哪里。

沦陷，但终会解脱，只是时间的关系。

明年的今天会在哪里，明年的今天是什么心情，

我不要回望过去，我只想看到未来的自己。

网页设计标准尺寸:

1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。

2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。

3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 

4、在PS里做的图到了网上就不一样了，颜色等等方面，因为ＷＥＢ上面只用到２５６ＷＥＢ安全色，而ＰＳ中的ＲＧＢ或者ＣＭＹＫ以及ＬＡＢ或者ＨＳＢ的色域很宽颜色范围很广，所以自然会有失色的现象. 

页面标准按800*600分辨率制作，实际尺寸为778*434px

页面长度原则上不超过3屏，宽度不超过1屏 

每个标准页面为A4幅面大小，即8.5X11英寸 

全尺寸banner为468*60px，半尺寸banner为234*60px，小banner为88*31px

另外120*90，120*60也是小图标的标准尺寸 

每个非首页静态页面含图片字节不超过60K，全尺寸banner不超过14K

标准网页广告尺寸规格

一、120*120，这种广告规格适用于产品或新闻照片展示。

二、120*60，这种广告规格主要用于做LOGO使用。

三、120*90，主要应用于产品演示或大型LOGO。

四、125*125，这种规格适于表现照片效果的图像广告。

五、234*60，这种规格适用于框架或左右形式主页的广告链接。

六、392*72，主要用于有较多图片展示的广告条，用于页眉或页脚。

七、468*60，应用最为广泛的广告条尺寸，用于页眉或页脚。

八、88*31，主要用于网页链接，或网站小型LOGO。

广告形式        像素大小                               最大尺寸           备注 

BUTTON        120*60(必须用gif)                   7K  

                        215*50(必须用gif)                   7K 

通栏                760*100                                   25K              静态图片或减少运动效果 

                        430*50                                     15K 

超级通栏        760*100 to 760*200             共40K           静态图片或减少运动效果 

巨幅广告        336*280                                   35K 

                        585*120 

竖边广告        130*300                                   25K 

全屏广告        800*600                                   40K              必须为静态图片，FLASH格式 

图文混排                                                                                各频道不同 15K 

弹出窗口        400*300(尽量用gif)                40K 

BANNER        468*60(尽量用gif)                  18K 

悬停按钮         80*80(必须用gif)                     7K 

流媒体             300*200（可做不规则形状但尺寸不能超过300*200） 30K 播放时间 小于5秒60帧(1秒/12帧)

网页中的广告尺寸

1.首页右上，尺寸120*60

2.首页顶部通栏，尺寸468*60

3.首页顶部通栏，尺寸760*60

4.首页中部通栏，尺寸580*60

5.内页顶部通栏，尺寸468*60

6.内页顶部通栏，尺寸760*60

7.内页左上，尺寸150*60或300*300

8.下载地址页面，尺寸560*60或468*60

9.内页底部通栏，尺寸760*60

10.左漂浮，尺寸80*80或100*100

11.右漂浮，尺寸80*80或100*100

以上几种说法可能有点小的出入，大家可以探讨一下。

另：

IAB和EIAA发布新的网络广告尺寸标准

    当前网络广告的各种尺寸繁多，doubleclick 近期居然数出有1万种不同的广告类型和尺寸正在网上使用。这让广告客户在价格、表现形式方面都难以选择，直接影响到他们对于网络广告的投入。

    美国交互广告署(iab)和欧洲交互广告协会(eiaa)近期发布了有六个网络广告格式的工具盒，希望网络媒体作为标准采用，从而让媒体策划者的工作更容易开展，推进网络广告销售。

    在这6种格式中，除了去年iab发布的4种“通用广告包”中的格式：160x600, 300x250, 180x150及728x90，还包括新公布的468x60 和120x600（擎天柱）2种。

    iab总裁说，这是互联网商业发展的又一个分水岭。6种尺寸将成为整个欧洲市场网站的核心广告格式，广告客户可使用这几种尺寸在全欧洲网络媒体通行，而在以前这是不可能做到的。

    iab曾在7月份说希望网络广告行业弃用一些老旧的、过时的广告格式。但这个提议遭到一些网络媒体的反对，因为被抛弃的一些更小、更轻便的格式仍然有它们的位置，尤其是在大量用户仍然使用窄带上网的情况下，太过严格限制尺寸“标准”会扼杀灵活创新。

    因此，比起“通用广告包”的发布，iab和eiaa此番推出的工具盒有一种折衷的效果——既想达到他们削减广告尺寸数量、整饬行业规范的目的，又不至于让网络广告媒体们反对呼声过高。

大四开学第一周：

发了N封重要邮件，没有收到一封回复；

烫了头发，开始被叫“小绵羊”；

上课第一天报了PS认证，没想到考试当天直接送“水”；

老师列了一堆经典电影，看过的寥寥，惭愧；

好的故事要用40个字讲完，创意依旧简约至上；

对着两个花痴读《跟着直觉走》，结果其中一朵花大叫“闷骚”，我倒；

听着《若你碰到他》，回顾着大四开学第一周的种种，依旧享受蔡健雅的声音；

过了一周，真正意义上的校园时光仅剩9周；

班上考研的同学们依旧没日没夜地学习，而我，依旧躲在心中的那座小房子里，点燃一支蜡烛，折起纸飞机，渴望把梦想投掷到对的地方。

“就这样吧，若你碰到他。”

下周，泡图书馆好了，希望某一天打开邮件，收件箱里躺着一封惊喜。

时间：7月3日晚八点

地点：福州市省府路光合作用书屋二楼悦读咖啡区

人物：刘琼雄  城市画报编辑总监，iMART创意市集发起人/总策划

    廖军豪  2009“台湾设计师周”总召集人，设计师

光合作用的这个咖啡区很精致，到场的人太多，大部分人只好站着，摄像GG架机位也酝酿了半天。组织者自己也说了，没料到现场回来这么多人，意外。对我来说，意料之内。

Q：为什么人多？

A：对福州来说，这样的活动太少了，渴望的人太多了。

左一：廖军豪  2009“台湾设计师周”总召集人，设计师

左二：刘琼雄  城市画报编辑总监，iMART创意市集发起人/总策划

右一：主持人，来路暂不明确，好像是32HOW的

今晚谈论的主题是关于创意设计活动，两位嘉宾都是策展人，廖先生（上图中）的本职工作是华硕电脑的设计师，他谈及了他策划“台湾设计周”的初衷，大意就是当设计成为工作，你做的东西往往是为了迎合别人的想法，最初进入设计行业时的那种表达自我的感觉很大程度上被压制了，他希望借助这样的展览，让设计人能够抽出时间，按自己的意愿做一个主题的设计，并在这样的活动上相互交流。而这样的展会背后，组织者可能只有那么寥寥两三人，2009年是“台湾设计周”第三次举办，而能够坚持年年开办这种活动的，只有廖先生一人。

城市画报的编辑总监，iMART创意市集发起人/总策划刘琼雄先生也在现场交流了他对创意市集的想法。他和在场的一些听众交流后给我有这么些感觉。

无论是什么活动，包括创意市集，或者说我们梦想着要实现的任何事情，都要有所行动。之前大家都觉得福州的创意氛围不是很好，也许是因为大家都太默默无闻了，但像光合作用，像朴坊这样的店可以在福州生存得很好，这次的沙龙也聚集来了很多人，说明市场还是很大的，只是还潜在那湾浅浅的海峡里。

现场一个去过其他市集的人就提出说，刚看创意市集的时候还满新鲜的，但逛多了之后就觉得很多创意都已经雷同了，比如创意人手工创作的玩偶或者动漫，似乎徒有其表，缺少了点深度、内涵，这就很难培育“回头客”，而且布展的方式比较一致，没有太有新意的形式。不过创意市集开始仅三年，相信在这个市场培育的过程当中会不断的改进优化，相信大家都在探索，毕竟大家的创意都来自一个永恒的出发点——热爱生活。

7月4日和5日就是创意市集福州站的展出日，到时候会在插画区和展览区当志愿者，未来应该可以在《城市画报》和豆瓣的活动专区找到大量的影像资料，当然，这里也会陆续跟进的。

我们都很爱创意，那就让创意从志愿开始吧！

PS：本文的照片由Millie用手机拍摄，效果有差，不够养眼，见谅。

昨晚又在那翻看从机场买来的《大周末Hotspot》，其中的“Let's”刊封面就是为父亲节而作的，挺有纪念价值的，拍下来分享一下。

说到《大周末》，我又想起那瓶在机场收走的满满一瓶午后红茶（它是我花3块钱买的大周末的赠品~超值啊），我怎么就忘了过安检不能带水啊，我怎么就不当场把它喝光啊~看到它就想起它...

As web design and design in general have evolved, rules have been established to ensure consistent and usable designs.

Some of these rules were created simply because website creators abused certain principles without regard for their users.

But these rules are not enforced by anyone and should be broken when necessary, especially when breaking them would lead to a stunning design.

In this article, we present 10 rules that you can break if it suits your design needs.

Rule #1: Do Not Display the Horizontal Scroll Bar

A significant number of mice don’t have a horizontal mouse wheel. This makes it awkward to scroll left or right when a web page’s content extends past the sides of the browser.

It can be annoying to have to bring the mouse cursor down to the bottom of the window and drag the scroll bar over just to see a word or two that lies beyond the viewable area of the page. That said, here are some well-designed sites that put the scroll bar to work in effective ways.

Benek

Benek uses JavaScript to change the scroll direction of the mouse wheel from vertical to horizontal. Each item in Benek’s portfolio is separated into its own column. The site has a surprisingly fresh feel and flows smoothly.

Shoe Guru

Shoe Guru gets away with horizontal scrolling because it takes advantage of the way people look at shoes. People look at most products from top to bottom, but shoes are different. People’s eyes usually move across the length of the shoe. Using this habit to its advantage, Shoe Guru makes its website’s design flow in the same direction, making the motion feel natural.

Stephane Tartelin

Stephane Tartelin uses the horizontal scroll bar to make his artwork look like it’s in an art gallery. Although the vertical mouse wheel doesn’t function like it does in the examples above, the effect works surprisingly well. You could even argue that the effect would be diminished if the mouse wheel were re-coded to scroll horizontally.

Graphic Therapy

While Graphic Therapy doesn’t display a horizontal scroll bar on its page, it still allows horizontal scrolling by clicking and dragging around the screen. Graphic Theory used horizontal navigation because all of its images are the same height but not the same width. The horizontal navigation helps the site flow smoothly.

The Horizontal Way

The Horizontal Way is a showcase of websites that use horizontal scrolling. The grungy graphics are beautiful, and this site is unique as far as CSS galleries go.

Rule #2: Use a Minimal Number of Font Faces

Too many fonts usually conflict with each other and overwhelm the viewer. Each font has a personality, and too many personalities can create disorder.

To effectively use more than just a couple of fonts, a design has to be very text-oriented, and the rest of the design needs to be relatively quiet. Here are some examples of sites that use this sense of conflict and disorder to engage the user.

Links LA

Links LA uses many fonts in a non-linear layout to create a sense of energy. The page is difficult to read quickly but draws the user in. It’s also worth noting that none of the fonts are overly decorative; each word is legible, keeping the design crisp and clean.

Geo Elements Design Studio

Using a variety of fonts usually conveys a sense of energy and chaos, but Geo Elements Design Studio’s website is very open and clean. Each font is given its own space so that the viewer doesn’t associate it with another font. The image of the sky in the background helps reinforce the sense of openness.

Richard Stelmach

Unlike the last example, Richard Stelmach pushes his different fonts close together. The design works because only one font doesn’t look hand-drawn, and the other two work well with the illustration. Hand-drawn fonts usually work well together, even when there are many different font faces.

Satsu

Satsu seems to have a lot of different fonts but actually only has three (not including the Sports Council portfolio item). By spacing everything carefully, Satsu associates certain lines of text with each other, even though the text may be in different fonts.

The logo title is in one font, and the two sub-titles each have their own font, but the viewer naturally groups these three text items together. Satsu is able to create energy without overwhelming the page with personalities.

Rule #3: Do Not Use Too Many Colors

The fear of going too far with a design is what separates professionals from rookies and rookies from the oblivious. The oblivious try to make their designs as extreme as possible, with words on fire, blinking text, and as many colors as possible.

Rookies want to keep their designs subtle and easy on the eye, but in the end their designs can sometimes look lifeless. The following eye-pleasing designs are by some true professionals who are pushing boundaries.

Matt Mullenweg

Matt Mullenweg’s beautifully colored design looks like a watercolor painting (site has been updated since this article was written). All of the colors in the background would grab anyone’s attention.

Generally, good designs with a ton of colors will have these colors in the background, with a simpler palette up front. Reading text is very difficult when too many things are going on.

Travic Isaacs

Travis Isaacs’s design has a colorful vertical gradient in the background that makes the design seem colorful throughout. This website has bright pink as its link color, which is a great choice for designers who want to create a colorful effect.

James De Angelis

James De Angelis’ website shows that text can be colorful without coming across as rookie-like. The design is very spare, and the tagline is certainly given center stage.

Rule #4: Make Your Site’s Goal Obvious

Something that really gets crammed in the ears of young designers is that a design should instantly tell viewers what they are looking at before they read any text.

Brand recognition is important for large corporations, but sometimes the smaller guys need to be a bit more clever to get the viewer’s attention. Holding back information can intrigue the viewer and “tease” people into wanting to learn more.

Applying this technique to web design can greatly increase the time that users stay on your site.

Cetrotrees

On most portfolios today, the freelancer or company usually introduces themselves and explains their work. Cerotreees instead puts some vaguely labeled links on the left and samples of its work on the right, but nothing explains the idea or person behind it.

The air of mystery surrounding the site entices the user to stay.

The Last Mixtape

The Last Mixtape is another portfolio that shows its work and nothing more. Such designs exude a feeling of extreme confidence. They never try to sell themselves; they just expect the user to be blown away and come begging for a contract.

Peter Pearson

Using a splash screen is a good way to slow the user’s thought process and inspire them to dig deeper. The splash page’s goal is usually to explain the site quickly with photos or a short bit of text.

But in Peter Pearson’s case, its goal is to evoke a feeling. The big sky and splattered text effect do a great job at evoking curiosity because these things don’t usually appear together. This site also does a great job at continuing the emotion created by the splash page into the actual content.

The side-scrolling motion and animated lines that follow the user are really effective.

Piepmatzel

A great way to get around the language barrier is to not use any words. Piepmatzel is a CSS gallery, and people who have seen a CSS gallery before will likely recognize it as one right away.

Those who haven’t may be intrigued enough to give a few of the thumbnails a click in the hope of figuring out the pattern. The small amount of text at the bottom of the page helps with sorting and is superfluous.

Rule #5: Navigation Should Be Easy To Figure Out

Navigation should not be the bottleneck of a site. Users should be able to find what they want quickly. Sometimes, though, unintuitive yet engaging navigation can help the user feel connected to the site and what it is promoting.

Alvin Tang

As mentioned in the previous section, an air of confidence is conveyed when a portfolio doesn’t spell itself out. This is the case in Alvin Tang’s photography portfolio. When first arriving on the site, the user does not immediately recognize the words they see as links.

This uncertainty should prompt them to poke around a bit. Moving the mouse over a word reveals that it is indeed a link, and upon clicking it, a gorgeous photo loads. The photo will entice users to continue browsing.

To see more photos, users have to click the “Back” button on their browser (something most people understand to do) and then click another link. There is no hand-holding in the design, and it works extremely well. This isn’t a conventionally “gorgeous design,” but it delivers exactly what it needs to.

Kasulo

Kasulo’snavigation isn’t terribly hard to figure out, but the average user may not know exactly what to do upon arriving on the site. After the first click, though, everything becomes obvious.

The user navigates the portfolio pieces in 3-D style, and the latest items appear closest to the beginning. Using the mouse wheel is even more fun.

Marcio Kogan

Marcio Kogan’s site is another example of great navigation that isn’t immediately obvious. The instruction “Drag me” is hard to resist, and once the user does that, they’re on their way to cruising the portfolio items. The mouse-over previews are a small detail but really impressive.

Ceranco

If a client were to ask a designer to make their site in 3-D, like a first-person shooter video game, most designers would silently laugh to themselves, take a deep breath, and then slowly explain why that would be a bad idea.

While the website for Ceranco isn’t exactly a 3-D shooter, it could easily be confused for some sort of indie computer game. Sites like this are great at engaging users. While the long loading time and poor search engine optimization make this less than ideal for most projects, it’s definitely worth a second thought.

Rule #6: Use Different Colors for the Text and Background

This rule perhaps isn’t written all over the place, but many rookies are so afraid of making text unreadable that they don’t consider using the same base color for both the background and font itself. You can follow some simple techniques to make the similar colors work.

Linksys

The Linksys site is neat because of how it has one blue for all of its links, even though the background color is various shades of blue. While a risk and maybe not the greatest color decision, it does work.

Brad Colbow

Brad Colbow’s design is similar to Linksys’ because of the blue text on blue background. Blue on blue is difficult to pull off nicely, especially with so many different blues throughout the site.

Powerset

So far in this section we’ve seen only blue websites, because blue text is hardest for the human eye to read, and so legible blue type is always impressive. If a text effect works in blue, it will most likely work in any color.

Powerset uses a letterpress style for its font to create a 3-D effect that effectively separates the text from the background.

Artist In Design

Artist In Design not only has green text on a green background and yellow/beige text on a yellow background but has text directly on top of a photo.

While some individual letters may be hard to read, the words as a whole remain legible. This type of effect should almost always be center stage in a design.

Horacio Bella

Horacio Bella uses another 3-D effect on his portfolio. In this case, the letters appear to pop out rather than be dented inwards. Without this effect, legibility would have been greatly reduced. Another good effect used here is the tight kerning of letters, which further improves legibility.

Rule #7: Don’t Put Animation in the Way of Your Content

Seriously, don’t pop up little Flash ads right where the user is reading. Same goes for those survey boxes that show up whenever the user is in the middle of a sentence. Users do not enjoy being distracted when they’re halfway through a sentence. Unless…

It’s really hard to not be enthralled by the little spider on ABA’s site. The design is clean, and although the spider is a distraction, it’s okay. So far, this site I think is the only exception to the rule.

Rule #8: Stick to Web-Safe Fonts

Although font face replacement techniques are still young, they’re already making a big splash. sIFR was the first, and recently Cuf n and Typefasce.js have emerged.

Dise orama

On the Dise orama website, the red “Recientemente” text is selectable. One downside is that if the site doesn’t load instantly, the user will see the original plain font briefly.

Another downside is that if the user has either JavaScript or Flash disabled, they would only see the original font. All things considered, it’s still pretty cool. Hopefully it’s a preview of what’s to come in the next few years.

Cactuslab

Cactuslab also uses sIFR for the blue sub-headers (such as “Winter Work”). Although sIFR is the most complicated of the font-replacement techniques, text can be copied and pasted, giving it a big advantage over the two other techniques.

Rule #9: Don’t Have a Splash/Landing Page

Many designers have had that same old discussion with their clients about why a splash page is not a good idea. Google tends to rank such pages lower, and they slow down the user from getting the content that they’re after. But they can be incredibly beautiful and inspiring if done right.

Gloss Postproduction

The purpose of the portfolio sample that appears on the splash page of Gloss Postproduction’s website is to elicit an emotional reaction from the user.

Upon each visit, a random photo from the portfolio is loaded. Clicking on the photo scales it down and puts it in its place among the other portfolio pieces on the site. The scaling and motion effect provides continuation and helps carry over the user’s emotion to the rest of the company’s work.

Issa London

When a site is completely done in Flash, the loading bar can serve as a splash page. When a user sees a loading bar, they will either close the page and go somewhere else or switch to another tab and browse elsewhere while they wait.

Once the page loads, it’s best to wait for the user to return before starting up. In Issa London’s case, the gate is a perfect metaphor to say that the site is ready and the user may enter.

When the user clicks on the gate, the gate opens and various illustrated models appear. Using the gate on the splash page is a great design idea because upon entering, the user feels engaged.

Rule #10: Don’t use Tables

Any web designer who uses tables in their designs will instantly be called a rookie by experienced designers. Tables don’t display the same in all browsers, and they can make the source code look messy, but at the very least you’ll know what you’re getting with them. Here are some examples of designs that incorporate tables.

This table is slightly hard to see but is tucked in there between the two chairs. It’s a nice little side table but sadly doesn’t contribute much to this site’s design.

Tables are way in the background of this design on Work at Play, but they keep the workers’ laptops and other items within easy reach. Without these tables, the room would feel much emptier, and the background photo wouldn’t have the same effect.

Although this design mostly features chairs, a nice little table appears in the top-right of the thumbnail. Looks like a pot is sitting on it.

As far as designs with tables go, this is one of the best. With two tables featured in this Flash animation, the design gives them a lot of attention. This site should be on every designer’s list of great designs that use tables.

Break the Rules!

Breaking the rules is okay when a design calls for it. Many of the design choices reviewed here would not be considered by the average designer. This is what separates great designers from average ones.

Those brave enough to go against what they’ve been taught always stand out.

Written exclusively for WDD bt Eli Penner. He runs his own website at SleepyHero.com

Do you break any rules in your web designs? Why or why not? Please share your views with us…

If you find an exclusive RSS freebie on this feed or on the live WDD website, please use the following code to download it: I4Yz2s

今天，四个人在诺大的教室里看完贾樟柯的《世界》，就顶着烈日奔向105车站，经过了数公里崎岖的建筑工地，来到了这座城未来的一个商业圈里。

去到山寨版“钱柜”——一名曰：“钱贵”，花了山寨版的价格，投入到了号称“和谐生活，自在钱贵”的声带运动中来。这是鄙人生平第一次只和女生共处K室，四人举动非疯狂可及也。流行歌曲就不用说了，小虎队系列、张国荣系列……伤心情歌系列~单身情歌（3个单身贵族唱得很惨烈~）、爱我的人和我爱的人、千年等一回……上海滩、读书郎……四个人四个小时解决了一百多首歌，要是男生在场，一定被某女雷到~哈哈

这座城现在属于建筑垃圾态，到处都在修路、建楼，动土~不晓得这座城的老高们在建筑之前算过风水没有。只要有车的地方必定是尘土飞扬，在这座城中心的时候，还是更愿意回到郊区这处僻静之所。

不过，明天就要回家了，虽然家在的那座城也在不停地拆拆建建，修修补补，但即使是尘土的味道也能带给人安全感，因为在家所处的这座城里，始终有那么几个爱你的且你爱的人在守候着你。是的，归属感很重要，安全感很重要。

未来的感觉将被翻新，今天的画面不会重演，它将在我即将完整的大学记忆里留下温馨的一页~一屋子神奇的女人们。