最小(xiǎo)化(huà)設計(jì)的'"β₩(de)目标是(shì)移除界面當中不(bù)必±π要(yào)的(de)元素或內(nèi)容,減少(shǎo)幹擾,使界面最大(dà)程 φ₩度的(de)支持用(yòng)戶的(de)任務流程。
要(yào)将界面以恰當的(de)方式簡化(huà)到(dào)隻保留必要 ♠(yào)元素的(de)程度,設計(jì)師(shī)需要(yào)對(duì)一(yī)系∑₽列與最小(xiǎo)化(huà)策略高(gāo)度相(xiàng)關的(de)設計(jì)γ♥γγ模式有(yǒu)所了(le)解。界面設計(jì),就(ji&≤ù)像人(rén)類的(de)語言一(yī)樣,最終是(shì)由人(rén)們的(de)使用↑ (yòng)方式所定義的(de)。如(rú)今,雖
然“最小(xiǎo)化(huà)”和(hé)“極簡”的(de)概念時(shí)常 ∏被人(rén)們抛出,但(dàn)我們還(hái)是(shì)無法精♥<确的(de)、量化(huà)的(de)去(qù)定義具體(tǐ)是(shì)哪些(xiē)功能(n™☆§©éng)特性構成了(le)最小(xiǎo)化(huà)界面。為(wèi)了(le)更加清晰的(d≠$∞e)對(duì)概念進行(xíng)解構,我們對(duì)112個(g">↑è)帶有(yǒu)明(míng)顯最小(xiǎo)化(huà)風(fēng)格的(de)網站✔¥÷(zhàn)進行(xíng)了(le)分(fēn)析。需要(yào)記住的(de)是($λ✘shì),設計(jì)風(fēng)格的(de)流行(xíng)不(bù)代表它适用(yòng)于↓☆β♦任何類型的(de)産品及其目标用(yòng)戶,更不(bù)意味著(zhe)它能(né₽•★ng)推動提潤或其他(tā)業(yè)務目标的(de)提升。在這(zhè)>♦'♥次研究當中,我們的(de)分(fēn)析對(duì)象是(shì>•)那(nà)些(xiē)明(míng)顯采用(yòng)了(le)最小(xiǎo)化(huà)設¥©↔計(jì)策略的(de)界面,而非因為(wèi)最小(xiǎo)化(h€♠φφuà)設計(jì)風(fēng)格而實現(xià≈₹n)商業(yè)目标的(de)産品。後文(wén)中也(yě)會(huì)講到(dào),雖然π÷最小(xiǎo)化(huà)設計(jì)策略當中的(de)一(yīα☆)些(xiē)要(yào)素對(duì)業(yè)務本身(₽βshēn)是(shì)有(yǒu)推動作<γβ>(zuò)用(yòng)的(de),但(dàn)同時(shσ>í)也(yě)有(yǒu)很(hěn)多(duō)會(huì)起到(≠dào)反作(zuò)用(yòng)。
最小(xiǎo)化(huà)設計(jì)的✔∞→(de)典型組成要(yào)素
對(duì)于我們所研究的(de)112個(gè)最小(xiǎo)化(huàεεγ)風(fēng)格的(de)網站(zhàn),如(rú)果某個(gè)特征出現(x₽λ©iàn)在超過75%的(de)樣本當中,我們就(jiù)将其定☆♠σ義為(wèi)最小(xiǎo)化(huà)界面設計(jì)的(d×'←e)基本組成要(yào)素。
內(nèi)蒙古網站(zhàn)制(zhì)作(zuò),內(nèi)蒙古網站(zh•¶àn)設計(jì),內(nèi)蒙古網站(zhàn)建設,呼和(hé)浩特網站(zhΩ✘≥àn)建設,呼和(hé)浩特網站(zhàn)制(zhì)作(zuò)、呼和(hé)浩特網站(∞₹zhàn)設計(jì)首選內(nèi)蒙古呼和(hé)浩特先誠網絡科(kē)技(jì)公司。先誠官€₹✔<網:/
扁平化(huà)的(de)材質
使用(yòng)在96%的(de)樣本界面當中(很(hěn)多(duō)樣本的₩ &(de)運用(yòng)方式并不(bù)得(de)當)。
過去(qù)幾年(nián)間(jiān),界∑©Ω面設計(jì)領域當中最為(wèi)巨大(dà)的(de)變化(huà)當屬拟物(w∑♥∞ù)化(huà)風(fēng)格向不(bù)帶有(yǒu)任何實物(wùβ β')隐喻的(de)數(shù)字化(huà)表現(xiàn)形式的(de∞±£)轉變。扁平化(huà)風(fēng)格通(tβ≤♣↑ōng)常不(bù)使用(yòng)任何高(gāo)光(guāng ♣→)、陰影(yǐng)、漸變和(hé)材質來(lái)使界面元素帶有(yǒu)三維質感效果。
有(yǒu)些(xiē)設計(jì)師(™♥±shī)相(xiàng)信扁平化(huà)風(fēng)格正是(sh₽¥φì)最小(xiǎo)化(huà)界面設計(jì)理(lǐ)'§念的(de)直接體(tǐ)現(xiàn)<δ↕:移除了(le)各種不(bù)必要(yào)的(de)、裝飾性的(de)視♦Ω(shì)覺效果,使界面最大(dà)程度的(de)支持內(nèi)容本身(shēn)的(d★™§e)呈現(xiàn)。
雖然這(zhè)兩種概念具有(yǒu)很(hěn)強的(de)相(xiàng)關性,但♠<↕(dàn)它們并不(bù)等同于彼此。我們通(tōng)常所說(s© huō)的(de)扁平化(huà)設計(j♣εì)泛指一(yī)種界面元素的(de)視(shì)覺風(fēng)格,而最小(xiǎo)化₩✘≠(huà)設計(jì)則涉及到(dào)內(nèi)容和(hé)功• ☆$能(néng)層面。一(yī)個(gè)采用(yòng)了(le)扁平化(huà)視(shì™β≥)覺風(fēng)格的(de)界面未必是(shì)最小(xi¥∏ǎo)化(huà)的(de):
正如(rú)我們在曾經一(yī)篇文(wén)章(zhāng)₹↕當中所講,扁平化(huà)界面時(shí)常難以讓用(yòng)λ≥↑戶一(yī)目了(le)然的(de)了(le)解哪些(xiē)元素是( &shì)可(kě)點擊的(de)。我們相(xiàng)信,相(xi&↓àng)比于盲目的(de)扁平化(huà)處理(lǐ)方式,一(yī)種介于扁平←₹化(huà)和(hé)拟物(wù)化(hπ↕€♣uà)之間(jiān)的(de)折衷風(fēng)格會(huì)更為(αφ← wèi)實用(yòng) – 以扁平化(huà)為(wèi)基礎,同時(sh$≤í)在交互元素上(shàng)使用(yòng)更具實物(wù)隐喻性的(de)樣式,使×₹用(yòng)戶可(kě)以快(kuài)速識别可(kě)點擊元素。
總體(tǐ)上(shàng)講,扁平化(huà)風(fē↕∑↕ng)格非常容易被誤用(yòng),而且很(hěn)可(kě)能(nénα∞ g)對(duì)産品體(tǐ)驗造成負面影(yǐng)響。如(rú)今扁平化(huà)極度流行(x¥£∑&íng)的(de)設計(jì)趨勢使其幾乎成Ω♠為(wèi)最小(xiǎo)化(huà)設計(jì)的(de)代名詞,這(zhè<₹₽)并不(bù)是(shì)一(yī)個(gè)好(hǎo)現(xiàn)象。
少(shǎo)量配色或單色方案
使用(yòng)在95%的(de)樣本界面當中。
在多(duō)數(shù)的(de)最小(xiǎo)化(huà)風(fēng) βγ★格界面中,極簡的(de)配色方案都(dōu)是'(shì)策略性的(de)被用(yòng)來(lái)在不(bù)增加額外(wài)元素的(de)♦情況下(xià)創建視(shì)覺吸引。界面當中的(de)視(δ↔shì)覺幹擾較少(shǎo),色彩更容易被注意到(dào),對(duì)內(nèi)容和(héλ♥☆®)功能(néng)的(de)影(yǐng)響力更強。
極簡的(de)配色方案可(kě)以說(shuō)是(shì)®≥針對(duì)2000年(nián)前後混亂聒噪的(de)網頁設計(jì)風(fēng)格的↔>(de)回敬。極度克制(zhì)的(de)配色方案最大(dà)程度的(de)避免了(le)∞ε§→界面本身(shēn)對(duì)內(nèi)容的(de)幹擾,不(✘& bù)過在內(nèi)容圖片的(de)使用(yòng)方♣₩ σ面,色彩通(tōng)常會(huì)更豔麗(lì)。我們在進行(xíng)評☆≥'↔估時(shí),考量的(de)元素包括背景色、logo、導航菜單、圖标和(hé)字色★₹,而不(bù)包括內(nèi)容圖片。
很(hěn)多(duō)極簡主義的(de &$)界面設計(jì)師(shī)會(huì)采用₹φ(yòng)單色方案,最多(duō)再為(wèi)界面中的(de"≈≤)重要(yào)元素另取一(yī)種顔色。所謂重要(yào)元素,通(tōng)常是(shì↕σ™₩)指比較重要(yào)的(de)交互元素。
在我們的(de)樣本當中,49%使用(yòng)了(le)單色方案,46%使用(yòng)了( ≥δ≤le)兩到(dào)三種色彩。使用(yòng)著(zhe)單色方案的(de)那(nà)π↕些(xiē)界面,絕大(dà)多(duō)數(shù)↔×是(shì)黑(hēi)白(bái)及各種灰度的(de)搭 ♦∑σ配。
相(xiàng)比于十多(duō)年(nián)前的(de)<↕₽混亂,如(rú)今極簡的(de)配色策略↕"可(kě)以說(shuō)是(shì)一(yī)種進步,♦>'Ω但(dàn)在使用(yòng)時(shí)仍有(yǒu)一(yī)些(xiē)重要(yào)的(∑→¥de)問(wèn)題需要(yào)考慮:确保你δ£(nǐ)的(de)配色方案具有(yǒu)足夠的(de)對(duì)比度,使內(nèi)容'∑¶±具有(yǒu)最基本的(de)可(kě)讀(dú)性,另外(wài)要(yào)考慮到(∏β∑dào)色弱和(hé)色盲用(yòng)戶。
關鍵色的(de)使用(yòng)要(yào)有(yǒ€≈→∞u)明(míng)确的(de)目的(de),例如(rú)突顯重要(yào)信息或交互≠ →元素,并注意維持全局的(de)統一(yī)性,用(yòng)✔ε±途保持一(yī)緻。
功能(néng)與界面元素的(de)約束
使用(yòng)在87%的(de)樣本界面當中。
準備嘗試最小(xiǎo)化(huà)策略的(de)設計(j↓Ω∑ì)師(shī)必須對(duì)界面當中的(de)每一(yī)個(gè)元素進行(xíng)分(≥→×fēn)析,然後移除那(nà)些(xiē)對(duì$≤∞)核心功能(néng)或信息沒有(yǒu)直接支持作(zuò)用(yòng)的(d ®γe)元素。所謂“元素”,包括(但(dàn)不(bù)限于):
實際上(shàng),我們很(hěn)難對(duì)界面當✘∏ 中是(shì)否還(hái)包含“不(bù)必要(yào)”的(de)元素進行(x↔íng)準确的(de)評估,除非直接向設計(jì)師(shī)®φ本人(rén)詢問(wèn),并了(le)解他(tā)們的(de)産品特性及目标&ε∞用(yòng)戶群體(tǐ)。為(wèi®♠)了(le)使這(zhè)一(yī)特征更易考量,我們重Ω★§點關注界面當中是(shì)否存在不(bù)具任何φγ實質目的(de)性的(de)視(shì)覺元素。在我們的(δde)樣本中,有(yǒu)87%的(de)界面明(mín ≠ g)顯移除了(le)所有(yǒu)的(de)不(bù)必要(yào)元素。
界面中的(de)元素越多(duō),用(y≠ òng)戶頭腦(nǎo)中需要(yào)處理(lǐ)的(de)信息就(jiù)越多(duō→×)。極簡主義設計(jì)師(shī)們時(shí)常念叨的(de)一(y∞ ₩→ī)句話(huà)就(jiù)是(shì)“持續減法,直到(dào)無可(kě)再減Ω §≈”,意思就(jiù)是(shì)除非缺失某樣東(d£≤ ₩ōng)西(xī)會(huì)導緻問(wèn)題的(de)出現(xiàn),否則就(ji±$≥εù)幹掉它。
不(bù)過,設計(jì)師(shī)們往往容易過分(fēn)追求簡約、現(xiàn)代、最∞σ←>小(xiǎo)化(huà)的(de)視(δ<shì)覺外(wài)觀,緻使有(yǒu)實際用(yòng)途的(de)元素被錯(cu✘§≥₽ò)誤的(de)移除。反之,嚴格堅持實用(yòng)主義路(l®÷ù)線,将在一(yī)定程度上(shàng)幫助你(nǐ)更準确的(de)識别出界面中的(♠♣&÷de)幹擾元素,打造出更高(gāo)效的(de)交互流程。最< •ε根本的(de)一(yī)點,确保不(bù)☆ ®要(yào)将用(yòng)戶完成核心任務所真正需要(§♣yào)的(de)東(dōng)西(xī)移除,否則這(zhè)樣¥δ±的(de)簡化(huà)隻能(néng)提升操作(zuò)複雜(zá) &☆度。元素混亂、信息過載的(de)界面固然難以理(lǐ)解,但(dàn)過分(f>✘→Ωēn)簡化(huà)以至于缺失必要(yào)信息的(de)産品則更容易讓人↔↓β(rén)茫然無措。
超大(dà)的(de)留白(bái)比例
使用(yòng)在84%的(de)樣本界面當中。
有(yǒu)意識的(de)将界面當中的(de)幹擾元素移除,勢必會(huì)導緻負空( ¥$kōng)間(jiān)比例的(de)增大(d♥≈à)。
留白(bái)(負空(kōng)間(jiān))曾被認為( ∏♣wèi)是(shì)最小(xiǎo)化(huà)界面的(de)同義詞,很(hě&$★®n)多(duō)設計(jì)師(shī)将留白(bái)作(>∑zuò)為(wèi)一(yī)種引導用(yòng)戶關注重要(yào)內(nè÷βi)容的(de)手段,幫助他(tā)們更好(hǎo)的(de)理(lδ↑™ǐ)解信息結構。
留白(bái)并非空(kōng)無一(yī)物(wù),比例得(de)當的(de)負空(kπ•α ōng)間(jiān)除了(le)可(kě)以為(wèi)界面賦予呼吸感以外(<↑&wài),确實還(hái)能(néng)起到(dào)有(yǒu)效的(de♣α)引導作(zuò)用(yòng)。在考慮留白(bái)的(de)使用(yòng)時✔±★¶(shí),要(yào)關注以下(xià)幾方面的(de)問(wèn)題:
增加或減少(shǎo)留白(bái)之後,≤≈ 界面信息層級的(de)展現(xiàn)方式是(shì)否會(huì)受到(dào©÷♠σ)影(yǐng)響?
留白(bái)的(de)使用(yòng)是(shì)否會(huì)影(yǐng)響到(dà≤βo)界面上(shàng)方信息的(de)展示?雖然備受争議(yìφ÷),但(dàn)“折線以上(shàng)”的(de)原則在很(hěn)多↓♣÷(duō)界面環境中依然适用(yòng),用(yòng)戶ε∞在進行(xíng)交互行(xíng)為(wèi)之前最容易關注到(dào)的(de)仍然是( shì)首屏區(qū)域當中的(de)內(¥↓ nèi)容,不(bù)要(yào)讓留白(bái)對(duì)
這(zhè)裡(lǐ)的(de)重要(yào)信息産生(shēng)破壞作(zuò)用(yòng☆¶'π)。
留白(bái)的(de)使用(yòng)是(s ×hì)否會(huì)影(yǐng)響到(dào)交互成本↕ ?用(yòng)戶是(shì)否需要(yào)付出更高(gāo)∑<✔↓的(de)成本才能(néng)獲取信息?
留白(bái)的(de)比例是(shì)否需要(yào)根據不(bù)同γ←★的(de)浏覽環境進行(xíng)響應式的(de)調整?
誇張的(de)字體(tǐ)運用(yòng)
使用(yòng)在75%的(de)樣本界面當中。 •
和(hé)字色相(xiàng)仿,當界面裡(lǐ)僅有(yǒu)為(wèi)數(shù)不(→×∏§bù)多(duō)的(de)元素時(shí),加粗加大(dà)的(de)字體(t→∑ǐ)也(yě)能(néng)成為(wèi)溝通(tōng)重☆§←要(yào)信息的(de)手段。恰當有(yǒu)效的(de)字體(tǐ)運用(yòng)不∞©(bù)但(dàn)可(kě)以使最小(xiǎo)↕化(huà)風(fēng)格的(de)界面更具視(shì)覺吸€ ✔引力,而且可(kě)以彌補其他(tā)類型元素的(de)匮>§ ©乏所導緻的(de)視(shì)覺失衡問(wèn)題→♥ ₽。字号、粗細、字形風(fēng)格等等的(de)變化(huà<≈ )搭配對(duì)于幫助用(yòng)戶在最小(×$♣±xiǎo)化(huà)界面中理(lǐ)解信息層次也(yě)起著(zhe)重要>'∏<(yào)的(de)作(zuò)用(yòng)。在我♠π✘們研究的(de)112個(gè)樣本當中,75%的(de)界面通(tōng)過誇張的(de) •σ字體(tǐ)運用(yòng)方式來(lái)傳達信息,制(zhì)造視(shì)覺張力。
對(duì)于定制(zhì)化(huà)程度比較高(gāo)的(de)字體(€tǐ),使用(yòng)圖片代替文(wén)本是(shì)一(yī)種常規做(z± uò)法,代價則是(shì)降低(dī)了(le)界面的(de)ε∑£加載速度,并且需要(yào)考慮不(bù)同分(fēn)辨¶ <率下(xià)的(de)尺寸問(wèn)題。使用(yòng)在線字體(tǐ)₩®♣≠(web font)也(yě)是(shì)一(yī)種方式,但(dàn)§♥♥♦同樣要(yào)考慮性能(néng)方面的(de)問(wèn)題。
必須記住,隻有(yǒu)在能(néng)夠傳達特定信息的(de)情況γ•下(xià),誇張的(de)字體(tǐ)運用(yòn$σ&g)方式才有(yǒu)意義,不(bù)要(yào)單純為(wèi)• ≥∑了(le)視(shì)覺效果而使用(yòng)♦π。過度風(fēng)格化(huà)的(de)字體(tǐ)有(σ§₹yǒu)很(hěn)大(dà)的(de)風(fēng↔®)險性,根據我們過去(qù)的(de)研究,用(yò±≥ng)戶很(hěn)容易忽略掉那(nà)些(xiē)看(↑§™✔kàn)上(shàng)去(qù)過于花(huā)裡(lǐ)胡哨的(de)文(wén)字,因為(w§₹èi)太像廣告了(le)。你(nǐ)的(de)字體(tǐ)運用(yòng)方式能(néng)否準确的(de)體(tǐ)現(xiàn)✔♠♦設計(jì)意圖?最終結果是(shì)否反而造成了>★(le)混亂和(hé)幹擾?優秀的(de©★♥ )設計(jì)師(shī)應該有(yǒu)能(néng)力在這(zhè)兩者< ★₹之間(jiān)找到(dào)恰當的(de)平衡點。如(rú)果你(nǐ)無法确定,盡量向最♥•♦安全最穩妥的(de)一(yī)邊靠攏。
其他(tā)組成要(yào)素
以下(xià)這(zhè)些(xiē)設計(jì)要(yào)素也(y≈¶★ě)是(shì)很(hěn)多(duō)≥€設計(jì)師(shī)樂(yuè)于運用(yòng)的(de)。®πγ不(bù)過由于它們在樣本當中的(de)使用(ε©yòng)比例相(xiàng)對(duì)較低(dī),所以我們≥←不(bù)會(huì)将其定義為(wèi)最小(xiǎo)化(huà)界面設₩★計(jì)的(de)基本組成要(yào)素。
全屏背景圖片或視(shì)頻(pín)
使用(yòng)在57%的(de)樣本界面當中。
理(lǐ)論上(shàng)講,全屏背景圖片與最小(xiǎo)化(huà)設計(jì)δ™理(lǐ)念當中“移除一(yī)切不(bù)相(xiàng)關要(yào≤δ )素,隻保留必要(yào)信息”的(de)原則是(shì)相(xiàng)沖突的(de),不↔≈(bù)過在實際當中,這(zhè)種設計(jì)模式的(de)主流化(huλ∑§à)程度還(hái)是(shì)有(yǒu)目共睹的(de);在我們的(de)研究樣本★<♠當中,
采用(yòng)了(le)這(zhè)種模式的(de)界面約占57%。
全屏背景圖片/視(shì)頻(pín)是(shì)否有(yǒu)利于用(yòng)戶對(du≈©ì)品牌産生(shēng)正确認知(zhī)±≤±,這(zhè)一(yī)點還(hái)取決于具體(tǐ)的(de)産品環境←÷以及設計(jì)師(shī)的(de)設計(jì)意圖。要(yào)策略性✔₽的(de)選擇背景圖片或視(shì)頻(pín),而不>§(bù)是(shì)盲目的(de)模仿或随意使用(yòng)素材;在此基礎上 Ω™(shàng),遵循最小(xiǎo)化(huà)設計(jì)的γ•(de)理(lǐ)念,防止多(duō)餘的(de)界面元素與大(dà)背↑∏↕景所傳達的(de)信息産生(shēng)沖突。不(bù)過在實際當中,有(yǒu)很($φ♦hěn)多(duō)設計(jì)師(shī)的(πde)思路(lù)卻是(shì)通(tōng)過巨大(dà)而誇張的(de)背景元素來(l$πα§ái)彌補過于簡化(huà)的(de)風(fēng)格所帶來(lái)δσ<✘的(de)枯燥與單調。
在使用(yòng)全屏背景圖片或視(shì)頻(pín)時(shí),考慮以下(xià)幾點$§$:
确保你(nǐ)所選用(yòng)的(de)圖片或視(shì)頻(pín)是(shì)有(↕♣✔✘yǒu)實際意義的(de),例如(rú)幫助用(yòng)戶一(®₽®yī)目了(le)然的(de)對(duì)産品産生(shēng)直觀認知(zhī)。如(rúπ>€¶)果做(zuò)不(bù)到(dào)這(zhè)一(yī)點,它們隻會(huì)成為(₽∏↓wèi)界面當中體(tǐ)型巨大(dà)的(de)幹擾元素。
确保背景之上(shàng)的(de)文(wén)字內(nèi)容可(kě)讀(dú)、易讀∑λ>∞(dú)。可(kě)讀(dú)是(shì)指至少(shǎo)保證用(yòng)戶能(nφφ₽éng)夠辨識字母、單詞、語句;易讀(d•β×ú)是(shì)指輕松順暢的(de)辨識和(hé)處理(lǐ)這(zhè)些(xiē)內(nèα±i)容。如(rú)果你(nǐ)使用(yòng)視(shì)♠¶©頻(pín)做(zuò)背景,那(nà)麽要(yào)在所有(yǒu)典型分(fē¥≠∏n)辨率下(xià)測試每一(yī)幀圖像對(duì)文(wén)字內(nèi)容的(de)可§✘(kě)讀(dú)、易讀(dú)性是(shì)否産生(shēng)了(le)嚴重的(de)®負面影(yǐng)響。
考量大(dà)幅背景素材對(duì)于界面性能(néng)的(de)影(yǐng)響。要(y✘ào)采用(yòng)必要(yào)的(dλ÷¶e)自(zì)适應技(jì)術(shù),确保界面在移動設備上(s↓®✔hàng)加載時(shí)不(bù)需要(yào)使 ✘₽用(yòng)桌面尺寸和(hé)精度的(de)超大(dà)素材。
對(duì)于自(zì)動播放(fàng)要(yào)謹慎×>。很(hěn)多(duō)用(yòng)戶非常厭(yà™Ω↕€n)惡自(zì)動播放(fàng)的(de)視(shì)頻(pín),尤其π♠是(shì)同時(shí)帶有(yǒu)音(yīn)頻(pín)的(de)。
不(bù)要(yào)将背景視(shì)頻(p£✔αín)當作(zuò)哈利波特電(diàn)影(yǐng)₹★那(nà)樣去(qù)制(zhì)作(zuò)π₩☆£,動來(lái)動去(qù)的(de)炫目的(de)內(nèi)容隻會(huì✘₩)幹擾用(yòng)戶的(de)注意力。Ωφ<™
網格布局
使用(yòng)在43%的(de)樣本界面當中。
43%的(de)比例可(kě)以代表一(yī)定的(de)流行(xíng)程度,但(dΩ φ•àn)也(yě)可(kě)以說(shuō)'σ明(míng)這(zhè)種設計(jì)₩©→∞方式不(bù)是(shì)很(hěn)典型的(de)最小(xiǎo)化(huà)設計(jì)組™γ成要(yào)素。
在最小(xiǎo)化(huà)界面當中,網格布局的(de)$₩★使用(yòng)通(tōng)常出于兩方面的(de)原因:
無需額外(wài)的(de)視(shì)覺元素進行(x¥δ₩íng)輔助,網格布局能(néng)夠很(hěn)好(hǎo∞>✘)的(de)将界面當中一(yī)系列同質內(n£πèi)容組織起來(lái)。
網格布局對(duì)于響應式設計(jì)的(de)實現&♠(xiàn)很(hěn)有(yǒu)幫助。
圓形的(de)圖形元素
使用(yòng)在16%的(de)樣本界面當中。
很(hěn)多(duō)設計(jì)師(shī)認為(wèi)圓形元素是(shì)∏&一(yī)種典型的(de)最小(xiǎo)化(huà)界面設計(j≥♣ì)組成要(yào)素,不(bù)過在我們的(de)研究當中,隻'Ω有(yǒu)16%的(de)樣本有(yǒu)用(yòng)到(dào $>)。
默認隐藏的(de)全局導航
使用(yòng)在13%的(de)樣本界面當中。
如(rú)今很(hěn)多(duō)網站(≈£zhàn)會(huì)默認隐藏全局導航,即便是φ"(shì)在桌面設備上(shàng)浏覽的(♥β♣de)時(shí)候;漢堡包圖标也(yě)越來(lái)越多(duō)的(de)δπ¥出現(xiàn)在網頁當中。實際上(sh≤☆↔àng),這(zhè)可(kě)以說(shuō)是(shì)♣π對(duì)“移動優先”設計(jì)思路(lù)理(lǐ)解✔♣不(bù)全面或是(shì)貫徹不(bù)全面所導緻的(dπΩe)直接結果 – 設計(jì)師(shī)認同了(le)在移動設備小 ✘±(xiǎo)屏幕上(shàng)隐藏導航換取顯示空(kōn✘<g)間(jiān)的(de)合理(lǐ)性,但(dàn)是(πφ≈≈shì)忽略了(le)在平闆或桌面設備充裕的(de)顯示環境當中一(yī)目了(↕♦™le)然的(de)向用(yòng)戶呈現(xiàn)導航結構的(de)重©¶要(yào)性 – 換個(gè)角度說(shuō)," ×這(zhè)也(yě)是(shì)典型的(de)
過度簡化(huà)設計(jì)。
退一(yī)步說(shuō),在某些(xiē)情§ ∏÷況下(xià),隐藏一(yī)些(xiē)非高(gāo)頻(pín)功能(>>néng)入口或許符合你(nǐ)的(de)簡化(huà)目标,但(dàn)必須☆'确保那(nà)些(xiē)對(duì)于≈£用(yòng)戶完成核心任務起到(dào)關鍵作(zuò)用(yòng)的(deσγ♣)信息或功能(néng)默認呈現(xiàn)出來(lái)。β
最小(xiǎo)化(huà)設計(jì)要(yào)素歸納
在對(duì)112個(gè)網站(zhàn)界面進行(xíng∏↑λγ)研究之後,我們總結出了(le)如(rú)前文(wén)所述的(de)若幹最小(xiǎo)化(hu☆ >à)設計(jì)組成要(yào)素,其中包括5個(gè)典型組成要(yào)©✘®¶素:
小(xiǎo)結
2000年(nián)前後的(de)界面設計(jì)領域由混亂與聒噪所統治。多(duō)年(niáφ¶♥n)來(lái),我們逐漸學會(huì)了(©•le)與之進行(xíng)對(duì)抗。臃腫的(de)功能(néng)和(hé)無意義的(dγ₹e)內(nèi)容對(duì)于用(yòng)戶及産品自(zì)身(shēn"₽§)都(dōu)是(shì)極大(dà)的(de)傷害。理(π lǐ)論上(shàng)講,最小(xiǎo)化(huà)設計(jì↓✔)思想可(kě)以幫助我們遠(yuǎn)離(lí)曾經的(de)混亂局面,打造出更加平滑自(" ♥zì)然的(de)人(rén)機(jī)互動流程。不(bù)過現(xiàn)實φ✔φ₽當中的(de)情況并非那(nà)麽理(lǐ)想,很(hěn)多(duō)設計(₽✘≤£jì)師(shī)僅從(cóng)形式上(shàng)拷貝著(zhe↓€€)各種流行(xíng)的(de)最小(xiǎo)化(huà)設計(jì)要(yào)α&ε 素,卻忽略了(le)特定的(de)産品目标以及不₩©(bù)恰當的(de)設計(jì)方式所導緻的(de)各種可÷×(kě)用(yòng)性陷阱。
從(cóng)形式上(shàng)看(kàn),扁平化(huà)設計(jì)是®₽₽(shì)對(duì)拟物(wù)風(fēng)格的(de)反擊,最小(xiǎo)化↑δ±(huà)設計(jì)是(shì)對(duì)過度設計(jì)的(de)反擊。無論如(rú)何✘,我們都(dōu)強烈建議(yì)各位設計(jì)師(shī)避免非此即彼、非黑(hēi)即白(♦∞≥bái)的(de)思維模式,真正去(qù)了(le)解每種設計(jì)思想的(de)特性,根據≥♥産品的(de)實際情況尋求恰當的(de)平衡點。隻有(yǒu)在真正符合産品目标及用(yòn↔∑×€g)戶需求的(de)情況下(xià),特定的(de)設計(♣×₽jì)思想才能(néng)真正成為(wèi)有(yǒu)利的(de)設計(jì)£ 武器(qì) – 為(wèi)了(le)最小(xiǎo)化(huà)而最小(xiǎo)化(hu ♠à),對(duì)産品和(hé)用(yòng)戶都(dōu)無益。
注:本文(wén)均來(lái)自(zì)百度搜索,如(rú)涉及版權問(wèn)題,請(✔₽qǐng)聯系我們,我們會(huì)第一(yī)時(shí)間(¥↓☆jiān)解決。