數字元素在網頁設計中的運用

2022-06-15 分類：網站建設

創新互聯編者，今天推出的是數學與設計——《數字元素在網頁設計中的運用》

1. 我們常見的會用到數字元素的設計有哪些

比如我們的很多電商Banner或專題頁面里，經常會出現活動日期/搶購時間/商品價格/位數排名/剩余或已售個數/步驟序號/完成進度等跟數字有關的元素，而這些數字他所要傳遞的信息重要性和作用都是不一樣的，所以在設計上也會有所差異。

(1)在頭部banner部分的數字

像活動日期/價格折扣信息/搶購時間/件數等等常出現于頭部Banner部分，一般來說這個數字信息如果很重要，那么都會做得特別大特別突出，如果不是那么重要的信息，那么就會在大小或色彩等上面對其進行弱化處理。

舉些例子：

還有優惠券的一些設計，基本都是將數額顯示的大大的：

(2)出現在樓層部分的數字

像搶購時間/倒計時/位數排名/步驟序號等等這些往往是出現在頁面樓層里，很少出現在頭部Banner部分(以前給大家說過專題主要有頭部Banner以及很多樓層組成大家還記得嗎?)，同時他們的位置/大小/可見度的強弱等也反應了他們在這畫面里的重要程度。

舉些例子：

2. 有數字的設計需求可以從哪幾個角度去思考

(1)從功能的角度出發，無非就是強調這個數字信息的重要性/使整體畫面風格統一/增強畫面視覺沖擊力/引導用戶閱讀等作用，我們往往會對其做以下處理：

放大處理

顏色突出

將數字作為一個形狀容器利用起來：

鋪滿整個畫面

保持風格統一，它既是主要信息，也是畫面里不可或缺的一個主題元素而存在

起到視覺引導的作用：

(2)從表現形式的角度出發

根據不同的設計需要，肯定是會有很多不同的表現形式的，比如3D建模/手繪/手工/攝影/手寫毛筆字等，同時他們的質感和排版形式也會大不一樣：

比如雙12/雙11/618等比較大的電商節日，既要體現出綜合賣貨的性質，也要重點體現節日時間，所以這種數字常作為骨架出現，以鼠繪或建模的方式，用各種商品圖來堆砌而成。

手繪

手工/攝影/三維建模

這種手寫毛筆字效果，給人感覺非常瀟灑有緊迫感，適合促銷倒計時活動設計

而且排版多以居中的形式為主：

偶爾也有左對齊或右對齊的方式：

(3)從裝飾的角度出發，數字可以作為點綴元素出現其實在很多時候，無論是文字還是數字等都只是一種點綴元素而已，最常見的就是在海報設計里的運用咯,比如像我之前給我拍的那些模特做的一些照片海報，可以說里面的所有元素都只是點綴而已，里面我寫的一些日期數字其實都只是點綴而已，對我來說并不太重要，因為我的重點是模特展示以及我對整體畫面情緒的表達。