響應式成Web設計(jì)新看(kàn)點

　　響應式成Web設計(jì)新看(k↓ ₹àn)點。響應式Web設計(jì)(Respo<$λ¶nsiveWebdesign)的(de)理(lǐ)念是(shì)，頁面的(de•∑)設計(jì)與開(kāi)發應當根據用(yòng)戶行(xíng♥♣)為(wèi)以及設備環境(系統平台、屏幕尺寸、屏幕↑™£•定向等)進行(xíng)相(xiàng)應的(dφ₩§e)響應和(hé)調整。具體(tǐ)的(de)實踐方式由多(duō)方¶φ© 面組成，包括彈性網格和(hé)布局、圖片、CSSmedi∑‍​aquery的(de)使用(yòng)等。無論用(yòng)戶正在使用(yò•★ng)筆(bǐ)記本還(hái)是(shì)iPad，我們的(d₽♠γ€e)頁面都(dōu)應該能(néng)夠自(zì)動切換分≈‌₩±(fēn)辨率、圖片尺寸及相(xiàng)關腳本功¶≥能(néng)等，以适應不(bù)同設備；換句話(huà)說(shuō)，頁•♦≠面應該有(yǒu)能(néng)力去(qù)自(zì)動響應用(yòn'€​g)戶的(de)設備環境。這(zhè)樣，我們就(jiù)可(kě)以不↕"ε(bù)必為(wèi)不(bù)斷到(dào)來(lái)的(×≥¥ de)新設備做(zuò)專門(mén)的(de)版本設計(jì)和(hé)π$♦↔開(kāi)發了(le)。

　　1.更多(duō)的(de)響應式設計(jì)

　　雖然響應式設計(jì)在2012年(nián)被提的(de)比較多₹₩(duō)，但(dàn)是(shì)響應式設計(jì)仍然在不(bù$★)斷變化(huà)，不(bù)斷創新。比如(rφ₩€ú)，新的(de)設備不(bù)斷出來(lái)（iPadMin≠"&i），這(zhè)讓以前的(de)設計(jì)想法土(tφ≠φǔ)崩瓦解。而現(xiàn)在各種Web的(de)響應式設‌>♣£計(jì)也(yě)獲得(de)了(le)越來(lái)越多(du™☆₩ō)的(de)注意，“讓人(rén)們忘記設備尺×&寸”的(de)理(lǐ)念将更快(kuài)地(dì)驅動響應式÷↔δ<設計(jì)，所以Web設計(jì)也(yě)将迎來(lái)更多(★‍ €duō)的(de)響應式設計(jì)元素。

　　2.排版将變得(de)很(hěn)重要(yào)

　　Web設計(jì)人(rén)員(yuánφ€)和(hé)開(kāi)發者都(dōu)很(hěn∑×‍£)注意一(yī)個(gè)網站(zhàn)的(de)圖片和(♠α≠hé)javascript，這(zhè)個(gè)趨勢會(huì)驅動字體(€<tǐ)（排版）在網頁設計(jì)中的(deβ")地(dì)位越來(lái)越重要(yào)，σλ✘₩從(cóng)@font-face到(dào)服務器(qì)默認ser>₩≤☆vefont（字體(tǐ)），這(zhè)些(xiē)字體(tǐ)往常的(d ✔∑e)受重視(shì)度經常比圖片和(hé)腳本輕。但(d×®™àn)2013就(jiù)不(bù)會(huì)&×了(le)。而且字體(tǐ)和(hé)排版是(shì)基于內(nèi)容天生(✔‌shēng)的(de)，會(huì)比在圖片和(≈♣↔←hé)腳本方面下(xià)功夫更易獲得(de)回應。

　　3.跟Flash說(shuō)拜拜

　　Flash很(hěn)有(yǒu)可(kě)能(néng)要≤←(yào)over了(le)，因為(wèi)它不(bù)利₽λ于一(yī)個(gè)網站(zhàn)的(de)SEO，許多(★÷÷duō)移動設備并不(bù)支持它，升級它是(shì)個(gè)‍♣>很(hěn)痛苦的(de)事(shì)情（升級後在浏覽器(λ±±∏qì)裡(lǐ)會(huì)卡）；而且它的(de)替代者都(dōu)很(h ↑₽♣ěn)優秀（HTML5/CSS3,javascript)。TNW大(dà)₽÷δ膽預言Flash将在2013年(nián)徹底結束，一(≈↑®↔yī)些(xiē)曾經支持它的(de)公司已經開←‍₽φ(kāi)始轉移注意力，重要(yào)的(de)是(shì)， &很(hěn)少(shǎo)的(de)設計(jì)師(shī)和(β$hé)開(kāi)發者會(huì)使用(yòng)♠βδ到(dào)這(zhè)個(gè)，而那(nà)些(xiē)想雇用(yòng₹→÷€)這(zhè)些(xiē)技(jì)術(✔•¥×shù)人(rén)員(yuán)的(de)雇主很(hě"∑∞n)難請(qǐng)到(dào)人(rén)才了(le)。

　　4.iOS“拟物(wù)&rdqu★→¥o;設計(jì)不(bù)再受推崇

　　依據過去(qù)的(de)線索來(lái)為(wèi)新技(jì)術(×↕shù)服務并沒法太大(dà)地(dì)改進我π♥λ們的(de)思維方式。比如(rú)，我們不(bù)需要(yào)一(yī)✘φ個(gè)可(kě)視(shì)化(huà)的(d♠£e)書(shū)架才知(zhī)道(dào)那(nà)裡(lǐ)有(yǒ™✔∞ u)電(diàn)子(zǐ)書(shū)要(yào)讀(dú)，看(kγαπàn)電(diàn)子(zǐ)書(shū)的(de)封面我們就(φ$jiù)知(zhī)道(dào)那(nà)是(shì)什↔ (shén)麽了(le)。

　　在蘋果向其他(tā)公司展示它們“££₹↔拟物(wù)”的(de)設計(jì)美(měi)¶γ學時(shí)，我們已經看(kàn)到(dào)了£®'✘(le)新希望，比如(rú)微(wēi)軟的(d₩"e)Metro，所以2013的(de)設計(jì)趨勢是(shì)₽λ更多(duō)的(de)公司将更注重跟随∞"✔自(zì)己的(de)設計(jì)靈感，而不(bù)是(s←☆"hì)尾随“同形物(wù)&¥δrdquo;設計(jì)。

　　5.用(yòng)大(dà)幅圖片來(lái)造成視(shì)覺效果∏≈♦₽

　　有(yǒu)一(yī)個(gè)不(™δbù)争的(de)事(shì)實是(shì)，越來(lá✔‍i)越多(duō)的(de)網站(zhàn)$₽在它們的(de)主頁用(yòng)大(dà)幅圖片來(lái)>®×突出影(yǐng)響，而且網站(zhàn)會(hu©↕λ‌ì)自(zì)我調節，準備好(hǎo)足夠∞÷的(de)寬帶和(hé)數(shù)據，隻有(yǒu)大(dà)屏幕上(¥®≥shàng)的(de)時(shí)候才會(huì)以這(★"₽zhè)種方式顯示。

　　6.給讀(dú)者更多(duō)空(kōng)白(bε$ái)空(kōng)間(jiān)

　　這(zhè)一(yī)趨勢在2012年(nián)就(jiù)開(k∏ε₩×āi)始了(le)，響應式設計(jì)以及現(xiàn)在推崇的(de‍λ)幹淨式美(měi)學（參考新的(de)Myspace設計(jì)），這(z$♥<↕hè)些(xiē)白(bái)色空(kōng)間(jiān)看(kàn)起"λλ'來(lái)莊重高(gāo)雅，而誰又(yòu)不(bù)希望自(zì ×♦α)己的(de)網站(zhàn)看(kàn)起來÷$₹♦(lái)專業(yè)而有(yǒu)內(nèi)涵呢(n≠ε'e)？

　　7.更深的(de)社交網絡整合

　　不(bù)管是(shì)你(nǐ)最愛γ≤↓←(ài)的(de)網站(zhàn)還(há←∏≈i)是(shì)新網站(zhàn)，你(nǐ)都(dōu)在尋求更多♦λ★(duō)的(de)社交整合，過去(qù)文(wén)章(zh♠÷'āng)底部的(de)分(fēn)享按鈕可€←¥(kě)能(néng)有(yǒu)點土(tǔ)了(l→ ®e)，所以2013年(nián)更深的(de)社交整合會(huì)"↕​>出現(xiàn)，比如(rú)進一(yī)步擴大(dà)社φ★‌交單點登錄；“paybytweet”或♥→者“paybystatus”分(fēn)享。尋找↑≠新式社交媒體(tǐ)，比如(rú)新聞網站(zhàn)将整合Instagr™★am，藝術(shù)和(hé)設計(jì)網站(zhàn)将整合₹₽Pinterest。

　　8.平靜(jìng)的(de)配色方案重現(x≤εiàn)

　　越來(lái)越多(duō)的(de)網站(zhàn&÷$≥)趨向于使用(yòng)低(dī)調或平靜(jìng)的(de)配色方案，<©比如(rú)重新設計(jì)的(de)PayPal主頁。而什(≥•¥♦shén)麽顔色會(huì)成為(wèi)主流很(hěn)難☆§預測，但(dàn)是(shì)不(bù)飽和(hé)≥π±↔的(de)光(guāng)顔色在新網站(zhàn)和(hé)移動App上(∑ ∑shàng)還(hái)會(huì)超過主流色調，也(§λ§yě)就(jiù)是(shì)說(shuō)使用(yòng)白(↕®→bái)、灰、黑(hēi)是(shì)非常安全的(de)。

　　9.App将代替移動版網頁

　　雖然有(yǒu)個(gè)巨大(dΩ≠ à)的(de)推動力趨勢Web設計(jì)π♥←↑在任何設備上(shàng)工(gōng)作(‍ >zuò)，但(dàn)有(yǒu)些(xiē)網站(zhàn)自 ∞ε(zì)己的(de)App反而表現(xiàn)得(de)更好 ₩(hǎo)，比如(rú)Twitter,Facebook₹®,以及Pinterest，它們的(de)App體(tǐ)驗都(d≤≤γ≤ōu)比移動浏覽版的(de)頁面要(yào)好(hǎo)多 α∑(duō)了(le)。用(yòng)戶會(huì)越來(lái)←λ★越多(duō)的(de)選擇你(nǐ)的Ω₩(de)App而不(bù)是(shì)移動浏覽版。

　　10.內(nèi)容依舊(jiù)₹ ₹為(wèi)王

　　2013年(nián)裡(lǐ)內(nè'λΩi)容會(huì)繼續衛冕它的(de)王冠，沒有(yǒu)內(¥ε®←nèi)容，就(jiù)不(bù)用(yòng)談設計(jì)了(le)γ÷×☆。排版、設計(jì)、出版、分(fēn)享會(huì)讓內(nèi€♠₩€)容繼續在那(nà)裡(lǐ)閃閃發光(guāng)。¥♥

　　所以以上(shàng)就(jiù)是(shì)将主導2013We¥§​b設計(jì)的(de)趨勢。