11.09日(rì)音(yīn)訊,≤βγ真實的(de)網頁設計(jì)準則有(yǒu)哪些(xiē)。現(xià∑±n)代設計(jì)運動與現(xiàn)在軟∑件(jiàn)網頁設計(jì)轉變之間(jiān)的(de)共同點β★λ就(jiù)是(shì)對(duì)本真的(de)渴望。這(z∏≥ hè)股力量讓一(yī)百多(duō)年(nián)•≥₩≥前的(de)設計(jì)師(shī)們刮去(qù£β"ε)了(le)他(tā)們作(zuò)品的(de)✔Ω浮誇裝飾，也(yě)讓今天的(de)數(shù)字話(huà)設計(jì)朝 '✔著(zhe)更簡潔，更注重功能(néng)性的(de)美♣←©(měi)學風(fēng)格。但(dàn≥≠¥)究竟是(shì)什(shén)麽讓設計(jì)回歸”真實&rdq₩★®uo;呢(ne)？
真實的(de)設計(jì)旨在洞察&π✘無意義的(de)設計(jì)，去(qù)除冗餘的(de)元素。真實的(de)設≤≈ ☆計(jì)是(shì)使用(yòng)材質來(lái↕☆¥™)展示産品的(de)亮(liàng)點，而不(bù)是(sε∏πhì)用(yòng)誇張的(de)紋理(lǐ)來(láiφ)試圖隐藏缺點。真實的(de)設計(jì)包含的λα♣(de)元素不(bù)應該隻是(shì)讓産✔π•品看(kàn)起來(lái)好(hǎo)看(kàn)，而沒有(yǒu)其他(t↑שā)的(de)價值和(hé)目的(de)。真實的(de)設計(jì)最優的•←(de)方式是(shì)展示功能(néng)，以提升效率作(zuò)為(↑₹♠wèi)設計(jì)是(shì)否優雅的(de)标準。× 真實的(de)設計(jì)是(shì)形式服∞"β"務于內(nèi)容。
在這(zhè)樣的(de)設計(jì)理(lǐ)念中，風(fēng♥ ®π)格并不(bù)是(shì)說(shuō)不Ω≠(bù)重要(yào)，但(dàn)不(b§αù)提倡純粹用(yòng)來(lái)裝飾。相(xiàng)反' ，美(měi)的(de)形式取決于內(nèi)容，而樣式§$隻是(shì)一(yī)個(gè)創造性解決方案的(σ₹↑de)自(zì)然産出物(wù)。對(duì)标志(zhì)性的(γ★γde)Anglepoise燈具的(de)設計(jì)，Deya✔™♦nSudjic評論說(shuō)，”這(zhè)€≠≥÷個(gè)燈看(kàn)起來(lái)怎麽樣&nda$≥sh;特别是(shì)燈的(de)形狀–是(sh÷φì)事(shì)後才去(qù)思考的(de)。但(dàn)這(zhè)≠↔₽也(yě)是(shì)其吸引大(dà)家(jiā)的(¶±δ®de)一(yī)部分(fēn)。它自(zì)然的(de)形狀給∞₽予人(rén)單純、回歸本質的(de)遐想，就(jiù)&©β±像早期的(de)路(lù)虎在技(jì)術(shù)上(shàng)巧妙的(λφ de)構思，而不(bù)是(shì)挖空(kōng)心思去(qù®§)創造一(yī)個(gè)誘惑消費(fèi)者的(de)産品，反而讓'×顧客産生(shēng)了(le)信任感。”
燈具Anglepoise的(de)設計 β←ε(jì)巧妙地(dì)解決一(yī)個(gè)現(xiàn)實問(wènβ₽★<)題。但(dàn)設計(jì)出來(lái)的(de)形式，不(b®φ↓£ù)僅是(shì)一(yī)種有(yǒu)效Ω☆ασ的(de)解決方案，也(yě)具備它自(zì)↔"<己獨特的(de)美(měi)學魅力。
在數(shù)字化(huà)設計(jì)中，真實性大γ→≠(dà)緻可(kě)以概括為(wèi)以下(xià♣←<)幾點：
擁有(yǒu)數(shù)字化(huà)的(de ♥¶&)外(wài)觀
我們沒有(yǒu)在計(jì)算(s♥∏♣ uàn)機(jī)顯示器(qì)上(shàn≤Ω®g)，模仿如(rú)金(jīn)屬，木(mù)材和(hé)皮革的(deα∑₽)紋理(lǐ)。他(tā)們不(bù)是(sh→≠££ì)數(shù)字界面的(de)組成元素，所以仿造這(zhè)種質感是(s σhì)沒有(yǒu)意義的(de)。這(zhè)并不(bù)意味著(zhe)設✔&計(jì)應該隻有(yǒu)純平面的(de)背景顔色，而是(shì)我>♥♠們不(bù)應該試圖模仿或受限于現(xiàn)實世界中的(de)紋理(lǐ)λ'。
摒棄拟物(wù)化(huà)
一(yī)本電(diàn)子(zǐ)書(shū)不(bù)需要(φσ₽yào)模仿物(wù)理(lǐ)紙(zhǐ)張翻≤>"∞頁，一(yī)個(gè)記筆(bǐ)記的(de)應用(yònα<σ€g)程序也(yě)不(bù)需要(yào)看λ≤(kàn)起來(lái)像一(yī)個(gè)現(xiàn)→γ實的(de)本子(zǐ)，有(yǒu)皮革的(de)封面，撕裂的→★Ω®(de)邊緣和(hé)手寫風(fēng)格的(de)字體(t← €ǐ)。拟物(wù)化(huà)并不(bù)總是(shì)γ≤£不(bù)好(hǎo)的(de)，但(dàn)它會(huì)導緻界面一(yī)♠≤> 些(xiē)不(bù)必要(yào)的(de)限制(zhì)。例如(rú)，♣↔φγ一(yī)個(gè)拟真本子(zǐ)的(de)設計(jì)是(∑ shì)靜(jìng)态的(de)而且隻有≠ →•(yǒu)一(yī)個(gè)尺寸，界面的(de)尺寸是(shì)多(duō∞↔)樣的(de);但(dàn)是(shì)如(≈☆β≠rú)果界面使用(yòng)的(de)是(shì)≥¥這(zhè)種拟真設計(jì)，那(nà)就(jiù)隻能(nén←≤g)适應一(yī)種尺寸了(le)。
以內(nèi)容為(wèi)中心的(de)×α ↕風(fēng)格
聚焦在內(nèi)容上(shàng)，而不(bù)是(shì$↑)它的(de)樣式和(hé)裝飾。你(nǐ)可(γπkě)能(néng)會(huì)認為(wèi)這(zhè)點是(shì♥£™§)老(lǎo)生(shēng)常談，但(dàn)♠¥你(nǐ)見(jiàn)過有(yǒu)多(duō)少(shβ ≥ǎo)個(gè)網站(zhàn)會(huì)用(yòng)現(xiàn)有♥≠(yǒu)的(de)主題？大(dà)多(duō)數(sh≠$ù)主題是(shì)根據虛構的(de)內(nèi)容δ©₹←建立的(de)，所以可(kě)以推斷出，網♠₽站(zhàn)最終的(de)內(nèi)容和(hé)樣式肯定會(huγ ì)有(yǒu)所變化(huà)。設計(jì)主題模闆&✔≤會(huì)讓設計(jì)師(shī)過于聚焦在如(r→÷∏ú)何設計(jì)很(hěn)炫的(de)效果，從(cóφ€ng)而忽略了(le)如(rú)何去(qù)合理(lǐ)呈現↑↓(xiàn)內(nèi)容，因為(wèi)也(yě)還"σ±(hái)沒有(yǒu)內(nèi)容提供給他(tā)們。隻有(yǒu)≤&在真實的(de)場(chǎng)景下(xià)，你(nǐ)才能(néng)做(λ↓♠zuò)到(dào)為(wèi)功能(néng)而設計(jì)₽₹♥♣。
這(zhè)不(bù)等同于極簡風(fēng)格
依賴于功能(néng)的(de)美(mπ•↑ěi)學設計(jì)與極簡設計(jì)不(bù)是(shì)同一(yī)個(g' è)東(dōng)西(xī)。前者，設計(jì)者∏Ω旨在去(qù)除多(duō)餘的(de)•×↔設計(jì)，以使産品更容易理(lǐ)解，提高(↑gāo)易用(yòng)性。後者旨在創建一(yī)個(gè)極簡美(měε≤α★i)學，營造一(yī)種非常簡潔的(de)氛圍。一(yī)個(gè)是(sh€↔ì)設計(jì)的(de)基本原則，另一(y ±<ī)個(gè)是(shì)一(yī)種設計(jì₽♠)樣式的(de)選擇。
由Designmodo設計(jì)的(de)扁平'©∞×化(huà)UI組件(jiàn)，這(zhè)是α×(shì)向真實設計(jì)轉變的(de)一(yī)種外(w&₩®ài)在表現(xiàn)。但(dàn)作(zuò>♠)為(wèi)設計(jì)風(fēng)格，&rdquo•λ";扁平化(huà)”隻是(shì÷®)其中一(yī)種方式，不(bù)是(shì)真實設計(jì)的(de)φ₽必然表現(xiàn)。
将簡化(huà)設計(jì)生(shēng)硬地(dì)應用§×↕(yòng)在界面上(shàng)以求達到(dà♣σo)簡潔和(hé)趨于數(shù)字化(huà)←&Ω©是(shì)不(bù)正确的(de)。舉個(gè)例子(zǐ)，無情地(dεδì)消除視(shì)覺效果，如(rú)陰影(yǐng)，顔←★色和(hé)不(bù)同的(de)背景樣式不(bù)一(yī)定會(h©εφuì)讓界面更易用(yòng)。在某些(xiē)情況下(xià)™↔₽，這(zhè)樣反而會(huì)破壞那(nà)些(xiē)通(tōng)過恰↕™δ÷當的(de)陰影(yǐng)和(hé)背景顔色突顯出來(lái)的(de≠↑♠>)層次和(hé)聚焦效果。
為(wèi)了(le)适應Window£ s8的(de)現(xiàn)代主題，Outlook2003的(d'♣✘e)界面進行(xíng)了(le)更新。新£"←界面都(dōu)進行(xíng)了(le)扁平化(huà£₹)處理(lǐ)，所有(yǒu)的(de)內( ®nèi)容和(hé)菜單都(dōu)融入在一(γ÷$yī)個(gè)白(bái)色面闆上(shàng)，結果看(kàn)起來(lδ♥♥ái)更加雜(zá)亂了(le)。
"達到(dào)簡單的(de)最簡單方法，就(jiù)是(s×÷£φhì)用(yòng)心割舍。如(rú)果拿(ná)不(bù)定÷<→主意，就(jiù)拿(ná)掉它。但(dà↕Ω₽βn)是(shì)要(yào)用(yòng)心φ♦去(qù)注意你(nǐ)拿(ná)掉了(le)什(¶♣shén)麽。”最後的(de)提醒很(hěn)值 •得(de)我們思考。拿(ná)掉功能(néng)往往能(®∞néng)達到(dào)簡化(huà)的(de)效果，因為(wè↓♥i)用(yòng)戶需要(yào)處理(lǐ)的(de)任務減少(s≥≥÷βhǎo)了(le)。但(dàn)是(shì ♥λ)，消除可(kě)以幫助用(yòng)戶在感知(zhī)上σ→α(shàng)了(le)解界面的(de)視(↔☆≈shì)覺元素（如(rú)區(qū)分(fēn)按鈕和(hé)标簽、突出要€₽"✘(yào)素的(de)圖形組件(jiàn)），可(kě)能™∞ (néng)會(huì)增加用(yòng)戶學習(xí)™γ≤的(de)成本。因此，指導設計(jì)的(de)不(bù)是→β≥¥(shì)設計(jì)風(fēng)格而應該是(shì)設計(jì)原∏≤₽₽則。
為(wèi)什(shén)麽本真的(de)設計(jì↕ §σ)很(hěn)重要(yào)？
一(yī)款名為(wèi)Rise >→Ω的(de)app是(shì)數(shù)字化(h"σuà)本真設計(jì)的(de)典型例子(zǐ)。鬧鐘(zφ §♦hōng)的(de)設計(jì)是(shì)一(yī)個(gè)已€£∑γ經解決了(le)的(de)問(wèn)題，但(dàn)Si© mplebots開(kāi)啓了(le)一δε♦(yī)個(gè)新的(de)概念，設計(jì)了(le)一(yī)個(gè÷Ω)純粹的(de)數(shù)字化(huà)背景。
在Rise這(zhè)個(gè)app中，用(yòng)↔©戶通(tōng)過創新的(de)全屏幕滑塊這(zhè)種方式ε&±來(lái)設置時(shí)間(jiān)，相(xiàng)應$γ&×的(de)，背景顔色會(huì)對(duì)應天空(kōng)的(de)↑$ 顔色發生(shēng)變化(huà)。
Rise的(de)界面中有(yǒu)一(yī)個(gè)全屏幕的(de)↑¶π滑塊，根據你(nǐ)設定的(de)時(shí)間(j≈'iān)，背景顔色會(huì)變為(wèi)相(xiàng)應的(de®↕)天空(kōng)顔色。界面完全沒有(yǒu)模仿一(yī)個(g"®è)現(xiàn)實的(de)鬧鐘(zhōng)或者拟真的(de)↔↓∞滑動條和(hé)質感。相(xiàng)反，設計(jì)師(shī)完全δ€ ±利用(yòng)了(le)手機(jī)的(de)觸摸屏幕，↓✘創造出一(yī)種從(cóng)地(dì)面升起的(de)體(t>♠β$ǐ)驗。這(zhè)個(gè)創新性的(de)設計(jì)不(bù)¥σ☆僅極大(dà)的(de)提升了(le)用✘δ§(yòng)戶體(tǐ)驗，也(yě)讓這(zh ≤÷è)款app在其他(tā)同類app中脫穎而出。
隻有(yǒu)充分(fēn)的(de)利用(yòng)數(shù₹')字屏幕的(de)創造性而不(bù)是(shì)照(zhào)$↑∏搬現(xiàn)實生(shēng)活中的(de)樣式才能(nén≈&→g)設計(jì)出像Rise這(zhè)樣的(de)π♥Ω界面。電(diàn)子(zǐ)屏可(kě)以實現(x→γ Ωiàn)抽象的(de)形式、動畫(huà)、鮮豔的(de)色彩 ✔和(hé)色調均勻。而不(bù)用(yòng)局限于僅有(yǒu)的(de)幾₽$種色調、靜(jìng)态展示和(hé)拟物(wù)化(huà)的(de)形式∑↑δ♦。通(tōng)過栅格來(lái)規劃頁面內(≤¥₽'nèi)容，我們可(kě)以得(de)出更好(hǎo)≤✘ ₹，更簡單的(de)解決方案，設計(jì)出創新的(de)界面，♦♠÷讓用(yòng)戶有(yǒu)賓至如(rú)歸的(de)感覺。
最近(jìn)流行(xíng)的(de)”扁平化(hu¶₽±à)”的(de)設計(jì)風(fēng)格也(yě♦•')許會(huì)是(shì)一(yī)個(gè)趨勢，也(yě)體α"♥↔(tǐ)現(xiàn)了(le)在設計(jì)上(shàng)$追求還(hái)原本真，摒棄多(duō)餘的(π≥¥de)裝飾，并專注于內(nèi)容本身(shēn)的(de)願望∏λ€。技(jì)術(shù)的(de)發展有(yǒu)時(shí)會(huì)導緻☆π>一(yī)些(xiē)無意義的(de)設計(jì)，就(jiù)像在19©β☆世紀機(jī)械化(huà)批量生(shē↔✔ng)産引起的(de)過度裝飾，以及在早年(€∏♠nián)的(de)網頁和(hé)軟件(jiàn)設計•€↓(jì)中的(de)樣式設計(jì)。随著(zhγ'σe)時(shí)間(jiān)的(de) Ω©§推移，現(xiàn)代主義的(de)一(yī)些(xiē)先驅看(kàn&§δ)到(dào)了(le)功能(néng)設計(j₹'ì)中的(de)美(měi)，從(cóng) "而使得(de)浮誇的(de)裝飾行(xí♠£$∏ng)為(wèi)得(de)到(dào)遏制(≠• zhì)。同樣的(de)，今天軟件(jiàn)中的(de)過度設計★¥(jì)也(yě)會(huì)随著(zhe)對(duì)本真設$↔$×計(jì)意識的(de)蘇醒而逐漸被淘汰的(d₩→e)。
