擔心掉隊？那就趕緊和這3項陳舊的網頁設計準則說拜拜吧！
擔心掉隊？那就趕緊和這3項陳舊的網頁設計準則說拜拜吧！
發布日期：2018-12-20
瀏覽次數：1193
網頁設計一直是一個動態和不斷發展的過程，尤其是隨著網站技術的進步，今天還適用的設計趨勢和準則也許明天就過時了。小飛前面在《斷舍離！是時候和這4種過時的網頁設計風格做切割了》中就介紹過4種應該淘汰的設計趨勢（斜面和浮雕、大篇幅草書文本、爆裂式彈出、3D陰影效果），大家感興趣的可以點擊進行詳細了解。及時拋棄過時的設計趨勢、緊跟最新時尚潮流能讓網站煥發出新的生機與活力，有助于企業品牌形象的樹立。今天這篇文章也是奔著這一目標去的，下面小飛將介紹3項需作出調整的設計準則，這些準則在今天看來其實已經過時了。快來一起看看吧！
1. 僅使用無襯線字體
在網頁設計中只使用無襯線字體，這是很多設計師過去常常會遵循的字體排版準則。而現在網頁設計中更加流行可讀性高的字體組合，你可以使用襯線體、無襯線體、甚至是一些新穎的字體比如腳本字體等，只要能夠提供用戶較高的可讀性和良好的視覺體驗就好了。字體排版設計準則的這一改變很大程度上是由設備屏幕的不斷優化帶來的。以前的電腦屏幕比較差，用在網頁中的襯線字體很容易變得模糊、不可見，因此我們當時一直強調無襯線字體的使用。不過隨著電腦屏幕的進一步優化，襯線字體等文字都已經可以得到良好顯示了。再加上襯線字體、無襯線字體等各有優勢，我們現在選擇字體風格多基于品牌特征或網站整體基調等，并不拘泥于一種。下面是關于網站字體排版的一些建議：
- 選擇中等或常規大小的字體，太粗或太細的字體在可讀性方面會比較差；
- 注意字體間距，不要過度使用額外裝飾；
- 無襯線字體最好用在標題或其他較短的文字段落上；
- 在長段落或整文中建議使用襯線字體，并選擇易于瀏覽的字體樣式。
2. 保守樸素的配色
在過去很長一段時間里，設計師喜歡在網站中使用保守樸素的配色。這主要表現在兩個方面，其一，白色和其他中性色是網站最常見的顏色，其二，網站配色的種類是有限制的。而現在，大膽、明亮的配色是網站設計的大勢所趨。設計師們開始借助明亮、鮮艷的色彩來突出重要元素，給用戶留下強烈的第一印象，或是利用獨特的配色方案奠定網頁的整體基調，以區別自身同競爭對手，幫助塑造品牌形象。當然，樸素配色也有自己的特點，它是極簡主義最典型的一個代表，不過大膽、明亮的配色同樣能夠做出非常好看的網站，這種設計手法能讓網站看上去更加活潑有趣，用戶的體驗感受也更佳。
在網站中使用大膽、明亮的配色并不意味著你需要顛覆網站的整個設計或在背景上大面積使用亮色，你只需簡單穿插一些鮮艷的顏色即可。下面是幾種微妙的處理方式：
- 在標題上使用明亮的顏色；
- 在普通背景上疊加一張彩色圖片；
- 在網頁背景上使用獨特的配色方案；
- 使用明亮的懸浮顏色來增強用戶互動；
- 在按鈕或CTA元素上使用更加明亮的色調（并不一定非要使用紅色或藍色）。
3. 對稱式布局
過去，設計師還常常追求頁面元素的平衡、頁面布局的和諧美，在網頁設計中多會使用對稱式的布局。現在回過頭看那些設計，最直觀的一個感受就是太中規中矩了，很容易讓人覺得無趣。這不，現在人們更加偏好非對稱式的布局。非對稱式布局很容易理解，即頁面布局、元素不是完全對等平分的。即使沒有采取一分為二的切割方法，非對稱式布局仍然可以創造視覺樂趣，帶來平衡、和諧之美。為了充分發揮非對稱式布局的優勢，這有以下幾條建議可供參考：
- 元素太多可以搭配豐富的留白使用，從而達到平衡；
- 可使用顏色來創造視覺焦點；
- 可使用網格協助布局，帶來有序感；
- 可使用靜態的元素比如導航菜單來容納一些非對稱式的元素；
- 考慮用戶瀏覽的視覺軌跡。想想用戶怎樣閱讀，將最重要的內容放在左上方。
快來起飛頁自助建站平臺搭建一個響應式網站吧！