本文譯自網(wǎng)站設(shè)計(jì)公司weavora.com ，介紹了在他們眼里8個(gè)Web設(shè)計(jì)趨勢(shì)：?jiǎn)雾撁?、用照片做背景、色塊設(shè)計(jì)、超大號(hào)的圖片、聚焦簡(jiǎn)潔、響應(yīng)式設(shè)計(jì)、視差滾動(dòng)、強(qiáng)調(diào)字體，每個(gè)趨勢(shì)后面都附了數(shù)個(gè)案例，相信對(duì)網(wǎng)站設(shè)計(jì)師會(huì)有一定的參考價(jià)值。

單頁面

單個(gè)長(zhǎng)頁面的設(shè)計(jì)一度不受人待見（無論是客戶還是設(shè)計(jì)師），但現(xiàn)在整個(gè)互聯(lián)網(wǎng)隨處可見。一個(gè)合理的解釋是，用戶現(xiàn)在早已習(xí)慣于使用鼠標(biāo)滾輪了，比起在多個(gè)頁面間來回查看，用滾輪上下瀏覽要省事得多。

包括蘋果在內(nèi)的一些知名大公司也使用了相當(dāng)長(zhǎng)的頁面來展示產(chǎn)品，獲得了很不錯(cuò)的效果。

品設(shè)計(jì)師面對(duì)復(fù)雜、龐大的制造業(yè)系統(tǒng)以及多元化的市場(chǎng)，其知識(shí)體系要同時(shí)具備廣度和深度。設(shè)計(jì)是循序漸進(jìn)、不斷深入的過程，因此我們面對(duì)的是交錯(cuò)的學(xué)科體系，以及深入的技術(shù)探究。當(dāng)國(guó)內(nèi)工業(yè)設(shè)計(jì)教育界還在熱烈地爭(zhēng)論設(shè)計(jì)是藝術(shù)還是技術(shù)時(shí)，不妨退一步思考，設(shè)計(jì)本身既融合又獨(dú)立，既有依附性又具有本身不可替代的意義。放眼整個(gè)社會(huì)，設(shè)計(jì)的對(duì)象是我們的生活或生活方式，因此熱愛生活，對(duì)生活有細(xì)膩的體會(huì)和敏感的觸覺是成為優(yōu)秀設(shè)計(jì)師的基礎(chǔ)。

那么我們究竟應(yīng)該學(xué)習(xí)什么？如何在內(nèi)心構(gòu)建出強(qiáng)大的知識(shí)體系以使之用于設(shè)計(jì)實(shí)施？以下為Dieter Rams的設(shè)計(jì)十原則，簡(jiǎn)短而具有概括性的語言折射出設(shè)計(jì)的多元面向：

1. Good Design is innovative;

良好的設(shè)計(jì)是創(chuàng)新；

2. Good Design makes a product useful；

企業(yè)ui的設(shè)計(jì)基本原則

①ui設(shè)計(jì) 符合CI總概念的要求。 設(shè)計(jì)者應(yīng)該對(duì)企業(yè) 目前的 形象資產(chǎn)、企業(yè)導(dǎo)入CI的基本戰(zhàn)略了然于心。

②充分考慮到企業(yè)徽標(biāo)的理念表現(xiàn)力、可行性。 注明徽標(biāo)的象征意義并提供應(yīng)用于各種不同視覺傳媒的形式說明與縮放的比例及視覺效果說明。

③設(shè)計(jì)要符合傳播對(duì)象的直觀接受能力、習(xí)慣，社會(huì)心理、習(xí)俗與禁忌。

企業(yè)ui設(shè)計(jì)標(biāo)準(zhǔn)色的設(shè)計(jì)設(shè)定

1、 企業(yè)ui設(shè)計(jì) 標(biāo)準(zhǔn)色設(shè)定的著眼點(diǎn)
（1） 基于塑造企業(yè)形象的考慮
根據(jù)企業(yè)經(jīng)營(yíng)理念或產(chǎn)品的內(nèi)容特質(zhì)，選擇適合表現(xiàn)其突出概念和關(guān)鍵語的色彩。其中尤其要以表現(xiàn)企業(yè)的安定性、信賴感、成長(zhǎng)性、生產(chǎn)技術(shù)性、商品的優(yōu)異性為前提，達(dá)到通過色彩，間接的表現(xiàn)和塑造企業(yè)形象的目的。
（2） ui設(shè)計(jì)基于經(jīng)營(yíng)戰(zhàn)略的考慮
為擴(kuò)大企業(yè)之間差異性，選擇與眾不同的色彩，以期達(dá)到企業(yè)識(shí)別的目的。其中，應(yīng)該以使用頻率最高的傳播媒體或視覺符號(hào)為標(biāo)準(zhǔn)，使其充分表現(xiàn)這一特定的色彩，造成條件反射的效果。
（3） 基于成本與技術(shù)的考慮
為了能使企業(yè)的標(biāo)準(zhǔn)色能準(zhǔn)確的再現(xiàn)而又方便管理，應(yīng)該盡量選擇理想的印刷技術(shù)，合理的分色制版方法，使之達(dá)到與標(biāo)準(zhǔn)色統(tǒng)一化的色彩。另外，避免選用特殊色彩，或多色印刷以免增加不必要的制作成本。
標(biāo)準(zhǔn)色的設(shè)定，可由上述三個(gè)方面來擇取其一，或者考慮三者之間的的相互關(guān)系，選擇合適的色彩。

ui設(shè)計(jì)，界面設(shè)計(jì)設(shè)計(jì)的作用

1.識(shí)別性
識(shí)別性是企業(yè)的商標(biāo)、ui設(shè)計(jì) 重要功能之一。市場(chǎng)經(jīng)濟(jì)體制下，競(jìng)爭(zhēng)不斷加劇，公眾面對(duì)的信息紛繁復(fù)雜，各種界面商標(biāo)符號(hào)更是數(shù)不勝數(shù)，只有特點(diǎn)鮮明、容易辨認(rèn)和記憶、含義深刻、造型優(yōu)美的ui設(shè)計(jì)，才能在同業(yè)中突顯出來。它能夠區(qū)別于其它企業(yè)、產(chǎn)品或服務(wù)，使受眾對(duì)企業(yè)留下深刻印象,從而提升了界面設(shè)計(jì) 的重要性。

2.領(lǐng)導(dǎo)性 
商標(biāo)、ui設(shè)計(jì)是企業(yè)視覺傳達(dá)要素的核心，也是企業(yè)開展信息傳播的主導(dǎo)力量，在視覺識(shí)別系統(tǒng)中，商標(biāo)、ui設(shè)計(jì)的造型、色彩、應(yīng)用方式，直接決定了其他識(shí)別要素的形式，其他要素的建立，都是圍繞著商標(biāo)、ui設(shè)計(jì)為中心而展開的。商標(biāo)、ui設(shè)計(jì)的領(lǐng)導(dǎo)地位是企業(yè)經(jīng)營(yíng)理念和活動(dòng)的集中體現(xiàn)，貫穿于企業(yè)所有的經(jīng)營(yíng)活動(dòng)中，具有權(quán)威性的領(lǐng)導(dǎo)作用。

3.同一性 
商標(biāo)、ui設(shè)計(jì)代表著企業(yè)的經(jīng)營(yíng)理念、文化特色、價(jià)值取向，反映企業(yè)的產(chǎn)業(yè)特點(diǎn)，經(jīng)營(yíng)思路，是企業(yè)精神的具體象征。大眾對(duì)企業(yè)商標(biāo)、ui設(shè)計(jì)的認(rèn)同等同于對(duì)企業(yè)的認(rèn)同，商標(biāo)、ui設(shè)計(jì)不能脫離企業(yè)的實(shí)際情況，違背企業(yè)宗旨，只做表面形式工作的商標(biāo)、ui設(shè)計(jì)，失去了商標(biāo)、ui設(shè)計(jì)本身的意義，甚至對(duì)企業(yè)形象造成負(fù)面影響。

4.涵概性 

HTML 是 Web 同一語言，這些容納在尖括號(hào)里得大略標(biāo)簽，構(gòu)成了如今得 Web。1991 年，Tim Berners-Lee 編寫了一份叫做 “HTML 標(biāo)簽”得文檔，內(nèi)里包括了大約20個(gè)用來標(biāo)記網(wǎng)頁得 HTML 標(biāo)簽。他直接借用 SGML 得標(biāo)記款式，也便是其后我們看到得 HTML 標(biāo)記得款式。本文報(bào)告了 HTML 這門 Web 標(biāo)記語言得生長(zhǎng)簡(jiǎn)史。

從 IETF 到 W3C: HTML 4 之路

HTML 1 并未曾存在，HTML 得第一個(gè)官方版本便是由 IETF （互聯(lián)網(wǎng)工程任務(wù)組） 推出得 HTML 2.0。問世之前，這個(gè)版本中得很多細(xì)則已經(jīng)被實(shí)現(xiàn)，比如，1994年得 Mosaic 欣賞器已經(jīng)實(shí)現(xiàn)了在文檔中嵌入圖片得方式，其后 HTML 2.0 便吸納了 img 這個(gè)標(biāo)簽。

其后，W3C 取代 IETF 得角色，成為 HTML 得標(biāo)準(zhǔn)構(gòu)造，1990年代得后半頁，HTML 得版本被頻繁點(diǎn)竄，直到1999年得 HTML 4.01，至此，HTML 到達(dá)了它得第一個(gè)拐點(diǎn)。

王利芬：就是你自己有沒有總結(jié)一下，劉強(qiáng)東像你這樣一個(gè)人，其實(shí)你非常年輕。七十年代中期，你跟其他人你身上獨(dú)特的不一樣是什么？

劉強(qiáng)東：其實(shí)老實(shí)說，我真的沒覺得自己跟別人有什么區(qū)別，我覺得一點(diǎn)區(qū)別沒有。無非就是堅(jiān)持，看準(zhǔn)路子堅(jiān)持一輩子，很簡(jiǎn)單，希望做點(diǎn)有價(jià)值的事情。其實(shí)這個(gè)東西，我覺得很多年輕人也會(huì)說，大家說的我覺得都是非常好。我不覺得我有什么任何特殊的，可能就是踏踏實(shí)實(shí)做吧，就是一直做下去。覺得這輩子，幾十年活的有價(jià)值，覺得我只有一次機(jī)會(huì)，我永遠(yuǎn)不可能再回到這個(gè)世界上來了，不能像今天生龍活虎活蹦亂跳的，可以做自己想做的事情，那就做點(diǎn)有價(jià)值的事情，對(duì)得起自己短暫生命，僅此而已。

王利芬：我整個(gè)看了你大量資料，和我今天對(duì)你的采訪之后。其實(shí)你的身上有一個(gè)特別可貴的特點(diǎn)，這個(gè)特點(diǎn)可能是我們很多的當(dāng)代青年，真的是需要思考一下的地方，就是你的獨(dú)立判斷的能力非常之強(qiáng)。你在每一個(gè)階段上，都是在獨(dú)立判斷。首先說，你還記得，你說你不想當(dāng)官。因?yàn)楦瘮≡谌魏我粋€(gè)點(diǎn)上都在蔓延，你沒辦法改變這么大一個(gè)規(guī)模。許多人停留在這個(gè)地方他不思考，而你思考，我改變我的擇業(yè)，我不去做公務(wù)員，而我來做改變我自己的事情，這個(gè)事情是你獨(dú)立思考出來的。

第二件結(jié)點(diǎn)上，你在那樣一個(gè)外企，日本企業(yè)，其實(shí)當(dāng)時(shí)應(yīng)該說是不錯(cuò)的，工資條件比別人也好。

劉強(qiáng)東：那時(shí)候我的工資，連獎(jiǎng)金加起來四千多。

世界企業(yè)家：不管你是不是CEO，不論你推銷的是如iPod一般的熱門商品，或是一份平凡的三明治，故事就是一個(gè)故事，你的目標(biāo)都是在贏得客戶。你同樣可以像喬布斯一樣在演說臺(tái)上散發(fā)品牌熱情。下面，我們就跟世界企業(yè)家的讀者朋友一起分享美國(guó)企業(yè)界中最佳的演說家喬布斯的新產(chǎn)品推廣演講的五大秘訣。

　　第一招 賣商品的好處

　　喬布斯不是賣一個(gè)鐵盒子，他賣的是一種使用經(jīng)驗(yàn)。不像大多數(shù)科技狂只會(huì)專注在讓人麻木的統(tǒng)計(jì)數(shù)字上，他賣的是一種產(chǎn)品的好處。當(dāng)介紹一個(gè)30GB的ipod時(shí)，他會(huì)很清楚地解釋，這個(gè)商品能給消費(fèi)者帶來的好處，像是：30GB代表可以裝7500首歌、25000張數(shù)字相片、或是75小時(shí)的影片。

　　喬布斯在介紹蘋果第一臺(tái)內(nèi)建intel芯片的筆記型計(jì)算機(jī)時(shí)，他開頭的第一句話就是：“這代表著什么?”這臺(tái)筆記型計(jì)算機(jī)有兩個(gè)處理器，讓這個(gè)新產(chǎn)品比起上一代的Powerbook G4，要快上四到五倍。他把它稱做一個(gè)“驚嘆號(hào)”。他強(qiáng)調(diào)的不是“科技”，而是科技可以帶給你什么樣的改變。《《紐約時(shí)報(bào)》：用最笨的方法對(duì)付高科技 》

　　第二招 練習(xí)、練習(xí)、再練習(xí)

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

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.

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

2. Keep it Simple

二、保持簡(jiǎn)單

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.

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

1.     工作量大

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

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

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

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