先簡單介紹一下這個訓練營的活動流程：
　　　1:00 – 1:30 注冊
　　　1:30 – 2:30 HTML5 技術剖析
　　　技術講座1 —— Google 工程師
　　　技術講座2 —— 特邀嘉賓（李靖威、李繼成，就職于人人網）
　　　2:30 – 3:00 宣布競賽規則，開始組隊
　　　3:00 – 6:30 作品創作 / 提交
　　　6:30 – 7:00 作品展示
　　　7:00 – 7:30 評獎、頒獎

　　講座部分，先是Google工程師寒蕊MM跟我們分享了些HTML5的新技術概況，其中大致包括：sessionStorage 、localStorage 、Web SQL DateBase 、Indexed DB ，寒蕊MM還專門寫了篇關于IndexedDB的文章《客戶端數據存儲》 ，文章用實例的方式講了Web Storage(localStorage)、Web SQL Database 和 Indexed Database的用法。

　　其中Web SQL Database雖是HTML5的技術，但由于某些原因，W3C組織(Web Applications Working Group)已不再維護這項技術，也就是說雖然目前Chrome、FireFox新版本瀏覽器支持這項技術，但不一定未來的版本還會支持。以下為w3c官網的聲明：

21日，蘋果公司對iBooks進行了第一次重大更新，發布了iBooks 1.1版。新版iBooks提供了許多改進的新功能。一起來看看是哪些功能吧：

為網站創建有效的導航對于網站瀏覽者的瀏覽及導航起到至關重要的作用。我們為您精選了以下時尚且簡單的導航設計教程，當您掌握這些教程之后，進行各種調節及變化將變得非常容易。

1. Retro Dark Blue Header Design

教您如何設計一個深藍色復古圓角網站頁頭。

2. Wii Web Header

　　教您如何設計一個WII風格的網站頁頭。

設計中的極簡主義已經出現一段時間了，并且現在看起來正在替換內容繁多且不必要混亂的設計如網站，海報，廣告，以及商標。對于這些藝術形式，極簡主義的概念涉及到幾乎要剝除掉已有的附加及戰略性的元素。結果可以是平靜地，然而強大的設計可以合理的傳達它的信息。你可以在所有的藝術形式找到極簡設計，從建筑到時尚再到商標設計。

遵循最為時興的設計原則是開辦設計事務所的重要一環。過去的一年或多或少造就了這樣的觀念，即設計越簡單就越好越有效。

1. Use Larger Logos

一、更大的LOGO

At one time, splash pages were extremely popular. But then so were man-bags, and both are not much in demand today! Why not use an over sized logo to end up with the feel of a splash page? You could get the same effect with a larger than normal header design. YES, we are saying you could make the logo as large as half of the screen size! If you wish for a better overall UX, this is the way to go.

曾幾何時，醒目頁面（Splash page)極為流行，連那時的男用背包也是如此。但今天，這兩者都風光不再了！何不用一個超大的LOGO來營造醒目頁面的感覺呢？你可以把頁首（header）做得比普通的尺寸大一點，來獲得同樣的效果。沒錯，我們說的是，你可以把Logo弄到屏幕的一半那么大！如果你想要更好的用戶體驗，就得這么做。

2. Keep it Simple

二、保持簡單

Simple themes have been around for quite some time already, what with big names like facebook and twitter having influenced users with the ‘less is more’ train of thought. A large number of media sites today follow in their footsteps, using a lot of blank spaces on their design templates. The idea is to have the opposite of a cluttered design. The modern mantra is to do away with left-nav and right-nav and keep the user as occupied as possible on page content rather than distractions! Blank space on a design can later always be used to offer advertising space if your site kicks off big time.

簡單風格也存在了一些時日了。像Facebook、Twitter這些大牌們一直在引導“少就是多”這一理念。大批的媒體網站追隨著他們的腳步，在設計模板上使用大量的留白。這與擁擠型設計截然相反。現代派的真經是破除左導航、右導航的糾結，讓用戶盡可能專注在頁面內容上，而不要被分心！如果哪天你的網站發達了，設計中的空白區再來用于廣告用途也為時不晚啊。

優秀的設計應該是創新的

創新的可能性是永遠存在并且不會消耗殆盡的?？萍既招略庐惖陌l展不斷為創新設計提供了嶄新的機會。 同時創新設計總是伴隨著科技的進步而向前發展，永遠不會完結。

從擇色、選圖，到正確使用留白區域，我們將剖析幻燈片設計的每個環節。通覽此文之后，你必能設計出屬于自己的精美幻燈片，令同事們自嘆不如。

A Word About Content

 

I usually make a big deal about content preceding design, and presentations are no exception. Ideally, you’ll have the topic and much or all of the content outlined before you even think about design. This will in every way shape the appearance of your design, which is why working from pre-built templates isn’t always the best move (though generic templates can and do work great in some circumstances).

概括內容

通常，我會在設計內容導入上下很大功夫，做報告時也是如此。理想情況是，在設計幻燈片之前，你得明晰主題和內容大綱。這會決定幻燈片設計的各方各面，也是為什么選用預制模板并非總是最佳方案的原因（盡管在有些情況下，通用模板效果頗佳）。

The reason that I bring this up is that I don’t really have an actual presentation in mind for this project. I’ll be running with a basic theme, but the textual information will be entirely placeholder copy. Your image, font, color and layout selection shouldn’t necessarily match mine but instead reflect the topic and content you’re working with. 

我之所以提起這個是因為對此心中并沒有實際的幻燈片方案。我會使用一個基本主題，而文本信息將完全是占位符復制。你選擇的圖片，字體，顏色以及布局無需和我一致，相反，這些應該反映你所要呈現的主題和內容。

Choosing A Color Scheme

 

Before I even open Photoshop (yes, I design PowerPoint/Keynote slides in Photoshop and drop them in, thought it helps if you do the te), I want to find a color scheme on which to base my entire design. When I need to quickly find several colors that go together I usually start with Kuler. Not only is it a great way to build your own color schemes, it’s an outstanding source to find schemes built by others that you can just grab for your projects. 

選擇配色方案

1.     工作量大

這六年來，我從事于互聯網上以及互聯網之外的廣告，臺式電腦 , 移動通信產品， B2B  商務，科幻風格互動理念，娛樂以及媒體服務，并且現在涉及到非洲以及新興市場產品。作為設計師，這給予了我很多可吸取經驗為后續的工作做準備。這就好比擁有 10 份不同的工作，然而無需面試或變動而天衣無縫的進行轉換。

同時，我能夠一直沉浸于自己過往的作品中并且觀察這些作品從而看看自己的設計工作做的如何是否對今后設計的成功有影響。

2.  鼓勵概念設計

我短期的設計目標是提升自己概念設計以及早期設計過程的能力。谷歌的規模以及范圍意味著我可以從事于很多產品理念同時可以在一個單獨企業中建立資源以及合作商的基礎。