首頁

Google HTML5 訓(xùn)練營

藍藍設(shè)計的小編

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

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

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

iBooks發(fā)布首次重大更新,有啥新功能?

藍藍設(shè)計的小編

21日,蘋果公司對iBooks進行了第一次重大更新,發(fā)布了iBooks 1.1版。新版iBooks提供了許多改進的新功能。一起來看看是哪些功能吧:iBooks 1.1版提供了紅色書簽功能

精選31個網(wǎng)站界面設(shè)計實踐教程

藍藍設(shè)計的小編

為網(wǎng)站創(chuàng)建有效的導(dǎo)航對于網(wǎng)站瀏覽者的瀏覽及導(dǎo)航起到至關(guān)重要的作用。我們?yōu)槟x了以下時尚且簡單的導(dǎo)航設(shè)計教程,當您掌握這些教程之后,進行各種調(diào)節(jié)及變化將變得非常容易。

1. Retro Dark Blue Header Design

教您如何設(shè)計一個深藍色復(fù)古圓角網(wǎng)站頁頭。

網(wǎng)頁-設(shè)計-教程

2. Wii Web Header

  教您如何設(shè)計一個WII風格的網(wǎng)站頁頭。

考究簡約設(shè)計

藍藍設(shè)計的小編

Cloud Gate


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

2011 Web設(shè)計趨勢

藍藍設(shè)計的小編

遵循最為時興的設(shè)計原則是開辦設(shè)計事務(wù)所的重要一環(huán)。過去的一年或多或少造就了這樣的觀念,即設(shè)計越簡單就越好越有效。

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這些大牌們一直在引導(dǎo)“少就是多”這一理念。大批的媒體網(wǎng)站追隨著他們的腳步,在設(shè)計模板上使用大量的留白。這與擁擠型設(shè)計截然相反。現(xiàn)代派的真經(jīng)是破除左導(dǎo)航、右導(dǎo)航的糾結(jié),讓用戶盡可能專注在頁面內(nèi)容上,而不要被分心!如果哪天你的網(wǎng)站發(fā)達了,設(shè)計中的空白區(qū)再來用于廣告用途也為時不晚啊。

Dieter Rams:優(yōu)秀設(shè)計的十條準則

藍藍設(shè)計的小編

優(yōu)秀的設(shè)計應(yīng)該是創(chuàng)新的

創(chuàng)新的可能性是永遠存在并且不會消耗殆盡的。科技日新月異的發(fā)展不斷為創(chuàng)新設(shè)計提供了嶄新的機會。 同時創(chuàng)新設(shè)計總是伴隨著科技的進步而向前發(fā)展,永遠不會完結(jié)。

如何設(shè)計專業(yè)的幻燈片?

藍藍設(shè)計的小編

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

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).

概括內(nèi)容

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

 

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. 

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

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. 

選擇配色方案

我在谷歌做設(shè)計的原因

藍藍設(shè)計的小編

1.     工作量大

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

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

2.  鼓勵概念設(shè)計

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

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔