熱門标簽
無框界面時代或将到來：無框界面優劣淺談
縱使幾大設計風格已形成寡頭壟斷（如蘋果的圓角玻璃、谷歌的層級、微軟的方塊…），但界面設計的進化曆程才剛剛開始。
我曾在之前的《[譯文(wén)]去形式化——移動設計新(xīn)趨勢化》寫過關于去形式化的話題。在這個新(xīn)趨勢中(zhōng)，界面上的内容越來越重要，相對的，一切與内容無關的都被大大削減。
去形式化是一張非常模糊的全景圖，在演化中(zhōng)一些新(xīn)的設計風格逐漸清晰起來，例如——無框界面。
也許你已經發現了，今年來越來越多(duō)的網站和應用(yòng)，尤其是那些注重設計的，都有(yǒu)這樣的趨勢。曾經用(yòng)來劃分(fēn)區(qū)域的邊框和邊線(xiàn)逐漸消失，然而在幹淨的界面上，通過距離分(fēn)割，各區(qū)域的差别依舊清晰可(kě)辨。
那麽卡片化呢(ne)？
如果你的設計思維還停留在卡片話，那就落伍了，因為(wèi)無框界面的趨勢下，卡片的概念被淡化。卡片與否有(yǒu)何重要？反正用(yòng)戶甚至不會察覺，他(tā)們隻關心自己來這裏的終目的，界面對他(tā)們來說隻是搜尋信息的手段之一罷了（如果有(yǒu)很(hěn)好的搜索功能(néng)可(kě)用(yòng)的話，說不定根本不用(yòng)掃一眼界面）。
沒錯，卡片化的由來有(yǒu)它的合理(lǐ)性。幾年前大家注意到顯示屏的尺寸越來越不可(kě)預期，設計師急需一種設計手段，來讓設計出的界面能(néng)夠适應不同尺寸的屏幕。卡片剛好能(néng)夠解決這一點，因為(wèi)它将内容封裝(zhuāng)成固定的小(xiǎo)區(qū)塊，像水一樣，可(kě)以放在任何比自己大的容器中(zhōng)。不但如此，卡片式界面還可(kě)以根據需要随時删減卡片，以此靈活控制界面上的内容種類和數量。由此響應式界面的大環境下，卡片化這個詞被越來越多(duō)地注意到。
其實無框界面與卡片化并不真正相沖，将内容分(fēn)裝(zhuāng)成小(xiǎo)區(qū)塊的概念依舊還在，隻是此時卡片已經完全透明，不需要看到卡片的樣子了。
無框的優勢？
用(yòng)文(wén)字來讨論太過抽象，所以我用(yòng)無框的概念優化了一個大家熟悉的有(yǒu)框界面。不要問我是哪個網站，哈哈~
下圖：上面的是原版界面，下面的是我修改的無框版。我這個修改主要隻是将框去掉而已，然後為(wèi)了配合無框風格對細節做了一些修改，目的僅僅是為(wèi)了對比同一個界面在有(yǒu)框和無框兩種情況下看起來有(yǒu)什麽不同。
掌控注意力
看上圖的原版界面時，眼很(hěn)有(yǒu)可(kě)能(néng)看到的是卡片中(zhōng)的邊線(xiàn)，而不是内容。這是因為(wèi)白色卡片和灰色背景的對比非常明顯，而尺寸又(yòu)很(hěn)大，所以非常吸引注意力。而卡片中(zhōng)的内容，因為(wèi)在卡片中(zhōng)擠作(zuò)一團，所以很(hěn)容易被忽視。
看上圖中(zhōng)的無框版界面時，因為(wèi)沒有(yǒu)邊線(xiàn)，隻有(yǒu)内容，所以用(yòng)戶眼的注意力肯定是在内容上。
用(yòng)戶之于界面，寶貴的莫過于注意力。因為(wèi)一個産(chǎn)品想要提供給用(yòng)戶的功能(néng)是越多(duō)越好，但是用(yòng)戶的注意力始終隻有(yǒu)那麽一丁點。所以，掌控用(yòng)戶的注意力是設計師的關鍵使命。如果界面上擺放了過多(duō)色彩顯明、吸引注意力的“裝(zhuāng)飾”，用(yòng)戶看到内容的幾率變下降了。當然，即便有(yǒu)邊框，還是能(néng)夠通過對邊框的特殊設計來控制用(yòng)戶的注意力不分(fēn)散，但是邊框越多(duō)，難度就越大。
/jianzhanzhishi/7124.html 無框界面時代或将到來：無框界面優劣淺談
