網站建設中的(de)“極簡主義”設計風格

在(zài)網站建設工作中，大(dà)家經常會遇到(dào)網頁裏信息太多不(bù)知道(dào)怎麽布局這(zhè)個(gè)問題。在(zài)這(zhè)個(gè)信息爆炸的(de)時(shí)代，獲取信息的(de)難度降低，意味着篩選信息的(de)難度提高。若要(yào / yāo)避免網站建設工作中信息在(zài)網頁上(shàng)布局雜亂的(de)問題，“極簡主義”設計對網站建設來(lái)說(shuō)或許是(shì)個(gè)很好的(de)答案。極簡主義是(shì)什麽？從字面上(shàng)看：簡約至極。網站建設中設計方面的(de)簡約有兩種：内容簡約和(hé / huò)樣式簡約。

我們計劃簡化一(yī / yì ／yí)個(gè)網頁，第一(yī / yì ／yí)步要(yào / yāo)先确定網頁中每一(yī / yì ／yí)個(gè)元素是(shì)否有存在(zài)的(de)必要(yào / yāo)性。網頁中存在(zài)許多元素，但并不(bù)是(shì)每一(yī / yì ／yí)個(gè)元素都是(shì)必須要(yào / yāo)存在(zài)的(de)。要(yào / yāo)清楚網頁中每個(gè)元素的(de)實際作用并進行評估，對于(yú)一(yī / yì ／yí)些沒有很重要(yào / yāo)存在(zài)原因的(de)純裝飾性元素，爲(wéi / wèi)了(le／liǎo)網頁的(de)簡潔，可以(yǐ)選擇删除。例如幾款比較收歡迎的(de)音樂軟件，音樂播放界面大(dà)都是(shì)類似一(yī / yì ／yí)個(gè)旋轉的(de)唱片，而(ér)有一(yī / yì ／yí)款音樂軟件直接去掉了(le／liǎo)這(zhè)個(gè)唱片。因爲(wéi / wèi)這(zhè)個(gè)“唱片”大(dà)約占據了(le／liǎo)一(yī / yì ／yí)半的(de)空間，導緻其他(tā)常用功能隻能排布在(zài)剩餘的(de)空間裏，顯得很擁擠，所以(yǐ)去除這(zhè)個(gè)“唱片”結構，給用戶帶來(lái)的(de)不(bù)僅是(shì)視覺上(shàng)的(de)輕量感，更是(shì)實用性的(de)提升。用戶在(zài)該軟件中切換歌曲、調整播放進度、返回上(shàng)一(yī / yì ／yí)級頁面等操作都可以(yǐ)通過滑動屏幕實現，而(ér)且該軟件還是(shì)幾款音樂軟件中，唯一(yī / yì ／yí)一(yī / yì ／yí)款支持上(shàng)下手勢滑動切歌的(de)，大(dà)部分軟件是(shì)左右滑動切換歌曲，或直接不(bù)支持手勢切歌，用戶隻能通過點擊切換歌曲，毋庸置疑，滑動手勢比點擊更容易受到(dào)用戶的(de)青睐。

“去線化設計”是(shì)極簡主義設計的(de)一(yī / yì ／yí)大(dà)方式。在(zài)某些軟件的(de)頁面中，用戶可能會找不(bù)到(dào)任意一(yī / yì ／yí)條分割線。若要(yào / yāo)知道(dào)分割線可以(yǐ)去除的(de)原因，首先要(yào / yāo)弄清楚分割線在(zài)頁面布局中的(de)具體作用。分割線主要(yào / yāo)是(shì)幫助用戶分辨網頁中不(bù)同維度和(hé / huò)級别的(de)内容、構建信息層次的(de)。分割線主要(yào / yāo)分爲(wéi / wèi)兩種：通欄分割線和(hé / huò)非通欄分割線。通欄分割線就(jiù)是(shì)指分割線貫穿整個(gè)屏幕，非通欄分割線一(yī / yì ／yí)般會留有缺口。通欄分割線明顯地(dì / de)“分割”了(le／liǎo)整個(gè)屏幕，所以(yǐ)在(zài)内容區分上(shàng)更加直白，更能表現不(bù)同内容之(zhī)間的(de)獨立性。但是(shì)這(zhè)種分割線在(zài)某種程度上(shàng)會影響用戶的(de)浏覽體驗，影響用戶獲取信息的(de)效率。我們可以(yǐ)把分割線比作成一(yī / yì ／yí)堵牆，它可以(yǐ)把原本雜亂無序的(de)信息強行區分歸類；但是(shì)對于(yú)一(yī / yì ／yí)些原本内容布局就(jiù)很有條理的(de)網頁來(lái)說(shuō)，完全可以(yǐ)考慮去線化設計，也(yě)就(jiù)是(shì)去除分割線，使用間距完成内容的(de)區分。

如果實在(zài)是(shì)無法再删減内容，那麽就(jiù)要(yào / yāo)考慮形式，也(yě)就(jiù)是(shì)必須存在(zài)的(de)内容是(shì)否可以(yǐ)采用更加簡潔的(de)樣式。但是(shì)樣式的(de)簡化更多是(shì)存在(zài)于(yú)表面，那麽怎樣向更深層次進行樣式簡化呢？舉例來(lái)說(shuō)，多數搜索功能都在(zài)頁面的(de)頂部而(ér)不(bù)是(shì)中間或底部，因爲(wéi / wèi)用戶使用搜索功能的(de)頻率很高，要(yào / yāo)保證用戶很容易就(jiù)可以(yǐ)找到(dào)它，所以(yǐ)才把搜索框放置于(yú)頁面頂部。如果我們不(bù)得不(bù)将搜索功能放置在(zài)其他(tā)地(dì / de)方，如何不(bù)依靠有利的(de)位置提高搜索功能的(de)優先級？如果要(yào / yāo)将搜索功能放置在(zài)頁面中間，我們可以(yǐ)使用浮窗，然後添加陰影，便拉近了(le／liǎo)與用戶之(zhī)間的(de)“距離”。離用戶越近的(de)内容，用戶也(yě)更容易發現。還有一(yī / yì ／yí)種簡化形式的(de)方式叫做“隐藏機制”。隐藏機制代表一(yī / yì ／yí)種靈活的(de)布局思想。頁面中有許多的(de)功能和(hé / huò)模塊，但并不(bù)是(shì)每一(yī / yì ／yí)個(gè)功能或模塊都是(shì)用戶一(yī / yì ／yí)定全程都需要(yào / yāo)的(de)。我們要(yào / yāo)去感知用戶在(zài)某一(yī / yì ／yí)場景下可能對某一(yī / yì ／yí)功能的(de)需求很低，那麽就(jiù)可以(yǐ)考慮隐藏這(zhè)個(gè)功能或模塊。

雖然極簡主義設計風格在(zài)網站建設中有許多優點，但是(shì)也(yě)并不(bù)是(shì)适用于(yú)一(yī / yì ／yí)切網站建設工作。對一(yī / yì ／yí)些網上(shàng)商城來(lái)說(shuō)，需要(yào / yāo)在(zài)頁面中提供給用戶豐富而(ér)全面的(de)信息，但極簡主義設計會展示相對較少的(de)内容，顯然并不(bù)能采用極簡主義設計風格。因此，在(zài)網站建設時(shí)要(yào / yāo)考慮頁面的(de)實際情況，切忌盲目跟風，适合的(de)才是(shì)最好的(de)。