中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

數(shù)字元素在網(wǎng)頁設(shè)計(jì)中的運(yùn)用

2022-06-15    分類: 網(wǎng)站建設(shè)

創(chuàng)新互聯(lián)編者,今天推出的是數(shù)學(xué)與設(shè)計(jì)——《數(shù)字元素在網(wǎng)頁設(shè)計(jì)中的運(yùn)用

1. 我們常見的會(huì)用到數(shù)字元素的設(shè)計(jì)有哪些

比如我們的很多電商Banner或?qū)n}頁面里,經(jīng)常會(huì)出現(xiàn)活動(dòng)日期/搶購時(shí)間/商品價(jià)格/位數(shù)排名/剩余或已售個(gè)數(shù)/步驟序號(hào)/完成進(jìn)度等跟數(shù)字有關(guān)的元素,而這些數(shù)字他所要傳遞的信息重要性和作用都是不一樣的,所以在設(shè)計(jì)上也會(huì)有所差異。

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

像活動(dòng)日期/價(jià)格折扣信息/搶購時(shí)間/件數(shù)等等常出現(xiàn)于頭部Banner部分,一般來說這個(gè)數(shù)字信息如果很重要,那么都會(huì)做得特別大特別突出,如果不是那么重要的信息,那么就會(huì)在大小或色彩等上面對其進(jìn)行弱化處理。

舉些例子:


還有優(yōu)惠券的一些設(shè)計(jì),基本都是將數(shù)額顯示的大大的:


(2)出現(xiàn)在樓層部分的數(shù)字

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

舉些例子:


2. 有數(shù)字的設(shè)計(jì)需求可以從哪幾個(gè)角度去思考

(1)從功能的角度出發(fā),無非就是強(qiáng)調(diào)這個(gè)數(shù)字信息的重要性/使整體畫面風(fēng)格統(tǒng)一/增強(qiáng)畫面視覺沖擊力/引導(dǎo)用戶閱讀等作用,我們往往會(huì)對其做以下處理:

放大處理


顏色突出


將數(shù)字作為一個(gè)形狀容器利用起來:


鋪滿整個(gè)畫面


保持風(fēng)格統(tǒng)一,它既是主要信息,也是畫面里不可或缺的一個(gè)主題元素而存在


起到視覺引導(dǎo)的作用:


(2)從表現(xiàn)形式的角度出發(fā)

根據(jù)不同的設(shè)計(jì)需要,肯定是會(huì)有很多不同的表現(xiàn)形式的,比如3D建模/手繪/手工/攝影/手寫毛筆字等,同時(shí)他們的質(zhì)感和排版形式也會(huì)大不一樣:

比如雙12/雙11/618等比較大的電商節(jié)日,既要體現(xiàn)出綜合賣貨的性質(zhì),也要重點(diǎn)體現(xiàn)節(jié)日時(shí)間,所以這種數(shù)字常作為骨架出現(xiàn),以鼠繪或建模的方式,用各種商品圖來堆砌而成。


手繪


手工/攝影/三維建模


這種手寫毛筆字效果,給人感覺非常瀟灑有緊迫感,適合促銷倒計(jì)時(shí)活動(dòng)設(shè)計(jì)


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


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


(3)從裝飾的角度出發(fā),數(shù)字可以作為點(diǎn)綴元素出現(xiàn)其實(shí)在很多時(shí)候,無論是文字還是數(shù)字等都只是一種點(diǎn)綴元素而已,最常見的就是在海報(bào)設(shè)計(jì)里的運(yùn)用咯,比如像我之前給我拍的那些模特做的一些照片海報(bào),可以說里面的所有元素都只是點(diǎn)綴而已,里面我寫的一些日期數(shù)字其實(shí)都只是點(diǎn)綴而已,對我來說并不太重要,因?yàn)槲业闹攸c(diǎn)是模特展示以及我對整體畫面情緒的表達(dá)。


3. 針對有數(shù)字元素的排版設(shè)計(jì)有哪些方向可選

關(guān)鍵詞一:放大

我們做設(shè)計(jì)講求韻律和節(jié)奏感,所以畫面里的各個(gè)元素之間最好有大有小/有疏有密/有深有淺/有明有暗等的變化,畫面才會(huì)顯得比較耐看。

而數(shù)字相較于文字來說,由于筆畫少/形狀優(yōu)美的緣故,導(dǎo)致它也更具有記憶性更吸引眼球,所以我們常常將文案里的數(shù)字提取出來放大處理。


關(guān)鍵詞二:切割

我們在做設(shè)計(jì)的時(shí)候也經(jīng)常會(huì)用到一種破圖的手法,也就是說故意把完整的一個(gè)元素或圖形切割開,再按需要或美感重新組合,甚至丟棄一部分(也就是格式塔原理,缺失某一部分并不影響其閱讀性)。


關(guān)鍵詞三:切割后再重組

有時(shí)候完整的東西會(huì)顯得過于單調(diào),那么不妨試一下先把它切碎了,再組裝起來咯(其實(shí)跟前面的用實(shí)物組裝成一個(gè)數(shù)字形狀是一個(gè)道理)


關(guān)鍵詞四:疊加

有時(shí)直接打字會(huì)顯得有點(diǎn)單調(diào),但是做其他效果有比較費(fèi)時(shí)或技術(shù)達(dá)不到做不出其他效果的時(shí)候,不妨試下給你的數(shù)字加個(gè)跟背景相似的圖案疊加效果咯。


關(guān)鍵詞五:拼接

在數(shù)字上拼接一些花草/液體/粉末等等效果,會(huì)顯得比較有視覺沖擊力或有代入感。


關(guān)鍵詞六:立體(模擬)

立體效果給人更有場景代入感,給人感覺是可以囊括更多信息的(你想象一下3D比2D多了一個(gè)維度,是不是感覺可展示的東西會(huì)更多一些啊)。


關(guān)鍵詞七:穿插錯(cuò)疊

將數(shù)字與其他元素結(jié)合玩出一種前后交錯(cuò)的感覺,可以使畫面更加生動(dòng)和有層次感


關(guān)鍵詞八:變色或加背景色塊

想要讓自己突穎而出或與眾不同一點(diǎn)的話,就給它換個(gè)區(qū)別于背景色的互補(bǔ)色或?qū)Ρ壬?,給它加背景色塊也是一種方式。


本文標(biāo)題:數(shù)字元素在網(wǎng)頁設(shè)計(jì)中的運(yùn)用
網(wǎng)頁鏈接:http://m.rwnh.cn/news28/167528.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供域名注冊、外貿(mào)網(wǎng)站建設(shè)定制開發(fā)、網(wǎng)頁設(shè)計(jì)公司云服務(wù)器、品牌網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都做網(wǎng)站
荣成市| 永清县| 南部县| 保康县| 原平市| 大厂| 黑山县| 东港市| 西峡县| 怀仁县| 固始县| 新干县| 霍林郭勒市| 恭城| 三江| 永川市| 济阳县| 翁牛特旗| 温泉县| 根河市| 时尚| 寿阳县| 临泉县| 固阳县| 武胜县| 丹巴县| 玛多县| 天水市| 章丘市| 泗洪县| 仁怀市| 固镇县| 木里| 富宁县| 沂南县| 四平市| 潍坊市| 灯塔市| 嵊州市| 靖西县| 六枝特区|