首頁

八個網(wǎng)頁設(shè)計的趨勢

藍(lán)藍(lán)設(shè)計的小編

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

單頁面

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

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

香港設(shè)計的傳承——靳埭強(視頻)

藍(lán)藍(lán)設(shè)計的小編

 

設(shè)計界的殿堂級人物靳埭強,是香港設(shè)計行業(yè)的“開荒牛”。他經(jīng)歷了中國內(nèi)地改革開放之初,香港設(shè)計師手執(zhí)內(nèi)地設(shè)計行業(yè)牛耳的風(fēng)光日子,他亦見證了內(nèi)地設(shè)計業(yè)在政府和民間的大力支援和推動下,伴隨經(jīng)濟急速發(fā)展而欣欣向榮、人才輩出。反之,本港業(yè)界環(huán)境則每況愈下,艱難重重。
 
他續(xù)稱:“我最近發(fā)覺,香港有公司會找大陸設(shè)計公司做設(shè)計,因為便宜嘛!香港只會越來越少設(shè)計項目做,當(dāng)老板沒事做時,大家也就都沒有工作了……”
 
另一方面,在時代洪流的推進下,中央政府亦洞悉到產(chǎn)業(yè)升級的重要性,希望將中國由血汗堆砌的世界工廠,逐步轉(zhuǎn)變?yōu)楦咴鲋档膭?chuàng)新產(chǎn)品或服務(wù)基地,將“中國制造”變成邊際利潤高得多的“中國創(chuàng)造”。為此,中央政府在五年前的“十一·五規(guī)劃(2006至2010年)” 中,已大力推動各地的文創(chuàng)業(yè)發(fā)展,利用沿海城市區(qū)域發(fā)展創(chuàng)意產(chǎn)業(yè)集群,為創(chuàng)意者真正落地生根、開花結(jié)果創(chuàng)造條件。

設(shè)計師需要的知識體系

藍(lán)藍(lán)設(shè)計的小編

 

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

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

1. Good Design is innovative;

良好的設(shè)計是創(chuàng)新;

2. Good Design makes a product useful;

情感化設(shè)計

藍(lán)藍(lán)設(shè)計的小編

摘要: 藝術(shù)可以讓你為所欲為,但設(shè)計必須考慮其他人的感受—–吉斯利如今電腦,網(wǎng)絡(luò),手機,平板電腦等科技產(chǎn)品的普及,為設(shè)計與人互動提供了完美的平臺,人們可以更加直接的去體驗感受設(shè)計。而設(shè)計師也已經(jīng)升級到不能僅僅 ...
 
 

 

藝術(shù)可以讓你為所欲為,但設(shè)計必須考慮其他人的感受—–吉斯利

如今電腦,網(wǎng)絡(luò),手機,平板電腦等科技產(chǎn)品的普及,為設(shè)計與人互動提供了完美的平臺,人們可以更加直接的去體驗感受設(shè)計。

而設(shè)計師也已經(jīng)升級到不能僅僅只是沉醉在酷炫的視覺效果,更多的要去思考怎樣通過設(shè)計來拉近人們與冰冷設(shè)備的距離,從而獲得更多的用戶群體進行互動成了一個值得研究的課題。要想了解怎樣能使人對產(chǎn)品產(chǎn)生情感互動就要先了解人們的情感。通過對人類情感的認(rèn)知來考慮設(shè)計的產(chǎn)品對用戶情感的影響,從而達(dá)到理想的效果。

企業(yè)ui的設(shè)計基本原則+企業(yè)ui設(shè)計標(biāo)準(zhǔn)色的設(shè)計設(shè)定+界面設(shè)計設(shè)計的作用

藍(lán)藍(lán)設(shè)計的小編

 

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

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

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

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

 

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

1、 企業(yè)ui設(shè)計 標(biāo)準(zhǔn)色設(shè)定的著眼點
(1) 基于塑造企業(yè)形象的考慮
根據(jù)企業(yè)經(jīng)營理念或產(chǎn)品的內(nèi)容特質(zhì),選擇適合表現(xiàn)其突出概念和關(guān)鍵語的色彩。其中尤其要以表現(xiàn)企業(yè)的安定性、信賴感、成長性、生產(chǎn)技術(shù)性、商品的優(yōu)異性為前提,達(dá)到通過色彩,間接的表現(xiàn)和塑造企業(yè)形象的目的。
(2) ui設(shè)計基于經(jīng)營戰(zhàn)略的考慮
為擴大企業(yè)之間差異性,選擇與眾不同的色彩,以期達(dá)到企業(yè)識別的目的。其中,應(yīng)該以使用頻率最高的傳播媒體或視覺符號為標(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è)定,可由上述三個方面來擇取其一,或者考慮三者之間的的相互關(guān)系,選擇合適的色彩。

 

ui設(shè)計,界面設(shè)計設(shè)計的作用

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

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

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

4.涵概性 

HTML的發(fā)展史你了解嗎???

藍(lán)藍(lán)設(shè)計的小編

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


從 IETF 到 W3C: HTML 4 之路

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

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


劉強東:對人生負(fù)責(zé)任的獨立思考是稀缺能力

藍(lán)藍(lán)設(shè)計的小編

 

王利芬:就是你自己有沒有總結(jié)一下,劉強東像你這樣一個人,其實你非常年輕。七十年代中期,你跟其他人你身上獨特的不一樣是什么?

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

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

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

劉強東:那時候我的工資,連獎金加起來四千多。

蘋果之神喬布斯:做新產(chǎn)品演講的五大秘訣

藍(lán)藍(lán)設(shè)計的小編

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

  第一招 賣商品的好處

 

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

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

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

2011 Web設(shè)計趨勢

藍(lán)藍(lán)設(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)極為流行,連那時的男用背包也是如此。但今天,這兩者都風(fēng)光不再了!何不用一個超大的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.

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

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

藍(lán)藍(lán)設(shè)計的小編

1.     工作量大

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

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

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

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

日歷

鏈接

個人資料

存檔